山水金坛”网站设计与制作
目录
[Abstract]
The basic information of Jintan mainly introduces the landscape of Jintan website, hot news, hot spots, the ancient and modern culture, Food strategy and so on, through to the Jintan aspects of the introduction can let more people to a better understanding of Jintan, understanding Jintan.
Through this website, I hope more people understand Jintan, Jintan culture communication.This can be a very good understanding of the traditional culture of Jintan.
Do the site used software:PHOTOSHOP,DREAMWEAVER, EDITPLUS, FLASH and so on, are beginning to use DIV+CSS to carry on the simple page layout framework sites, and special effects production?using jQuery, JavaScript and other code, so as to realize the entire site.
一、引言
（一）开发背景
本课题的 *好棒文|www.hbsrm.com +Q: *351916072*
内容主要介绍金坛的基本信息，热点新闻、热门景点、古今文化、美食攻略等等，让网络用户能够更好的了解金坛，认识金坛。利用div+css设计页面，使用jQuery、JavaScript制作特效，实现整个网站的运行。
（二）选题内容
1.课题的总体介绍
本设计主要聚集了金坛城市的一些简介，热点新闻、热门景点、古今文化、美食攻略等等，不同风格的栏目，能让网络用户更加感兴趣。
2.指导思想及技术路线
山水金坛网站是运用HTML+CSS代码开发，运用JQuery、JS等制作网页特效。网站中用到的图片则应用ADOBE公司的Photoshop进行图片处理。
（三）软件技术相关介绍
1.ADOBE PHOTOSHOP
Adobe Photoshop，简称“PS”，是由Adobe开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。
2.ADOBE DREAMWEAVER
Adobe Dreamweaver，中文名称为"梦想编织者"，简称“DW”，是美国MACROMEDIA公司开发的集管理网站和网页制作于一身的所见即所得网页编辑器，后被ADOBE公司收购，Dreamweaver是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越浏览器限制和跨越平台限制的充满动感的网页。
3.HTML
超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
4.CSS
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
5.JavaScript
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
6.JQuery
JQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。JQuery是免费、开源的，使用MIT许可协议。JQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，JQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
二、网站内容模块介绍
（一）页面内容介绍
金坛简介页面介绍金坛的地理位置、历史文化、风景文化、前世今生等一些简单的介绍，简单的让人们了解金坛，喜欢上金坛这个美丽的小城市，让人们有种想来游玩的想法。
热点新闻页面介绍了金坛的一些时下新闻和热门的话题。
热门景点页面介绍了金坛的旅游景点，提供人们去往金坛的一些好玩的去处的页面，包括游玩的地方、风景好的公园、魅力的孔雀园等等。
古今文化页面介绍了金坛的前世今生、历史文化、传统艺术等，虽然我们金坛的面积不大，但是传统文化和传统的事物还是很多的。
美食攻略页面介绍了金坛的传统美食、街头小吃，金坛的一些美食也是挺不错的，金坛鸭饺、加蟹小笼包、酒酿元宵、金坛芝麻糖、天目湖砂锅鱼头等都是相当不错的金坛特色小吃。
留言板页面是用于用户留言只用的，在此，用户可以把对金坛想说的，想和别人一起分享的在这里说一说。
三、网站主体设计
（一）网站页面的具体设计
页面中的整体格式和布局都在css目录下的style.css中，其中body设计如下:
对于一个页面不仅要设计其字体和其他风格，还要有链接效果，使页面更加的生动，stley.css中的链接效果如下：
网站包括了金坛简介、热点新闻、热门景点、古今文化、美食攻略等一些对于金坛的介绍。
网站整体的排版和结构如图2-1和2-2所示。
图2-1 网站整体排版
图2-2 网站整体结构
1.首页设计
在首页的最顶部我加入我一个现在时间的效果，后部有设为首页和收藏本站的两个功能，在这个代码中我嵌入了一个显示此功能的页面（time.com）。
首页最顶部图片和代码等如图3-1所示。
[Abstract]
The basic information of Jintan mainly introduces the landscape of Jintan website, hot news, hot spots, the ancient and modern culture, Food strategy and so on, through to the Jintan aspects of the introduction can let more people to a better understanding of Jintan, understanding Jintan.
Through this website, I hope more people understand Jintan, Jintan culture communication.This can be a very good understanding of the traditional culture of Jintan.
Do the site used software:PHOTOSHOP,DREAMWEAVER, EDITPLUS, FLASH and so on, are beginning to use DIV+CSS to carry on the simple page layout framework sites, and special effects production?using jQuery, JavaScript and other code, so as to realize the entire site.
一、引言
（一）开发背景
本课题的 *好棒文|www.hbsrm.com +Q: *351916072*
内容主要介绍金坛的基本信息，热点新闻、热门景点、古今文化、美食攻略等等，让网络用户能够更好的了解金坛，认识金坛。利用div+css设计页面，使用jQuery、JavaScript制作特效，实现整个网站的运行。
（二）选题内容
1.课题的总体介绍
本设计主要聚集了金坛城市的一些简介，热点新闻、热门景点、古今文化、美食攻略等等，不同风格的栏目，能让网络用户更加感兴趣。
2.指导思想及技术路线
山水金坛网站是运用HTML+CSS代码开发，运用JQuery、JS等制作网页特效。网站中用到的图片则应用ADOBE公司的Photoshop进行图片处理。
（三）软件技术相关介绍
1.ADOBE PHOTOSHOP
Adobe Photoshop，简称“PS”，是由Adobe开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。
2.ADOBE DREAMWEAVER
Adobe Dreamweaver，中文名称为"梦想编织者"，简称“DW”，是美国MACROMEDIA公司开发的集管理网站和网页制作于一身的所见即所得网页编辑器，后被ADOBE公司收购，Dreamweaver是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越浏览器限制和跨越平台限制的充满动感的网页。
3.HTML
超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
4.CSS
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
5.JavaScript
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
6.JQuery
JQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。JQuery是免费、开源的，使用MIT许可协议。JQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，JQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
二、网站内容模块介绍
（一）页面内容介绍
金坛简介页面介绍金坛的地理位置、历史文化、风景文化、前世今生等一些简单的介绍，简单的让人们了解金坛，喜欢上金坛这个美丽的小城市，让人们有种想来游玩的想法。
热点新闻页面介绍了金坛的一些时下新闻和热门的话题。
热门景点页面介绍了金坛的旅游景点，提供人们去往金坛的一些好玩的去处的页面，包括游玩的地方、风景好的公园、魅力的孔雀园等等。
古今文化页面介绍了金坛的前世今生、历史文化、传统艺术等，虽然我们金坛的面积不大，但是传统文化和传统的事物还是很多的。
美食攻略页面介绍了金坛的传统美食、街头小吃，金坛的一些美食也是挺不错的，金坛鸭饺、加蟹小笼包、酒酿元宵、金坛芝麻糖、天目湖砂锅鱼头等都是相当不错的金坛特色小吃。
留言板页面是用于用户留言只用的，在此，用户可以把对金坛想说的，想和别人一起分享的在这里说一说。
三、网站主体设计
（一）网站页面的具体设计
页面中的整体格式和布局都在css目录下的style.css中，其中body设计如下:
对于一个页面不仅要设计其字体和其他风格，还要有链接效果，使页面更加的生动，stley.css中的链接效果如下：
网站包括了金坛简介、热点新闻、热门景点、古今文化、美食攻略等一些对于金坛的介绍。
网站整体的排版和结构如图2-1和2-2所示。
图2-1 网站整体排版
图2-2 网站整体结构
1.首页设计
在首页的最顶部我加入我一个现在时间的效果，后部有设为首页和收藏本站的两个功能，在这个代码中我嵌入了一个显示此功能的页面（time.com）。
首页最顶部图片和代码等如图3-1所示。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1891.html
