中国传统文化网站制作
Key words：website,traditional culture,development,inherit 目 录
一、 引言 1
（一） 网站的背景 1
（二） 网站的目标 1
（三） 网站的分类 1
二、 网站可行性分析 2
（一） 技术可行性分析 2
（二） 经济可行性分析 2
（三） 操作可行性分析 2
三、 网站设计环境与设计工具 2
（一） 网站设计环境 2
（二） 网站设计工具 2
1. Dreamweaver 8 2
2. Photoshop 2
3. HTML 2
4. 测试工具 3
四、 网站内容规划与设计 3
（一） 网站逻辑结构图 3
（二） 网站层次结构图 3
1. 首页 3
2. 子页 3
（三） 网站设计 4
1. 首页 4
2. 传统文化 6
3. 传统养生 8
4. 圣人故事 10
5. 家庭教育 12
6. 真情留言 12
7. 关于我们 12
五、 网站的测试与维护 14
（一） 网站链接的测试 14
（二） 图片显示测试 14
（三） 网站兼容性测试 14
（四） 网站维护 14
六、 总结 14
致谢 15
参考文献 16
附录 17
引言
网站的背景
本人所在的公司是 *好棒文|www.hbsrm.com +Q: *351916072*
文化传媒公司，注重员工素质的培养。近期公司为了促进员工了解中国古代文化，要求员工制作一个有关中国传统文化的专题网站，从中选出优秀的网站作为文化宣传网站。该网站就是为了响应公司的号召而建立的。
网站的目标
本网站的主要目的是让公司员工了解中国的传统文化，认识到传统文化对人们生活的影响，使员工在了解的前提下提高自身的文化素养，提高员工对传统文化的传承与发扬意识。
网站的分类
当今社会，网站的种类十分繁多，作用也是五花八门。如果按照用途来分类，网站基本可分为三大类：
1.搜索引擎类
这类网站是人们普遍应用的，也是生活中常用的网站，该网站可以根据用户的需求给出相对应的答案。比如说百度、谷歌等就是常见的搜索引擎类的网站。
2.资源共享类
这类网站主要表现的是文件、资源的共享，通过该类网站能获得知识的拓展和文件的传播。常见的网站有电子邮箱、贴吧、论坛、杂文、社区等。
3.专题网站类
这类网站主要针对的是一些专门性的问题而建立起来的，比如说企业建立的关于本公司产品的网站或者是个人建立的依据个人喜好而设计的网站就是专题网站。
根据以上的网站的分类，本网站的种类因属于专题网站，主要讲述的是中国传统文化这一专门性的问题，让用户对中国传统文化进行更深入的了解和传播。
网站可行性分析
技术可行性分析
在网站制作的过程中需要考虑到技术可行性的问题，对制作人员的基本要求是需要至少掌握一个网站制作的软件（比如：Dreamweaver）和一个图像处理软件（比如：Photoshop、Flash等）。本人目前掌握Dreamweaver和Photoshop，因此从技术上分析是可行的。
经济可行性分析
本网站的制作是一个静态的网站，不需要投入太多的人力和物力，也不需要投入庞大的经济费用。本网站在普通机器上就能运行，不需要花钱专门配置类似的内容，从经济上分析是可行的。
操作可行性分析
本网站的操作简单、界面简洁清晰，只需要用户掌握电脑的基本知识，就可以轻松操作，管理起来十分方便。由此判断，该网站在操作上是可行的。
综上所诉，本网站不管是从技术上、经济上还是操作上都是可行的，具有很好的可开发性。
网站设计环境与设计工具
网站设计环境
本网站的设计环境十分简单，采用的是笔记本电脑进行编辑，硬件是电脑自带的。
网站设计工具
Dreamweaver 8
Dreamweaver 8是建立在Web站点和应用程序的专业工具。它将代码编辑支持、应用程序开发、可视布局工具三者组合在一起，其功能巨大，使得不同层次的设计人员、开发人员都可以迅速的创建基于标准的应用程序和网站的完美界面。从对CSS的设计优越于支持手工编码功能，Dreamweaver提供了专业人员在一个高效、集成环境中所用到的工具。开发人员能够使用Dreamweaver及其选择的服务器技术来建立功能完善的Internet应用程序，从而使得用户可以连接到旧式系统、数据库和Web服务里。
Photoshop
Photoshop是平面图像处理业界霸主Adobe公司推出横跨MAC和PC界名列前茅的大型图像处理软件。它的操作界面友好，功能巨大，得到了广泛第三家开发厂家的支持和使用，赢得了众多用户的青睐和喜爱。
HTML
HTML中文名为超级文本标记语言，英文名为HyperText Markusp Language。超文本标记语言是标准通用标记语言下的一个简单应用，也是一种标准，一种规范，它通过标记符号来标记要显示的网页中的每个部分。HTML的结构包括Head部分和Body部分，其中Head部分关于提供网页信息，而Body部分是提供网页的具体内容。
测试工具
本网站使用的测试工具是Internet Explorer。
Internet Explorer原名Microsoft Internet Explorer（6版本以前）和Windows Internet Explorer（7、8、9、10、11版本），简称IE。在IE7以前的版本中文直译为“网络探路者”，但在IE7以后，就直接俗称“IE浏览器”。它是美国微软公司发行的一项网页浏览器。
网站内容规划与设计
网站逻辑结构图
网站的逻辑结构图，如图4-1
图4-1系统逻辑结构图
网站层次结构图
首页
首页采用的是三字型的排版，体现整洁大方的特点，即首页层次结构图，如图4-2：
Logo图片（top）
导航条（menu）
图片链接（next）
主体内容（mainbox）
版权区（footer）
图4-2 首页层次结构图
子页
子页内容简单，采用的跟首页相同的三字型排版，体现页面整洁大方的特点，其子页层次结构图，如图4-3：
在孙思邈养生链接里，参考与养生相关的书籍，选取里面经典的语句进行描述。因此传统养生就是要注重生活上要注意卫生，要保持个人的清洁。因该页面没有找到合适的图片，所以没有加入图片，是纯文字的页面展示（如图4-10）。该页面分为两栏，左边栏目为“sidebox”，右边栏目为“listbox”。
一、 引言 1
（一） 网站的背景 1
（二） 网站的目标 1
（三） 网站的分类 1
二、 网站可行性分析 2
（一） 技术可行性分析 2
（二） 经济可行性分析 2
（三） 操作可行性分析 2
三、 网站设计环境与设计工具 2
（一） 网站设计环境 2
（二） 网站设计工具 2
1. Dreamweaver 8 2
2. Photoshop 2
3. HTML 2
4. 测试工具 3
四、 网站内容规划与设计 3
（一） 网站逻辑结构图 3
（二） 网站层次结构图 3
1. 首页 3
2. 子页 3
（三） 网站设计 4
1. 首页 4
2. 传统文化 6
3. 传统养生 8
4. 圣人故事 10
5. 家庭教育 12
6. 真情留言 12
7. 关于我们 12
五、 网站的测试与维护 14
（一） 网站链接的测试 14
（二） 图片显示测试 14
（三） 网站兼容性测试 14
（四） 网站维护 14
六、 总结 14
致谢 15
参考文献 16
附录 17
引言
网站的背景
本人所在的公司是 *好棒文|www.hbsrm.com +Q: *351916072*
文化传媒公司，注重员工素质的培养。近期公司为了促进员工了解中国古代文化，要求员工制作一个有关中国传统文化的专题网站，从中选出优秀的网站作为文化宣传网站。该网站就是为了响应公司的号召而建立的。
网站的目标
本网站的主要目的是让公司员工了解中国的传统文化，认识到传统文化对人们生活的影响，使员工在了解的前提下提高自身的文化素养，提高员工对传统文化的传承与发扬意识。
网站的分类
当今社会，网站的种类十分繁多，作用也是五花八门。如果按照用途来分类，网站基本可分为三大类：
1.搜索引擎类
这类网站是人们普遍应用的，也是生活中常用的网站，该网站可以根据用户的需求给出相对应的答案。比如说百度、谷歌等就是常见的搜索引擎类的网站。
2.资源共享类
这类网站主要表现的是文件、资源的共享，通过该类网站能获得知识的拓展和文件的传播。常见的网站有电子邮箱、贴吧、论坛、杂文、社区等。
3.专题网站类
这类网站主要针对的是一些专门性的问题而建立起来的，比如说企业建立的关于本公司产品的网站或者是个人建立的依据个人喜好而设计的网站就是专题网站。
根据以上的网站的分类，本网站的种类因属于专题网站，主要讲述的是中国传统文化这一专门性的问题，让用户对中国传统文化进行更深入的了解和传播。
网站可行性分析
技术可行性分析
在网站制作的过程中需要考虑到技术可行性的问题，对制作人员的基本要求是需要至少掌握一个网站制作的软件（比如：Dreamweaver）和一个图像处理软件（比如：Photoshop、Flash等）。本人目前掌握Dreamweaver和Photoshop，因此从技术上分析是可行的。
经济可行性分析
本网站的制作是一个静态的网站，不需要投入太多的人力和物力，也不需要投入庞大的经济费用。本网站在普通机器上就能运行，不需要花钱专门配置类似的内容，从经济上分析是可行的。
操作可行性分析
本网站的操作简单、界面简洁清晰，只需要用户掌握电脑的基本知识，就可以轻松操作，管理起来十分方便。由此判断，该网站在操作上是可行的。
综上所诉，本网站不管是从技术上、经济上还是操作上都是可行的，具有很好的可开发性。
网站设计环境与设计工具
网站设计环境
本网站的设计环境十分简单，采用的是笔记本电脑进行编辑，硬件是电脑自带的。
网站设计工具
Dreamweaver 8
Dreamweaver 8是建立在Web站点和应用程序的专业工具。它将代码编辑支持、应用程序开发、可视布局工具三者组合在一起，其功能巨大，使得不同层次的设计人员、开发人员都可以迅速的创建基于标准的应用程序和网站的完美界面。从对CSS的设计优越于支持手工编码功能，Dreamweaver提供了专业人员在一个高效、集成环境中所用到的工具。开发人员能够使用Dreamweaver及其选择的服务器技术来建立功能完善的Internet应用程序，从而使得用户可以连接到旧式系统、数据库和Web服务里。
Photoshop
Photoshop是平面图像处理业界霸主Adobe公司推出横跨MAC和PC界名列前茅的大型图像处理软件。它的操作界面友好，功能巨大，得到了广泛第三家开发厂家的支持和使用，赢得了众多用户的青睐和喜爱。
HTML
HTML中文名为超级文本标记语言，英文名为HyperText Markusp Language。超文本标记语言是标准通用标记语言下的一个简单应用，也是一种标准，一种规范，它通过标记符号来标记要显示的网页中的每个部分。HTML的结构包括Head部分和Body部分，其中Head部分关于提供网页信息，而Body部分是提供网页的具体内容。
测试工具
本网站使用的测试工具是Internet Explorer。
Internet Explorer原名Microsoft Internet Explorer（6版本以前）和Windows Internet Explorer（7、8、9、10、11版本），简称IE。在IE7以前的版本中文直译为“网络探路者”，但在IE7以后，就直接俗称“IE浏览器”。它是美国微软公司发行的一项网页浏览器。
网站内容规划与设计
网站逻辑结构图
网站的逻辑结构图，如图4-1
图4-1系统逻辑结构图
网站层次结构图
首页
首页采用的是三字型的排版，体现整洁大方的特点，即首页层次结构图，如图4-2：
Logo图片（top）
导航条（menu）
图片链接（next）
主体内容（mainbox）
版权区（footer）
图4-2 首页层次结构图
子页
子页内容简单，采用的跟首页相同的三字型排版，体现页面整洁大方的特点，其子页层次结构图，如图4-3：
在孙思邈养生链接里，参考与养生相关的书籍，选取里面经典的语句进行描述。因此传统养生就是要注重生活上要注意卫生，要保持个人的清洁。因该页面没有找到合适的图片，所以没有加入图片，是纯文字的页面展示（如图4-10）。该页面分为两栏，左边栏目为“sidebox”，右边栏目为“listbox”。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1756.html
