关闭

关闭

关闭

封号提示

内容

首页 静态网页毕业论文.doc

静态网页毕业论文.doc

静态网页毕业论文.doc

上传者: 这里是纸鸢亲 2017-09-20 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《静态网页毕业论文doc》,可适用于IT/计算机领域,主题内容包含静态网页毕业论文内蒙古化工职业学院毕业设计(论文)用纸内蒙古化工职业学院毕业设计(论文、专题实验)任务书姓名赵玉专业计算机应用技术班级计应指导教师刘符等。

静态网页毕业论文内蒙古化工职业学院毕业设计(论文)用纸内蒙古化工职业学院毕业设计(论文、专题实验)任务书姓名赵玉专业计算机应用技术班级计应指导教师刘海龙温铂题目静态企业网页原始数据说明书本次设计了解了静态网页设计与制作的内涵和意义。运用(论文、实验)Dreanweaver软件采用divcss为企业网页进行设计与制作根主要内容据其内容、策划等确定基本思路制定方案并按思路认真完成本次设计。图纸要求对学生综合训根据所学课程的理论知识将理论与实践相结合设计制作出一练方面套完整的作品。的要求完成期限年月日至年月日备注:签发:日期:年月内蒙古化工职业学院毕业设计(论文)用纸内蒙古化工职业学院毕业设计(论文)评阅意见表专业计算机应用班级计应姓名赵玉毕业设计静态企业网页制作(论文)题目指导教师评语答辩委员会评语成绩内蒙古化工职业学院毕业设计(论文)用纸摘要计算机和计算机网络的飞速发展人们对计算机网络的依赖是越来越大。人们在网上聊天交友在网上请教问题查阅资料还在网上听音乐。除此之外人们还会在网上进行商务交易、下载信息有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖无论是哪里的网友都可以浏览到世界各地的各类信息非常的方便由于以上的优势各类网站如雨后春笋般的出现企业网站也不例外。本论文着重对divcss布局与美化公司网页进行了讨论同时根据客户需求采用divcss实现了咨询公司网页的设计具体实现了首页、公司简介、品牌历史与技术创新、产品展示、用户注册与登录联系我们、在线留言等功能系统符合公司网站的需求。关键词:网页设计Dreamweaverdivcss企业网页内蒙古化工职业学院毕业设计(论文)用纸目录第章前言第章静态网页制作概述静态页面网页开发技术网页布局网页布局方法网页布局技术网页配色网页设计流程网页设计原则第章网页需求分析课题来源需求分析第章相关技术网页制作软件DREAMWEAVERDIVCSSdivCSS样式层叠DIVCSS简介企业网页的实现第章布局与配色企业首页公司简介产品展示用户注册在线留言毕业设计总结第页内蒙古化工职业学院毕业设计(论文)用纸参考文献致谢第页内蒙古化工职业学院毕业设计(论文)用纸第章前言网页和网站在如今的Internet网络中已经成为重要的基础是作为政府和事业单位工作、公司宣传、电子商务等社会和经济内容的网络平台支持。政府、事业单位和企业对于网页的设计与制作也越来越重视。由于Web的成熟和广泛应用网页设计和制作也和以前截然不同。尤其是DivCSS技术的应用对于网站样式和内容的维护起到了至关重要的作用。Adobe公司对于网络整合软件Dreamweaver在这方面做了很大的改进DreamweaverCS操作更加方便简捷给予DivCSS布局全面的支持。当今世界已进入信息时代Internet成为世纪最受关注的焦点之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就为网站开发提供了很好的技术支持。网站已经成为现阶段众多企业不可或缺的网络营销平台互联网应用规模正在不断扩大。其中特别是中小型企业对于网络平台搭建的需求相当的迫切。各大门户网企业网都在WEB的标准上,采用divcss来布局因此有了此次的选题。企业网站是一个企业不可缺少的部分它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布。拓宽顾客市场增加企业与客户之间的联系缩短二者之间的距离。提高企业知名度为企业今后的业务发展开辟一个良好的社会环境。它的内容对于企业来说至关重要,企业概况、企业论谈、企业特色服务、最新企业新闻动态等部分应该能够为用户提供充足的信息。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。这些优点能够极大地提高了企业网站的效率,也是企业走向科学化、信息化与世界接轨的重要条件。第页内蒙古化工职业学院毕业设计(论文)用纸第章静态网页制作概述静态网页有时也被称为平面页。静态网页的网址形式通常为htm(超文本标记语言)结尾还有就是以超文本标记语言(htm、html)、shtml、xml(可扩展标记语言)等为后缀的。在超文本标记语言格式的网页上也可以出现各种动态的效果如GIF格式的动画、FLASH、滚动字幕等这些“动态效果”只是视觉上的与下面将要介绍的动态网页是不同的概念。静态网页面通常是超文本标记语言文档存储为文件在文件系统里头并且可以通过HTTP访问网络服务器。静态页面静态页面是网页的代码都在页面中不需要执行aspphpjspnet等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改(通过fso等技术例外)。但是静态页面最大的好处是下载速度快因为不需要程序运算和数据库连接。常见的静态页面以html、htm为扩展名的。并非网站上没有动画的就是静态页面。网页开发技术HTML(HyperTextMarkupLanguage)即超文本标记语言是WWW的描述语言。严格的来讲HTML不能算做一门编程语言因为它没有自己的数据类型也没有分支、循环等控制结构。它的设计简单结构灵活允许在Web浏览器及其它兼容的应用程序中显示文本和图像并且文档的某些部分可以成为超链接。完成后把这些文档保存为*html文件然后用浏览器打开。HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面这些页面可以被网上任何其他人浏览到无论使用的是什么类型的电脑或浏览器。网页布局网站主页就好象是宣传栏或者店面对访问者产生第一印象都希望尽量给人留下好的印象。网页应该力求抓住而不是淹没浏览者的注意力过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从。网页布局方法网页布局的方法有两种第一种为纸上布局第二种为软件布局。企业网页布局方法采用软件布局法利用Photoshop软件所具有的对图像的编辑功能用到设计网页布局上更显得心应手。利用Photoshop可以方便的使用颜色使用图形并且可以利用层的功能设计出用纸张无法实现的布局意念。第页内蒙古化工职业学院毕业设计(论文)用纸网页布局技术企业网页布局技术采用层叠样式表的应用在新的HTML标准中CSS(层叠样式表)被提出来它能完全精确的定位文本和图片。CSS有点复杂但它的确是一个好的布局方法。曾经无法实现的想法利用CSS都能实现。目前在许多站点上层叠样式表的运用是一个站点优秀的体现。网页配色企业网页的配色主要采用白色和灰色这样一种大众化的配色使网页简洁大方而且方便浏览者浏览同时带给用户一种新的体验。颜色可以瞬间改变我们的情绪和意见。颜色会让我们感觉到舒适、敬畏或者激动。颜色是平衡中的重要部分不能忽略。网页设计流程网页设计是一个互动的过程不仅是设计师构思设计就可以完成的。从客户提出需求到最终发布期间需要客户与设计人员共同参与协商才可以具体流程如下:首先获取客户需求和资料。在设计网站页面之前设计师需要知道客户的需求从而确定客户建立网站的目的。客户提出网站需求是非常重要的一个环节。没有详细的需求设计人员无法凭空进行设计制作。在这个步骤中双方的沟通与交流是非常重要的。其次确定网站内容。设计人员选择适合自己的图像编辑软件、动画制作软件和网页制作软件进行网页的初步设计这中间可能还需要和客户进行多次沟通才能达到客户满意的效果。在具体设计时设计人员应该为网站定位一个主题从而保证所有网页都围绕这个主题进行设计制作保证风格的和谐统一。然后申请域名和空间。使用该方法能够有效同步管理文件。还可以通过FTP软件连接到服务器空间上然后上传发布文件。最后后期维护。一般静态网站上传后如果客户方没有专业人员维护这样就需要设计人员从客户方获取新资料进行定期或不定期的更新。如果是动态网站设计人员需要负责培训客户方如何使用后台管理这样客户就可以自己通过后台管理添加信息设计人员只要及时更正动态网站的错误即可。网页设计原则、目的性任何一个网站必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部,主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务,如果目的不是唯一的还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响因此目的性是一切原则第页内蒙古化工职业学院毕业设计(论文)用纸的基础。、专业性网站的信息内容应该充分展现企业的专业特性对外介绍企业自身最主要的目的是向外界介绍企业的业务范围、性质和实力从而创造更多的商机。、实用性网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合浏览者对网上银行网站的需求也不是银行的优势这样的功能服务提供不但会削弱浏览者对网站的整体印象还浪费了企业的资源投入有弊无利。、层次性条理清晰的结构表现为网站的板块划分的合理性信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在步以内不得不需要更多的步骤的时应该有明确的提示。、一致性页面整体设计风格的一致性:整体页面布局和用图用色风格前后一致。界面元素的命名的一致性:同样的元素应该用同样的命名同类元素命名满足一致性做到即使某个元素的表述不清楚也能从上下文推断其义。功能一致性:完成同样的功能应该尽量使用同样的元素。元素风格一致性:界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。第页内蒙古化工职业学院毕业设计(论文)用纸第章网页需求分析课题来源信息产业的发展促使相关技术也得到相应的发展。电子商务作为未来商务、流通等领域的热门从年开始也得到飞速发展而基于网上的网站建设、网页制作和发布也得到了重视。建立网站的好处:、可以利用网站及时得到客户的反馈信息。、可以降低通信费用。、可以与潜在客户建立商业联系。、可以与客户保持密切联系。、可以全面详细地介绍美食及其制作方法。需求分析网站是企业向用户和网民提供信息的一种方式是企业开展电子商务的基础设施和信息平台。企业的网址被称为“网络商标”也是企业无形资产的组成部分而网站则是反映企业形象和文化的重要窗口。在IT行业迅速发展的今天,企业网站的建设已经成为一个企业发展必不可少的存在。对于创意设计有限公司来说我们将建立一个以宣传为目的的网站类型。将于短期内强力打造公司的宣传力度让更多的客户了解信任公司。网站的建设也是公司对于宣传方面的长期投资。本网站需要设置一下几个模块:、企业品牌形象对于一个以生产为主的大型企业而言企业的品牌形象至关重要。特别是对于互联网技术高度发展的今天大多客户都是通过网络来了解企业产品、企业形象及企业实力因此企业网站的形象往往决定了客户对企业产品的信心。建立具有国际水准的网站能够极大的提升企业的整体形象。、企业首页网站首页体现的是一个网站的门面也显示了企业的一些相关的消息是网站设计中比较重要的一部分它以网站综合平台的形式展示整个企业网站各部分的主体内容是整个网站的导航能够让浏览者在第一时间内领略到企业特色所在。、企业介绍具体介绍出企业的背景经营项目荣誉资质和公司的发展史结构业务流程等等一系列来加大公司的宣传力度好让客户能全面的了解公司便于树立企业形象。、产品展示一般其他营销模式的企业网站都是注重产品展示来加强企业的宣传力度但是对于第页内蒙古化工职业学院毕业设计(论文)用纸创意设计有限公司来说没有其实际物品展示只有展现其出众的业绩实例才能让客户信服才能从侧面展现出公司的实力让客户更放心的把业务交给公司处理。、用户注册使用户成为会员可以足不出户通过互联网向客服了解产品的情况在降低企业内部资源顺好、减低成本、加强企业员工与员工企业与员工之间的联系和沟通等方面发挥巨大的作用最终使企业的运营和运作打到最大的优化。、在线留言在线留言是浏览者对我们提出的意见和建议在留言过后我们也可以通过这个发现我们的不足和好的地方要是发现我们的不好我们也可以接收到您的宝贵意见并给您最满意的答复对于好的我们也可以让更多的浏览者看到顾客的评价是对其他的浏览者的最大的信任。第页内蒙古化工职业学院毕业设计(论文)用纸第章相关技术网页制作软件DreamweaverDreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的RoundtripHTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到:使用动态HTML功能(例如具有动态效果的层和行为)而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。至于Dreamweaver工作区是非常灵活的因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种:、文档窗口可显示当前文档文档的外观和浏览器中看到的非常相似。、装载器中包含一些打开和关闭常用检查器和模板的按钮。、对象工具栏包含创建不同类型的对象(例如图象、表格和层等)的按钮。、属性检查器显示选定对象的属性。、快捷菜单可以使用户对当前选择或区域快速执行某些命令。、可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。DIVCSSdivdiv标签和其他HTML标签没有什么区别需要由关闭标志。如果不加入任何css样式它的效果类似<p>标记。Div示例代码如下:<div>内容<div>把css的扩展属性放入div标签中就可以控制div容器中的所有HTML元素显示在屏幕上的具体位置为了实现这种:的精确控制必须给当前的div加上唯一的id用来区分其他div标记。还有一种情况是:你想让一类或者说几个div具有相同的样式属性时可以给每个div加上class属性这样具有同样class属性的div标记样式相同。代码如下:<divid=”wrap”>内容<div><divclass=”button”>内容<div>第页内蒙古化工职业学院毕业设计(论文)用纸CSSCSS是英文CascadingStyleSheet缩写形式中文译为层叠样式表或级联样式表。Web设计者可利用它来定义文档的样式这里指的文档不仅限于(X)HTML。通过CSS设计者可控制文档的字体、颜色、图像、表格、链接和布局格式同时设计者也可以将表示样式外观的信息从内容中分离出来集中放置在页面的某一部分甚至可保存为独立的文件从而减少文件的大小节省网络的宽带、节约web设计者维护代码的时间。CSS有如此多的好处掌握和使用好它对于web设计者来说是非常必要的。样式样式一词对于我们来说并不陌生即使尚未接触CSS的人也不难理解样式的含义。当你使用MicrosoftWord一类的字处理程序时几乎总要更爱某些样式以达到更好的效果比如设定标题为加粗的三号黑体字每一段的开始流出两个空格等。样式表不能孤立地使用因为它本身并不包含任何内容信息。当然CSS也不仅仅能同Web文档一起使用它还能定义XML甚至软件界面的样式。层叠与样式相比了解层叠一词的CSS初学者可能就比较少了层叠是CSS中的术语它包含了一系列的规则浏览器根据这个规则来确定样式应该如何应用到页面的各个元素中去。DIVCSS简介DIVCSS是网站标准(或称“WEB标准”)中常用术语之一divcss是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了wc内容与表现相分离。HTML语言自HTML以来不再发布新版本原因就在于HTML语言正变得越来越复杂化、专用化。XHTML语言是一种可以将HTML语言标准化用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展适合自动数据交换并且更加规整。在XHTML网站设计标准中不再使用表格定位技术而是采用DIVCSS的方式实现各种定位。以下是DIVCSS的特点简介:、符合WC标准。微软等公司均为WC支持者。这一点是最重要的因为这保证您的网站不会因为将来网络应用的升级而被淘汰。、支持浏览器的向后兼容也就是无论未来的浏览器大战胜利的是IE或者是火狐您的网站都能很好的兼容。、搜索引擎更加友好。相对与传统的table,采用DIVCSS技术的网页对于搜索引擎的收录更加友好。、样式的调整更加方便。内容和样式的分离使页面和样式的调整变得更加方便。现在YAHOO,MSN等国际门户网站网易新浪等国内门户网站和主流的WEB第页内蒙古化工职业学院毕业设计(论文)用纸网站均采用DIVCSS的框架模式更加印证了DIVCSS是大势所趋。、CSS的极大优势表现在简洁的代码对于一个大型网站来说可以节省大量带宽而且众所周知搜索引擎喜欢清洁的代码。、表现和结构分离在团队开发中更容易分工合作而减少相互关联性。第页内蒙古化工职业学院毕业设计(论文)用纸第章企业网页的实现布局与配色本网站布局技术采用层叠样式表的应用使用CSS实现出一个完美的网站。布局方法采用软件布局法利用Photoshop软件对图像进行编辑。网页配色选用白色与灰色的色彩搭配来实现企业网站的简单大方。企业首页网站首页体现的是一个网站的门面也显示了企业的一些相关的消息是网站设计中比较重要的一部分它以网站综合平台的形式展示整个企业网站各部分的主体内容是整个网站的导航能够让浏览者在第一时间内领略到企业特色所在。如图企业首页导航部分插入div标签编辑CSS代码如下<divid="nav"><ulid="dh"><li><ahref="indexhtml">首页<a><li><li><ahref="gsgkhtml">公司简介<a><li><li><ahref="pplshtml">品牌历史<a><li><li><ahref="jscxhtml">技术创新<a><li><li><ahref="cxtphtml">车型图片<a><li><li><ahref="cxsphtml">车型视频<a><li><li><ahref="yhgjhtml">用户工具<a><li><li><ahref="zxlyhtml">在线留言<a><li><ul><div>中间部分插入“布局对象”“Spry选择卡式面板”让浏览者可以选择性的浏览图片信息。在Spry选择卡式面板的下方分别为会员登录、新闻中心、联系我们让浏览者可以直接看到所需要的信息。第页内蒙古化工职业学院毕业设计(论文)用纸图公司首页公司简介具体介绍出企业的背景经营项目荣誉资质和公司的发展史结构业务流程等等一系列来加大公司的宣传力度好让客户能全面的了解公司便于树立企业形象。如图公司简介中间部分左侧为产品系列右侧为公司简介。图公司简介产品展示主要介绍企业的产品让浏览者可以真实地看到企业的产品、进一步了解产品。如图图片展示中间部分左侧为产品系列右侧为产品图片展示。图视频展示中间部分左侧为产品系列右侧为产品视频展示。第页内蒙古化工职业学院毕业设计(论文)用纸图图片展示图视频展示用户注册使用户成为会员可以足不出户通过互联网向客服了解产品的情况。如图用户注册中间部分左侧为产品系列右侧为用户注册。第页内蒙古化工职业学院毕业设计(论文)用纸图用户注册在线留言在线留言是浏览者对我们提出的意见和建议在留言过后我们也可以通过这个发现我们的不足和好的地方要是发现我们的不好我们也可以接收到您的宝贵意见并给您最满意的答复对于好的我们也可以让更多的浏览者看到顾客的评价是对其他的浏览者的最大的信任。如图在线留言中间部分左侧为产品系列右侧为在线留言。图在线留言第页内蒙古化工职业学院毕业设计(论文)用纸毕业设计总结随着毕业日子的到来毕业设计也接近了尾声。经过几周的奋战我的毕业设计终于完成了。在没有做毕业设计以前觉得毕业设计只是对这几年来所学知识的单纯总结但是通过这次做毕业设计发现自己的看法有点太片面。毕业设计不仅是对前面所学知识的一种检验而且也是对自己能力的一种提高。通过这次毕业设计使我明白了自己原来知识还比较欠缺。自己要学习的东西还太多以前老是觉得自己什么东西都会什么东西都懂有点眼高手低。通过这次毕业设计我才明白学习是一个长期积累的过程在以后的工作、生活中都应该不断的学习努力提高自己知识和综合素质。大学三年就会在这最后的毕业设计总结划上一个圆满的句号。我曾经以为时间是一个不快不慢的东西但现在我感到时间过的是多么的飞快三年了感觉就在一眨眼之间结束了我的大学生涯。毕业最重要的一个过程,最能把理论知识运用到实践当中的过程就数毕业设计了。这也是我们从一个学生走向社会的一个转折。另一个生命历程的开始。毕业设计的这几周我学到了很多也成熟了很多。第页内蒙古化工职业学院毕业设计(论文)用纸参考文献陈琳photoshopcs入门实战与提高M北京:电子工业出版社戎马工作室Dreamweaver与asp动态网站开发M北京:机械工业出版社戴一波DreamweaverCS网站制作炫例精讲M北京:电子工业出版社何秀芳网页制作与网站建设课堂实录M北京:人民邮电出版社唐守国主编创意:Photoshopcs网页设计、配色与特效案例精粹清华大学出版社年月第一版王征主编JavaScript网页特效实例大全清华大学出版社年月第一版史晓燕、苏萍编著网页设计基础(HTMLCSS和JavaScript)清华大学出版社北京交通大学出版社年月第一版张景峰等HTML程序设计高等教育出版社年月项宇峰等HTML网络编程从入门到精通清华大学出版社年第页内蒙古化工职业学院毕业设计(论文)用纸致谢经过几周的努力我的毕业设计终于完成了。在没有做毕业设计之前我觉得毕业设计只是对这几年来所学知识的总结但是后来我发现做毕业设计原来的看法有点太片面了。毕业设计不仅是对前面所学知识的一种检验而且也是对自己能力的一种提高。经历过这次毕业设计我更加明白了自己原来知识还是比较欠缺的。自己要学习的知识还是太多了。通过这次的毕业设计我知道了学习真的是一个长期积累的过程在今后的工作和生活中都应该不断的去积累努力提高自己的知识量和整体的综合素质。我对所有人的耐心表示感谢尤其是我的指导老师刘海龙老师和温铂老师他仔细阅读了我的论文和程序并提出了许多宝贵的意见和建议。感谢他能在忙碌的工作中抽时间指导我。使设计得以顺利完成。最后感谢内蒙古化工职业学院的全体同学几年来他们在学习、工作和生活中给了我很多的帮助和支持使我的大学生活收获很多在此衷心的感谢他们衷心的祝福他们身体健康永远快乐。第页

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/21
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部