毕业设计(文专题实验)务书
姓 名
赵玉
专业
计算机应技术
班级
计应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示例代码:
css扩展属性放入div标签中控制div容器中HTML元素显示屏幕具体位置实现种11精确控制必须前div加唯id区分div标记种情况:想类者说div具相样式属性时div加class属性样具样class属性div标记样式相代码:
422 CSS
CSS英文Cascading Style Sheet缩写形式中文译层叠样式表级联样式表Web设计者利定义文档样式里指文档仅限(X)HTML通CSS设计者控制文档字体颜色图表格链接布局格式时设计者表示样式外观信息容中分离出集中放置页面某部分甚保存独立文件减少文件节省网络宽带节约web设计者维护代码时间CSS处掌握web设计者说非常必
423 样式
样式词说陌生尚未接触CSS难理解样式含义Microsoft Word类字处理程序时总更爱某样式达更效果设定标题加粗三号黑体字段开始流出两空格等样式表孤立身包含容信息然CSS仅仅Web文档起定义XML甚软件界面样式
424 层叠
样式相解层叠词CSS初学者较少层叠CSS中术语包含系列规浏览器根规确定样式应该应页面元素中
43 DIV+CSS简介
DIV+CSS网站标准(称WEB标准)中常术语div+css 种网页布局方法种网页布局方法传统HTML网页设计语言中表格(table)定位方式真正达w3c容表现相分离HTML语言HTML401发布新版原HTML语言正变越越复杂化专化XHTML语言种HTML语言标准化XHTML语言重写HTML页面应许XML应技术网页更加容易扩展适合动数交换更加规整XHTML网站设计标准中表格定位技术采DIV+CSS方式实现种定位DIV+CSS特点简介:
1符合W3C标准微软等公司均W3C支持者点重保证您网站会网络应升级淘汰
2支持浏览器兼容未浏览器战胜利IE7者火狐您网站兼容
3搜索引擎更加友相传统table 采DIV+CSS技术网页搜索引擎收录更加友
4样式调整更加方便容样式分离页面样式调整变更加方便 现YAHOOMSN等国际门户网站网易新浪等国门户网站流WEB20网站均采DIV+CSS框架模式更加印证DIV+CSS势趋
5CSS极优势表现简洁代码型网站说节省量带宽众周知搜索引擎喜欢清洁代码
6表现结构分离团队开发中更容易分工合作减少相互关联性
第5章 企业网页实现
51 布局配色
网站布局技术采层叠样式表应CSS实现出完美网站布局方法采软件布局法利Photoshop软件图进行编辑网页配色选白色灰色色彩搭配实现企业网站简单方
52企业首页
网站首页体现网站门面显示企业相关消息网站设计中较重部分网站综合台形式展示整企业网站部分体容整网站导航够浏览者第时间领略企业特色图51企业首页导航部分插入div标签编辑CSS代码
- 首页
- 公司简介
- 品牌历史
- 技术创新
- 车型图片
- 车型视频
- 户工具
- 线留言
中间部分插入布局象 Spry选择卡式面板浏览者选择性浏览图片信息Spry选择卡式面板方分会员登录新闻中心联系浏览者直接需信息
图51 公司首页
53 公司简介
具体介绍出企业背景营项目荣誉资质公司发展史结构业务流程等等系列加公司宣传力度客户全面解公司便树立企业形象图52 公司简介中间部分左侧产品系列右侧公司简介
图52 公司简介
54产品展示
介绍企业产品浏览者真实企业产品进步解产品图53 图片展示中间部分左侧产品系列右侧产品图片展示图54 视频展示中间部分左侧产品系列右侧产品视频展示
图53图片展示
图54 视频展示
54户注册
户成会员足出户通互联网客服解产品情况图55 户注册中间部分左侧产品系列右侧户注册
图55 户注册
55 线留言
线留言浏览者提出意见建议留言通发现足方发现接收您宝贵意见您满意答复更浏览者顾客评价浏览者信图57 线留言中间部分左侧产品系列右侧线留言
图57 线留言
毕业设计总结
着毕业日子毕业设计接尾声周奋战毕业设计终完成没做毕业设计前觉毕业设计年学知识单纯总结通次做毕业设计发现法点太片面毕业设计仅前面学知识种检验力种提高通次毕业设计明白原知识较欠缺学东西太前老觉什东西会什东西懂点眼高手低通次毕业设计明白学长期积累程工作生活中应该断学努力提高知识综合素质
学三年会毕业设计总结划圆满句号时间快慢东西现感时间飞快三年感觉眨眼间结束学生涯毕业重程理知识运实践中程数毕业设计学生走社会转折生命历程开始毕业设计周学成熟
参考文献
[1]陈琳photoshop cs3 入门实战提高[M]北京:电子工业出版社200811
[2]戎马工作室Dreamweaver 8asp动态网站开发[M]北京:机械工业出版社20065
[3]戴波Dreamweaver CS3网站制作炫例精讲[M]北京:电子工业出版社 20081
[4]秀芳网页制作网站建设课堂实录[M]北京:民邮电出版社 20093
[5] 唐守国编创意+:Photoshop cs4网页设计配色特效案例精粹清华学出版社2010年7月第版
[6] 王征编JavaScript网页特效实例全清华学出版社2006年9月第版
[7] 史晓燕苏萍编著网页设计基础(HTMLCSSJavaScript)清华学出版社北京交通学出版社2006年10月第版
[8] 张景峰等HTML程序设计高等教育出版社2005年9月
[9] 项宇峰等HTML网络编程入门精通清华学出版社2006年
致 谢
周努力毕业设计终完成没做毕业设计前觉毕业设计年学知识总结发现做毕业设计原法点太片面毕业设计仅前面学知识种检验力种提高
历次毕业设计更加明白原知识较欠缺学知识太通次毕业设计知道学真长期积累程工作生活中应该断积累努力提高知识量整体综合素质
耐心表示感谢尤指导老师刘海龙老师温铂老师仔细阅读文程序提出许宝贵意见建议感谢忙碌工作中抽时间指导设计利完成
感谢XX学院全体学年学工作生活中帮助支持学生活收获衷心感谢衷心祝福身体健康永远快乐
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容,不代表《香当网》观点或立场,请自行判断内容的真实性和可靠性!
该内容是文档的文本内容,更好的格式请下载文档
相关文档
2021年优秀网页设计毕业论文题目采撷
优秀网页设计毕业论文题目采撷 网页设计是企业根据自身与客户需求,对网站功能进行策划,然后对网站页面进行美化。网页设计专业在信息时代已成为一个热门专业。这里展示一些网页设计毕业论文题目,供大家参...
dreamweaver网页设计教案
dreamweaver网页设计教案第1章 网页设计基础教学目标与要求熟记站标、导航条、广告条、按钮等网页构成要素,以及网页、网站、IP地址、域名、网址等概念;了解网页的本质和网页的布局类型和...
网页的美化说课稿
《网页的美化》说课稿 尊敬的各位评委老师: 上午好。我是信息技术 ?号考生,今天我说课的题目是《?》,下面我将从教材分析,教学目标,教法学法,教学过程、板书设计等几个方面来说一说我对这节课...
网页设计的灵魂
一个不懂得欣赏优秀网页作品的设计师可能永远都无法懂得借鉴的真谛;一个无法将优秀作品的精髓融入到现有需求中的设计师可能永远都无法找到真正的灵感。 即便是那些看似独创的设计,其灵感也往往来自设计...
网页设计实习报告
网页设计实习报告 一实验目的 1.学习html语言和dreamweaver,frontpage等工具 2.掌握在本地环境下运用asp技术实现一个简单的电子商务网站 二实验的方法和原理 ...
网页设计HTML中表单网页设计教案
教学项目十六 HTML中表单网页设计(二) 【教学内容】讲解HTML中复选框、多行文本框、下拉列表的使用【教学目的】使学生掌握综合性表单的制作【教学重点】 HTML综...
网页制作心得
网页制作心得 科学是发展生产力的根本前提,当今的社会是互联网蓬勃发展的世界,每当我们上网的时候,那一个个精美别致的网页给人是多么流畅顺利的感觉,无论是寻找资料还是网上商城购物,都给我们带来了...
个人网页制作小结
个人网页制作小结 1、最好做别人没有做过(这已经不太可能了,只能说是别人做得少的。),但是却有潜在市场的内容。 2、网站访问速度要快,网页显示速度要快。最好不要做弹窗广告(事实证明,弹窗广...
网页制作实习报告
网页制作实习报告 一 实验过程 1.资料的搜集。 2.熟悉制作软件。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的...
网页制作合同(四)
网页制作合同(四) 甲方:_________ 地址:_________ 电话:_________ 传真:_________ 乙方:_________ 地址:_________ 电...
网页广告计划书
网页广告计划书 网站经营总项目 一:接广告 二:打广告 如何接广告? 很简单.现在的网络时代发展已经是神速 各大商家都在网络上推广自己的产品,各类人士 都希望自己的产品广大得到外...
网页设计制作合同
网页设计制作合同 根据国家知识产权及网络管理的有关规定,_________________ (以下简称甲方)委托_____________________(以下简称乙方)为甲方筹建inter...
网页制作教学心得
网页制作教学心得 本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的...
网页设计学习心得
网页设计学习心得第一篇:网页设计学习心得网页设计学习心得转眼间,已到了期末,学习网页设计这门课程也要结束了,虽然时间有点短,但是学过这个几周以后我受益匪浅。记得最初接触dreamweaver的...
刊登网页广告合同
刊登网页广告合同 乙方: 甲乙双方经过友好协商,就甲方在乙方的“×××网主页上方的旗帜广告版位上刊登网页广告达成如下协议: 一、甲方责任: 1、甲方在未经乙方书面允许的情况下,不得将乙...
刊登网页广告合同
刊登网页广告合同 协议编号:___________ 甲方:______________________ 乙方:上海______科技有限公司 甲乙双方经过友好协商,就甲方在乙方的“___...
网页制作心得
网页制作心得第一篇:网页制作心得网页制作心得做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。一、 准备资料和挑选...
网页实训小结2篇
网页实训小结2篇 这两周实训的主要内容是运用这学期所学的三个制作网页的软件,以及photoshop的一些知识来制作一个网站。网站名称、内容自己选择。这是第二次这样系统地做网站,自己布局,自己...
该用户的其他文档
- 大学学生校外住宿申请表
- 工程维保手册
- 施工现场消防安全检查制度
- 应聘人员登记表
- 初一有理数知识点
- 体育专业知识整理
- 图书馆学专业基础知识
- 员工福利及津补贴管理办法
- 幼儿园园长一日工作流程
- 小学数学3年级公式总结
- 消防设施验收情况记录表
- 售后服务部部门组织架构
- 护士注册健康体检表
- 内一科分级护理细化标准及服务内涵
- 生产部管理规章制度
- 学校安全重点部位日巡查记录表
- 商场造价指标分析
- 专项运输方案
- 绿化养护安全生产操作规程
- 小学生心理健康辅导记录表
- 突发道路运输事故应急救援预案
- 药品基础知识培训考试试题及答案
- 重症新生儿抢救转诊制度
- 混凝土道路施工方案
- 道路清扫保洁服务方案
- 油漆工程承包合同
- 高中排球垫球教学设计教案
- 工程进度管理考核办法
- 食堂燃气安全操作规程
- 中专学生仪容仪表基本标准及管理规定
- 电缆沟施工方案
- 公司青年员工调查问卷
- 加油站应急预案演练记录
- 健身俱乐部健身房薪金制度
- 学校网络安全建设方案
- 车辆管理系统实验报告课程设计
- flexsim物流仿真软件实训与报告
- 重症医学科副主任竞聘演讲稿
- 地胶板施工工艺与技术方案
- PPT制作合同