搜索
山东科技大学泰山科技学院毕业设计过程报告网页设计1绪论................................................................................................................................11.1选题背景..................................................................................................................11.2主要研究设计内容..................................................................................................11.3相关知识概述..........................................................................................................22毕业设计过程及内容....................................................................................................42.1毕业设计过程....................................................................................................42.2毕业设计主要工作内容........................................................................................313毕业设计过程中遇到的问题及解决方案..................................................................344毕业设计收获及心得体会..........................................................................................364.1毕业设计收获..................................................................................................364.2毕业设计心得体会...............................................................................................36致谢......................................................................................................................................37参考文献..............................................................................................................................38山东科技大学泰山科技学院毕业设计过程报告11绪论1.1选题背景随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。1.2主要研究设计内容本论文主要是对网页设计与制作的语言基础上进行探讨，主要内容如下：绪论主要介绍网页设计的相关知识。第一章：网页设计语言概述本章主要介绍网页设计的语言——HTML，以及用于编辑HTML语言的软件，为后续工作奠定基础。第二章：基于对象的JavaScript语言本章介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。第三章：内部对象系统的使用本章主要介绍使用浏览器的内部对象系统，可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。第四章：WEB页面信息的交互——窗体与框架山东科技大学泰山科技学院毕业设计过程报告2本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。1.3相关知识概述网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。网页设计的两大要素是：整体风格和色彩搭配。一、确定网站的整体风格在这里，我提供给大家一些参考经验：1．将你的标志logo，尽可能的放在每个页面上最突出的位置。2．突出你的标准色彩。3．总结一句能反映贵站精髓的宣传标语！4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！二、网页色彩的搭配1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。2．用两种色彩。先选定一种色彩，然后选择它的对比色。3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。三、在网页配色中，还要切记一些误区：1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。山东科技大学泰山科技学院毕业设计过程报告32．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。山东科技大学泰山科技学院毕业设计过程报告42毕业设计过程及内容2.1毕业设计过程第一章网络设计语言概述1.HTML语言介绍HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。[1]HTML语言的特点HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是盛行的原因之一，HTML语言的特点如下：1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是盛行的另一个原因。[2]HTML语言的编辑软件山东科技大学泰山科技学院毕业设计过程报告5HTML的本质是文本，需要浏览器的解释，HTML的编辑器大体可以分为三种：1、基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。一个HTML文件由一个HTML元素组成，即文件以HTML开始。以/HTML结束，文档中其他元素及其属性的声明都是HTML的元素体。HTML元素的元素体和元素体由两大部分组成，即头元素head…/head和体元素body…/body。头元素和体元素的元素体又由其他元素、文本和注释等组成。一个标准的HTML文件应该具备如下结构：HTML标记一个HTML文件的开始HEADHTML文件的文件头部分开始…文件头部分内容/HEADHTML文件的文件头部分结束BODYHTML文件的文件体部分开始…文件体/BODYHTML文件的文件部分结束/HTML标记该HTML文件结束山东科技大学泰山科技学院毕业设计过程报告6有些元素只能出现在头元素中，如meta、title等元素，而大多数的元素只能出现在体元素中。在头元素中的元素表示的是该HTML文件的一般信息，比如该文件的标题、来源、作者、版本、字符集和关键字等，这些元素与书写的顺序无关，它们只是表明该HTML文件的属性值。但出现在元素体中的元素则是要注意书写顺序的，改变了它们的书写顺序就会改变HTML文件在浏览器上输出的形式。2.常用的HTML语言编辑软件[1]DreamweaverDreamweaver是美国Adobe(原Macromedia，2005年被Adobe收购)公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持Javascript,PHP,ASP,JSP等多种脚本语言。最新版本为CS4，发布于2008年9月。[2]ASPASP技术是Microsoft公司开发的一套全新的服务器端脚本程序环境。它可以根据客户端的不同请求，在服务器端经过相应的ASP程序处理生成不同的静态HTML页面并穿回给浏览器。ASP自身有很多优点，这些优点使它成为了当今世界网络上应用最多的脚本设计环境。1、什么是ASPASP的全称是ActiveServerPages,中文名称叫做动态服务器网页，其功能在于可以使用它来开发运行在Windows服务器平台上的动态网页和网页。尽管我们常把“ASP脚本”挂在嘴边，但ASP既不是一种编程语言，也不是开发工具软件，同样也不是一种应用程序，它实际上是一种开发动山东科技大学泰山科技学院毕业设计过程报告7态网页的技术。2、ASP的脚本语言ASP的脚本语言可以是VBScript或者Jscript，也可以是两者的结合，所以任何一种文本编辑器都能编辑ASP脚本，当然不同的编辑器开发调试效率是不一样的。和通常的VBScript和Jscript应用程序不同，ASP所有的程序都是在服务器端运行的，而不是在浏览器或者客户端执行的，这样用户就不必担心自己的浏览器能否运行所编写的ASP代码了。程序执行完毕，服务器仅将执行的结果返回给客户端浏览器，这样即使客户端的浏览器不支持VBScript或Jscript，但是仍然可以浏览动态的网页。VBScript是IIS默认的脚本语言，当然可以在IIS中更改默认的脚本语言。如果改成Jscript，那么默认的脚本语言就是Jscript。因为VBScript在属性和方法上的灵活表现方式更适合作为服务器的脚本，所以推荐大家用VBScript作为ASP的默认脚本语言。3、ASP的运行环境由于ASP是一种服务器的脚本语言，所以并不是所有的Web服务器都具有这个功能。ASP是由Microsoft公司推出的，当然在目前页只有Microsoft公司推出的服务器能实现ASP的强大功能，其他的一些服