高邮红太阳食品公司的网站设计与实现(附件)
本课题研究内容为高邮红太阳食品公司的网站设计与实现,不管什么企业为了提高知名度都会制作展示本公司产品的企业网站，而企业网站是集成内容发布、产品、文章、招聘、图片、用户留言等功能于一体的企业展示型网站。总而言之，企业网站不是摆设，是企业经营的需要，它能够给企业带来真正的利益，是一种特别的战略投资，以最少的投入换取最大的利益的有效方式。本课题主要运用Dreamweaver、HTML，跟 CSS3语言来进行网站开发。
目 录
一、引言 1
（一）网站开发的背景 1
（二）网站内容简介 1
二、网站开发技术应用 1
(一) HTML 1
(二) CSS 1
(三) Dreamweaver 2
(四)Photoshop软件 2
三、网站设计规划 2
（一）网站主题 2
1.网站主题的确立 2
2.网站形象整体设计 2
（二）网站的模块结构 2
1.网页的主要栏目 2
（三）网站的界面设计 3
1.网站页面布局 3
2.子页面的设计布局 4
3.内部服务器错误 5
四、网站的规划与实现 5
（一）首页的展示 5
（二）子页的实现 7
（三）动态页面的效果实现 10
五、网页设计的注意事项 11
(一)页面内容要新颖有特点 11
(二)命名简洁易懂 11
(三)注意视觉效果 12
(四)内容要易读易理解 12
(五)善用表格布局 12
(六)少用特殊字体 12
（七）网页制作方面 12
六、总结 14
致谢 15
参考文献 16
一、引言
（一）网站开发的背景
根据第三方权威数据，在中国，互联网的使用已经覆盖了中国97.5%的网民。现如今互联网是我们用来获取、发布或是传递信息的最重要的途径，它在生活中的各个层面都发挥了非常重要的作用。本次研究内容主要如何运用现有的知识来 *好棒文|www.hbsrm.com +Q: #351916072#
完善这一任务，从而建立更好的企业门户网站。
企业网站建设不是为了赶一时的潮流或是是心血来潮才做的，想要真正的发回企业网站的作用，就需要把网络技术和企业管理体系、产品开发和工作流程、运用与实现紧密的集成在一起。建设一个企业网站的目的和经营目的应该是一样的，换句话来说，就是要通过企业网站来降低企业的管理、成本，要通过各种活动来获取更多的利润。只有以此为目标，才能很好地经营网站，并使其为企业服务。
（二）网站内容简介
高邮红太阳食品公司是一家从事食品生产的民营企业，主营产品就是高邮双黄蛋，本次网站的开发是为了让消费者清晰明了的了解本公司产品及相关内容，本公司的发展核心是食品，发展的对象是各个阶层，各个行业的消费者，一直坚持消费者就是上帝的精神，我们专注于网站的建设，开发，用心服务大众；通过全体员工的不懈努力，更好的体现本公司的形象，为产品推广和未来发展提供更好的选择，让广大消费者能更好的了解本公司的产品。
二、网站开发技术应用
(一) HTML
HTML俗称超文本语言，此类语言结构不外括“开头”（Head）、和“主体”（Body）两大部分，其中“开头”主要提供的是关于网站的主要信息，而“主体”基本上都是网站的主要内容。
HTML是一种通过各种标记符号来具体显示网页中的各个部分的程序软件。它可以让浏览器根据标记符号显示网页当中的内容，对书写出错的标记将不指出其错误，且不停止其解释执行的过程。而构成网页内容的文件在本身就是一种文本类型的文件，我们在这个文件当中添加特殊符号，就相当于告诉浏览器如何显示网页的内容（比如：背景颜色跟文字大小，画面排版的顺序，图片的位置等等）。需要了解的是，标记符号可以运用于各个网站，并且在每个网站当中的解释也不尽相同，因此就会产生视觉上不同的展示效果。
(二) CSS
CSS俗称层叠样式表，是用来表现html的内容的修饰语言。它可以修饰静态网页，也也可以对动态网页当中的不同元素进行修改调整。
CSS对所有字体号样式基本都能修改,同时对网页的元素进行排版等操作，对网页的对象和模型样式进行编辑。
(三) Dreamweaver
Dreamweaver，简称"DW"。是一款集网页开发和网站管理于一体的程序编辑器，是专门针对于网页设计师发展的更简便的网页开发工具，灵活运用这款编辑器可以很简单的制作出不受平台跟浏览器限制的动态网页。
(四)Photoshop软件
Photoshop是一款用于处理像素跟数字图像的编辑器。它涉及多个领域的编辑功能，比如图像、视频、文字、出版等等。本网站用来制作页面的视觉效果，达到事半功倍。
三、网站设计规划
（一）网站主题
1.网站主题的确立
高邮红太阳食品公司是一个专门宣传食品的企业网站，不论什么企业，利用网络传递信息在一定程度上提高了办事的效率，提高企业的知名度。努力建设成集发布、产品、文章、招聘、图片、留言等功能于一体的企业展示型网站。
2.网站形象整体设计
(1)、网站LOGO设计
如图31所示：
图31 “高邮红太阳食品公司”logo图片
（2）、网站的字体设置
网站的主体字体为“宋体”，颜色为黑色或者灰色，字体大是为小四。总体看上去是比较适合的字体。
（3)、网站的色彩搭配
关于网站方面的色彩搭配，主要以白色为主，红、灰为辅。这样总体看来，比较简洁、雅观，整体看上去很舒适，灰白是比较普遍的搭配，白色让人看上去比较舒服，，更切合网站的设计，灰色让人有朦朦胧胧的感觉，看上去更能突出内容的重要性。这样搭配使人看起来比较舒适。红色代表红红火火，搭配白色让人看起来对产品更加重视，即稳重又不失特色，符合食品网站的官方宣传。
（二）网站的模块结构
1.网页的主要栏目
本网站的页面主要分为三级：首页、二级页面、三级页面。首页是网站最重要的页面，包含了整体页面。二级页面包括：关于我们、主营产品、特色产品、行业咨询、在线留言、联系我们，三级页面包括：高邮双黄蛋、高邮咸鸭蛋、高邮双花皮蛋、产品展示、服务热线、新闻中心。首页、二级页面、三级页面这三种页面之间的逻辑关系如图32所示：
目 录
一、引言 1
（一）网站开发的背景 1
（二）网站内容简介 1
二、网站开发技术应用 1
(一) HTML 1
(二) CSS 1
(三) Dreamweaver 2
(四)Photoshop软件 2
三、网站设计规划 2
（一）网站主题 2
1.网站主题的确立 2
2.网站形象整体设计 2
（二）网站的模块结构 2
1.网页的主要栏目 2
（三）网站的界面设计 3
1.网站页面布局 3
2.子页面的设计布局 4
3.内部服务器错误 5
四、网站的规划与实现 5
（一）首页的展示 5
（二）子页的实现 7
（三）动态页面的效果实现 10
五、网页设计的注意事项 11
(一)页面内容要新颖有特点 11
(二)命名简洁易懂 11
(三)注意视觉效果 12
(四)内容要易读易理解 12
(五)善用表格布局 12
(六)少用特殊字体 12
（七）网页制作方面 12
六、总结 14
致谢 15
参考文献 16
一、引言
（一）网站开发的背景
根据第三方权威数据，在中国，互联网的使用已经覆盖了中国97.5%的网民。现如今互联网是我们用来获取、发布或是传递信息的最重要的途径，它在生活中的各个层面都发挥了非常重要的作用。本次研究内容主要如何运用现有的知识来 *好棒文|www.hbsrm.com +Q: #351916072#
完善这一任务，从而建立更好的企业门户网站。
企业网站建设不是为了赶一时的潮流或是是心血来潮才做的，想要真正的发回企业网站的作用，就需要把网络技术和企业管理体系、产品开发和工作流程、运用与实现紧密的集成在一起。建设一个企业网站的目的和经营目的应该是一样的，换句话来说，就是要通过企业网站来降低企业的管理、成本，要通过各种活动来获取更多的利润。只有以此为目标，才能很好地经营网站，并使其为企业服务。
（二）网站内容简介
高邮红太阳食品公司是一家从事食品生产的民营企业，主营产品就是高邮双黄蛋，本次网站的开发是为了让消费者清晰明了的了解本公司产品及相关内容，本公司的发展核心是食品，发展的对象是各个阶层，各个行业的消费者，一直坚持消费者就是上帝的精神，我们专注于网站的建设，开发，用心服务大众；通过全体员工的不懈努力，更好的体现本公司的形象，为产品推广和未来发展提供更好的选择，让广大消费者能更好的了解本公司的产品。
二、网站开发技术应用
(一) HTML
HTML俗称超文本语言，此类语言结构不外括“开头”（Head）、和“主体”（Body）两大部分，其中“开头”主要提供的是关于网站的主要信息，而“主体”基本上都是网站的主要内容。
HTML是一种通过各种标记符号来具体显示网页中的各个部分的程序软件。它可以让浏览器根据标记符号显示网页当中的内容，对书写出错的标记将不指出其错误，且不停止其解释执行的过程。而构成网页内容的文件在本身就是一种文本类型的文件，我们在这个文件当中添加特殊符号，就相当于告诉浏览器如何显示网页的内容（比如：背景颜色跟文字大小，画面排版的顺序，图片的位置等等）。需要了解的是，标记符号可以运用于各个网站，并且在每个网站当中的解释也不尽相同，因此就会产生视觉上不同的展示效果。
(二) CSS
CSS俗称层叠样式表，是用来表现html的内容的修饰语言。它可以修饰静态网页，也也可以对动态网页当中的不同元素进行修改调整。
CSS对所有字体号样式基本都能修改,同时对网页的元素进行排版等操作，对网页的对象和模型样式进行编辑。
(三) Dreamweaver
Dreamweaver，简称"DW"。是一款集网页开发和网站管理于一体的程序编辑器，是专门针对于网页设计师发展的更简便的网页开发工具，灵活运用这款编辑器可以很简单的制作出不受平台跟浏览器限制的动态网页。
(四)Photoshop软件
Photoshop是一款用于处理像素跟数字图像的编辑器。它涉及多个领域的编辑功能，比如图像、视频、文字、出版等等。本网站用来制作页面的视觉效果，达到事半功倍。
三、网站设计规划
（一）网站主题
1.网站主题的确立
高邮红太阳食品公司是一个专门宣传食品的企业网站，不论什么企业，利用网络传递信息在一定程度上提高了办事的效率，提高企业的知名度。努力建设成集发布、产品、文章、招聘、图片、留言等功能于一体的企业展示型网站。
2.网站形象整体设计
(1)、网站LOGO设计
如图31所示：
图31 “高邮红太阳食品公司”logo图片
（2）、网站的字体设置
网站的主体字体为“宋体”，颜色为黑色或者灰色，字体大是为小四。总体看上去是比较适合的字体。
（3)、网站的色彩搭配
关于网站方面的色彩搭配，主要以白色为主，红、灰为辅。这样总体看来，比较简洁、雅观，整体看上去很舒适，灰白是比较普遍的搭配，白色让人看上去比较舒服，，更切合网站的设计，灰色让人有朦朦胧胧的感觉，看上去更能突出内容的重要性。这样搭配使人看起来比较舒适。红色代表红红火火，搭配白色让人看起来对产品更加重视，即稳重又不失特色，符合食品网站的官方宣传。
（二）网站的模块结构
1.网页的主要栏目
本网站的页面主要分为三级：首页、二级页面、三级页面。首页是网站最重要的页面，包含了整体页面。二级页面包括：关于我们、主营产品、特色产品、行业咨询、在线留言、联系我们，三级页面包括：高邮双黄蛋、高邮咸鸭蛋、高邮双花皮蛋、产品展示、服务热线、新闻中心。首页、二级页面、三级页面这三种页面之间的逻辑关系如图32所示：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/1186.html
