搜索
内蒙古化工职业学院毕业设计（论文）用纸内蒙古化工职业学院毕业设计(论文、专题实验)任务书姓名赵玉专业计算机应用技术班级计应11-1指导教师刘海龙温铂题目静态企业网页原始数据说明书(论文、实验)主要内容本次设计了解了静态网页设计与制作的内涵和意义。运用Dreanweaver软件，采用div+css为企业网页进行设计与制作，根据其内容、策划等确定基本思路，制定方案，并按思路认真完成本次设计。图纸要求对学生综合训练方面的要求根据所学课程的理论知识，将理论与实践相结合，设计制作出一套完整的作品。完成期限2013年11月25日至2013年12月15日备注:签发:日期:2013年12月内蒙古化工职业学院毕业设计（论文）用纸内蒙古化工职业学院毕业设计(论文)评阅意见表专业计算机应用班级计应111姓名赵玉毕业设计(论文)题目静态企业网页制作指导教师评语答辩委员会评语成绩内蒙古化工职业学院毕业设计（论文）用纸摘要计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的出现，企业网站也不例外。本论文着重对div+css布局与美化公司网页进行了讨论；同时根据客户需求，采用div+css实现了咨询公司网页的设计，具体实现了首页、公司简介、品牌历史与技术创新、产品展示、用户注册与登录联系我们、在线留言等功能，系统符合公司网站的需求。关键词：网页设计Dreamweaverdiv+css企业网页内蒙古化工职业学院毕业设计（论文）用纸第1页目录第1章前言.................................................................1第2章静态网页制作概述.....................................................22.1静态页面...............................................................22.2网页开发技术...........................................................22.3网页布局...............................................................22.3.1网页布局方法.......................................................22.3.2网页布局技术.......................................................32.4网页配色...............................................................32.5网页设计流程...........................................................32.6网页设计原则...........................................................3第3章网页需求分析.........................................................53.1课题来源...............................................................53.2需求分析...............................................................5第4章相关技术............................................................74.1网页制作软件DREAMWEAVER.............................................74.2DIV+CSS..............................................................74.2.1div................................................................74.2.2CSS...............................................................84.2.3样式..............................................................84.2.4层叠..............................................................84.3DIV+CSS简介..........................................................8第5章企业网页的实现......................................................105.1布局与配色............................................................105.2企业首页..............................................................105.3公司简介..............................................................115.4产品展示..............................................................115.4用户注册..............................................................125.5在线留言..............................................................13毕业设计总结...............................................................14内蒙古化工职业学院毕业设计（论文）用纸第2页参考文献...................................................................15致谢......................................................................16内蒙古化工职业学院毕业设计（论文）用纸第1页第1章前言网页和网站在如今的Internet网络中已经成为重要的基础，是作为政府和事业单位工作、公司宣传、电子商务等社会和经济内容的网络平台支持。政府、事业单位和企业对于网页的设计与制作也越来越重视。由于Web2.0的成熟和广泛应用，网页设计和制作也和以前截然不同。尤其是Div+CSS技术的应用对于网站样式和内容的维护起到了至关重要的作用。Adobe公司对于网络整合软件Dreamweaver在这方面做了很大的改进，DreamweaverCS5操作更加方便简捷，给予Div+CSS布局全面的支持。当今世界已进入信息时代，Internet成为21世纪最受关注的焦点之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持。网站已经成为现阶段众多企业不可或缺的网络营销平台，互联网应用规模正在不断扩大。其中，特别是中小型企业，对于网络平台搭建的需求相当的迫切。各大门户网，企业网都在WEB2.0的标准上,采用div+css来布局，因此有了此次的选题。企业网站是一个企业不可缺少的部分，它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布。拓宽顾客市场，增加企业与客户之间的联系，缩短二者之间的距离。提高企业知名度，为企业今后的业务发展开辟一个良好的社会环境。它的内容对于企业来说至关重要,企业概况、企业论谈、企业特色服务、最新企业新闻动态等部分应该能够为用户提供充足的信息。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。这些优点能够极大地提高了企业网站的效率,也是企业走向科学化、信息化与世界接轨的重要条件。内蒙古化工职业学院毕业设计（论文）用纸第2页第2章静态网页制作概述静态网页有时也被称为平面页。静态网页的网址形式通常为htm（超文本标记语言）结尾，还有就是以超文本标记语言（.htm、.html）、.shtml、.xml（可扩展标记语言）等为后缀的。在超文本标记语言格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。2.1静态页面静态页面是网页的代码都在页面中，不需要执行asp，php，jsp，.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）。但是静态页面最大的好处是下载速度快，因为不需要程序运算和数据库连接。常见的静态页面以.html、.htm为扩展名的。并非网站上没有动画的就是静态页面。2.2网页开发技术HTML（HyperTextMark-upLanguage）即超文本标记语言，是的描述语言。严格的来讲，HTML不能算做一门编程语言，因为它没有自己的数据类型，也没有分支、循环等控制结构。它的设计简单，结构灵活，允许在Web浏览器及其它兼容的应用程序中显示文本和图像，并且文档的某些部分可以成为超链接。完成后把这些文档保存为*.html文件，然后用浏览器打开。HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。2.3网页布局网站主页就好象是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象。网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从。2.3.1网页布局方法网页布局的方法有两种，第一种为纸上布局；第二种为软件布局。企业网页布局方法采用软件布局法，利用Photoshop软件所具有的对图像的编辑功能用到设计网页布局上更显得心应手。利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。内蒙古化工职业学院毕业设计（论文）用纸第3页2.3.2网页布局技术企业网页布局技术采用层叠样式表的应用，在新的HTML4.0标准中，CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。CSS有点复杂，但它的确是一个好的布局方法。曾经无法实现的想法利用CSS都能实现。目前在许多站点上，层叠样式表的运用是一个站点优秀的体现。2.4网页配色企业网页的配色主要采用白色和灰色这样一种大众化的配色，使网页简洁大方而且方便浏览者浏览，同时带给用户一种新的体验。颜色可以瞬间改变我们的情绪和意见。颜色会让我们感觉到舒适、敬畏，或者激动。颜色是平衡中的重要部分，不能忽略。2.5网页设计流程网页设计是一个互动的过程，