金陵文脉”文化传播网站
目录
[Abstract]
Jinling Wenmai culture communication website, it mainly introduces the basic information of Nanjing, Hot news, the ancient and modern culture, Food Raiders, the historical origin, etc; Through the aspects of the introduction can let Internet users to understand the Nanjing better.
This web site to achieve the function of network user to browse through the site to effectively understand Nanjing, dissemination of the culture of Nanjing, experience the charm of the ancient capital of the Six Dynasties, This can be a good understanding of the traditional culture of Nanjing.
The use of this website development software are PHOTOSHOP、DREAMWEAVER、EDITPLUS、FLASH, etc; The first uses DIV+CSS to carry on the simple page layout, To realize the website frame *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
, then use jQuery, JavaScript to write Special effects, to achieve the overall operation of the entire site.
[Keywords] culture communication;PHOTOSHOP;DREAMWEAVER;Jinling culture
一、引言
（一）开发背景
本课题的内容主要介绍南京的基本信息，热点新闻文化，美食攻略，历史渊源等等，让网络用户能够更好的了解南京，认识南京。利用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是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越浏览器限制和跨越平台限制的充满动感的网页。
4.HTML
超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
5.CSS
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
6.JavaScript
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
7.JQuery
JQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。JQuery是免费、开源的，使用MIT许可协议。JQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，JQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
二、网站内容模块介绍
南京简介：本页面主要介绍南京的地理环境，行政区划，人口，交通，经济，教育，城市荣誉等等，让用户了解南京的基本知识。
热点新闻：本页面主要有一些南京的新闻及今日的聚焦热点话题，还有一些美图，美文供游客欣赏。
热门景点：本页面主要介绍南京旅游景点及一些历史遗址，旅游风光带等等，让用户能够了解南京的景点，吸引更多的游客。
古今文化：本页面主要介绍南京的一些著名人物，文化，其中包括了语言，民俗，宗教等等，让网络用户了解金陵文化。
美食攻略：本页面主要介绍南京的传统美食，即金陵菜，南京秦淮小吃，鸭血粉丝等等传统食物。
历史渊源：主要介绍南京的历史沿革及六朝古都的介绍，对喜好历史方面的用户提供了更多的方便。
交流讨论：主要包括了一些很好的美文美图供浏览者阅读、欣赏。
三、网站页面的具体设计
（一）首页设计
图3-14 计时器2
图3-15 计时器3
图3-16 计时器4
图3-17 计时器5
[Abstract]
Jinling Wenmai culture communication website, it mainly introduces the basic information of Nanjing, Hot news, the ancient and modern culture, Food Raiders, the historical origin, etc; Through the aspects of the introduction can let Internet users to understand the Nanjing better.
This web site to achieve the function of network user to browse through the site to effectively understand Nanjing, dissemination of the culture of Nanjing, experience the charm of the ancient capital of the Six Dynasties, This can be a good understanding of the traditional culture of Nanjing.
The use of this website development software are PHOTOSHOP、DREAMWEAVER、EDITPLUS、FLASH, etc; The first uses DIV+CSS to carry on the simple page layout, To realize the website frame *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
, then use jQuery, JavaScript to write Special effects, to achieve the overall operation of the entire site.
[Keywords] culture communication;PHOTOSHOP;DREAMWEAVER;Jinling culture
一、引言
（一）开发背景
本课题的内容主要介绍南京的基本信息，热点新闻文化，美食攻略，历史渊源等等，让网络用户能够更好的了解南京，认识南京。利用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是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越浏览器限制和跨越平台限制的充满动感的网页。
4.HTML
超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
5.CSS
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
6.JavaScript
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
7.JQuery
JQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。JQuery是免费、开源的，使用MIT许可协议。JQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，JQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
二、网站内容模块介绍
南京简介：本页面主要介绍南京的地理环境，行政区划，人口，交通，经济，教育，城市荣誉等等，让用户了解南京的基本知识。
热点新闻：本页面主要有一些南京的新闻及今日的聚焦热点话题，还有一些美图，美文供游客欣赏。
热门景点：本页面主要介绍南京旅游景点及一些历史遗址，旅游风光带等等，让用户能够了解南京的景点，吸引更多的游客。
古今文化：本页面主要介绍南京的一些著名人物，文化，其中包括了语言，民俗，宗教等等，让网络用户了解金陵文化。
美食攻略：本页面主要介绍南京的传统美食，即金陵菜，南京秦淮小吃，鸭血粉丝等等传统食物。
历史渊源：主要介绍南京的历史沿革及六朝古都的介绍，对喜好历史方面的用户提供了更多的方便。
交流讨论：主要包括了一些很好的美文美图供浏览者阅读、欣赏。
三、网站页面的具体设计
（一）首页设计
图3-14 计时器2
图3-15 计时器3
图3-16 计时器4
图3-17 计时器5
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1613.html
