静态网页毕业论文

XX学院
毕业设计(文专题实验)务书
姓 名
赵玉
专业
计算机应技术
班级
计应111
指导教师
刘海龙 温铂
题 目
静态企业网页

原始数



说明书
(文实验)
容

次设计解静态网页设计制作涵意义运Dreanweaver软件采div+css企业网页进行设计制作根容策划等确定基思路制定方案思路认真完成次设计


图纸求





学生
综合训
练方面
求

根学课程理知识理实践相结合设计制作出套完整作品

完成期限
20XX 年 11 月 25 日 20XX 年 12月 15 日
备 注

签发 日期 20XX 年 12 月

XX学院
毕业设计(文)评阅意见表

专 业
计算机应
班 级
计应111
姓 名
赵玉
毕业设计
(文)题目
静态企业网页制作




指
导
教
师
评
语









答
辩
委
员
会
评
语






成绩



摘
计算机计算机网络飞速发展计算机网络赖越越网聊天交友网请教问题查阅资料网听音乐外会网进行商务交易载信息着众者尤电子商务减少周围环境赖里网友浏览世界类信息非常方便优势类网站雨春笋般出现企业网站例外
文着重div+css布局美化公司网页进行讨时根客户需求采div+css实现咨询公司网页设计具体实现首页公司简介品牌历史技术创新产品展示户注册登录联系线留言等功系统符合公司网站需求

关键词： 网页设计 Dreamweaver div+css 企业网页

目 录
第1章 前言 1
第2章 静态网页制作概述 2
21 静态页面 2
22 网页开发技术 2
23 网页布局 2
231网页布局方法 3
232网页布局技术 3
24网页配色 3
25 网页设计流程 3
26 网页设计原 4
第3章 网页需求分析 5
31 课题源 5
32 需求分析 5
第4章 相关技术 7
41网页制作软件 Dreamweaver 7
42 DIV+CSS 7
421 div 7
422 CSS 8
423 样式 8
424 层叠 8
43 DIV+CSS简介 8
第5章 企业网页实现 10
51 布局配色 10
52企业首页 10
53 公司简介 11
54产品展示 11
54户注册 12
55 线留言 13
毕业设计总结 14
参考文献 15
致 谢 16

第1章 前言
网页网站Internet网络中已成重基础作政府事业单位工作公司宣传电子商务等社会济容网络台支持政府事业单位企业网页设计制作越越重视
Web20成熟广泛应网页设计制作前截然尤Div+CSS技术应网站样式容维护起关重作Adobe公司网络整合软件Dreamweaver方面做改进Dreamweaver CS5操作更加方便简捷予Div+CSS布局全面支持
世界已进入信息时代Internet成21世纪受关注焦点飞速发展全球范围普应正类生活带革命性变化网络技术发展取巨成网站开发提供技术支持网站已成现阶段众企业缺网络营销台互联网应规模正断扩中特中型企业网络台搭建需求相迫切门户网企业网WEB20标准采div+css布局次选题
企业网站企业缺少部分介绍企业文化营理念特色服务企业全国网点分布拓宽顾客市场增加企业客户间联系缩短二者间距离提高企业知名度企业业务发展开辟良社会环境容企业说关重企业概况企业谈企业特色服务新企业新闻动态等部分应该够户提供充足信息企业网站做成检索迅速查找方便性高存储量保密性寿命长成低维护方便信息实时性强功完善型企业网站优点够极提高企业网站效率企业走科学化信息化世界接轨重条件

第2章 静态网页制作概述
静态网页时称面页静态网页网址形式通常htm（超文标记语言）结尾 超文标记语言（htmhtml）shtmlxml（扩展标记语言）等缀超文标记语言格式网页出现种动态效果GIF格式动画FLASH滚动字幕等动态效果视觉面介绍动态网页概念静态网页面通常超文标记语言文档存储文件文件系统里头通HTTP访问网络服务器
21 静态页面
静态页面网页代码页面中需执行aspphpjspnet等程序生成客户端网页代码网页静态页面理发布更新页面果想更新网页容通FTP软件文件DOWN网页制作软件修改（通fso等技术例外）静态页面处载速度快需程序运算数库连接常见静态页面htmlhtm扩展名非网站没动画静态页面
22 网页开发技术
HTML（HyperTextMarkupLanguage）超文标记语言WWW描述语言严格讲HTML算做门编程语言没数类型没分支循环等控制结构设计简单结构灵活允许Web浏览器兼容应程序中显示文图文档某部分成超链接完成文档保存*html文件然浏览器开HTML网络通语言种简单通全置标记语言允许网页制作建立文图片相结合复杂页面页面网浏览什类型电脑浏览器
23 网页布局
网站页象宣传栏者店面——访问者产生第印象希量留印象网页应该力求抓住淹没浏览者注意力闪烁色彩拉菜单框图片等会访问者适
231网页布局方法
网页布局方法两种第种纸布局第二种软件布局
企业网页布局方法采软件布局法利Photoshop软件具图编辑功设计网页布局更显心应手利Photoshop方便颜色图形利层功设计出纸张法实现布局意念
232网页布局技术
企业网页布局技术采层叠样式表应新HTML40标准中CSS(层叠样式表)提出完全精确定位文图片CSS点复杂确布局方法法实现想法利CSS实现目前许站点层叠样式表运站点优秀体现
24网页配色
企业网页配色采白色灰色样种众化配色网页简洁方方便浏览者浏览时带户种新体验
颜色瞬间改变情绪意见颜色会感觉舒适敬畏者激动颜色衡中重部分忽略
25 网页设计流程
网页设计互动程仅设计师构思设计完成客户提出需求终发布期间需客户设计员参协商具体流程：
首先获取客户需求资料设计网站页面前设计师需知道客户需求确定客户建立网站目客户提出网站需求非常重环节没详细需求设计员法空进行设计制作步骤中双方沟通交流非常重
次确定网站容设计员选择适合图编辑软件动画制作软件网页制作软件进行网页初步设计中间需客户进行次沟通达客户满意效果具体设计时设计员应该网站定位题保证网页围绕题进行设计制作保证风格谐统
然申请域名空间该方法够效步理文件通FTP软件连接服务器空间然传发布文件
期维护般静态网站传果客户方没专业员维护样需设计员客户方获取新资料进行定期定期更新果动态网站设计员需负责培训客户方台理样客户通台理添加信息设计员时更正动态网站错误
26 网页设计原
1目性
网站必须首先具明确目目标群体网站面客户供应商消费者全部？目介绍企业宣传某种产品试验电子商务？果目唯应该清楚列出目轻重关系建站包括类型选择容功筹备界面设计等方面受目性直接影响目性切原基础
2专业性
网站信息容应该充分展现企业专业特性外介绍企业身目外界介绍企业业务范围性质实力创造更商机
3实性
网站提供功服务应该切合浏览者实际需求符合企业特点例网银行提供免费电子邮件页空间符合浏览者网银行网站需求银行优势样功服务提供会削弱浏览者网站整体印象浪费企业资源投入弊利
4层次性
条理清晰结构表现网站板块划分合理性信息容获取功服务程应该量需进行步骤控制35步需更步骤时应该明确提示
5致性
页面整体设计风格致性：整体页面布局图色风格前致界面元素命名致性：样元素应该样命名类元素命名满足致性做某元素表述清楚文推断义功致性：完成样功应该量样元素元素风格致性：界面元素美观风格摆放位置界面界面间应该致

第3章 网页需求分析
31 课题源
信息产业发展促相关技术相应发展电子商务作未商务流通等领域热门1999年开始飞速发展基网网站建设网页制作发布重视
建立网站处：
1利网站时客户反馈信息
2降低通信费
3潜客户建立商业联系
4客户保持密切联系
5全面详细介绍美食制作方法
32 需求分析
网站企业户网民提供信息种方式企业开展电子商务基础设施信息台企业网址称网络商标企业形资产组成部分网站反映企业形象文化重窗口
IT行业迅速发展天企业网站建设已成企业发展必少存创意设计限公司说建立宣传目网站类型短期强力造公司宣传力度更客户解信公司网站建设公司宣传方面长期投资网站需设置模块：
1企业品牌形象
生产型企业言企业品牌形象关重 特互联网技术高度发展天客户通网络解企业产品企业形象企业实力企业网站形象决定客户企业产品信心建立具国际水准网站够极提升企业整体形象
2企业首页
网站首页体现网站门面显示企业相关消息网站设计中较重部分网站综合台形式展示整企业网站部分体容整网站导航够浏览者第时间领略企业特色
3企业介绍
具体介绍出企业背景营项目荣誉资质公司发展史结构业务流程等等系列加公司宣传力度客户全面解公司便树立企业形象
2产品展示
般营销模式企业网站注重产品展示加强企业宣传力度创意设计限公司说没实际物品展示展现出众业绩实例客户信服侧面展现出公司实力客户更放心业务交公司处理
4户注册
户成会员足出户通互联网客服解产品情况降低企业部资源减低成加强企业员工员工企业员工间联系沟通等方面发挥巨作终企业运营运作优化
5线留言
线留言浏览者提出意见建议留言通发现足方发现接收您宝贵意见您满意答复更浏览者顾客评价浏览者信

第4章 相关技术
41网页制作软件 Dreamweaver
Dreamweaver创建理网页专业化视编辑器Dreamweaver轻松创建跨台跨浏览器页面MacromediaRoundtrip HTML技术允许户意导入HTML文档需重新设置代码格式
Dreamweaver户做：动态HTML功（例具动态效果层行）写行代码甚检查户工作成果流行台浏览器中发生错误
Dreamweaver完全定义应程序户创建象命令修改菜单快捷键甚编写JavaScript代码扩展Dreamweaver行属性检查器
Dreamweaver工作区非常灵活适应种工作风格水常Dreamweaver工作区组件干种：
1文档窗口显示前文档文档外观浏览器中非常相似
2装载器中包含开关闭常检查器模板钮
3象工具栏包含创建类型象（例 图象表格层等）钮
4属性检查器显示选定象属性
5快捷菜单户前选择区域快速执行某命令
6固定浮动工具栏允许户浮动窗口检查器工具栏组合选择窗口中
42 DIV+CSS
421 div
div标签HTML标签没什区需关闭标志果加入css样式效果类似

标记Div示例代码：