网页制作论文--个人网页设计

《网页制作论文--个人网页设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、炎黄职业技术学院信息工程系毕业设计（论文）个人网页设计年级:1111__学号:111111111姓名:__111111111专业:11111111班级:11111_指导老师:__111111111__第II目录第一章：背景与意义I1.1背景和意义I1.2网页设计的要素I1.3本文的主要内容I第2章主要技术介绍II2.1DREAMWEAVERII2.2CSS样式表II第三章网站栏目III3.1网站主题VI3.2网站风格VI第四章：网站制作过程VI4.1index.html页面的制作VI4.2suibi.html页

2、面的制作VII4.3suibi4.html页面的制作VII4.4xiangce1.html页面的制作VII4.5xiangce2.html页面的制作VIII4.6xiangce4.html页面的制作VIII4.7yinyue1.html页面的制作IX总结X参考文献XI第一章：背景与意义1.1背景和意义网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分

3、，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。1.2网页设计的要素网页设计的两大要素是：整体风格和色彩搭配。一、确定网站的整体风格1．将标志logo，尽可能的放在每个页面上最突出的位置。2．突出标准色彩。3．总结一句能反映贵站精髓的宣传标语！4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！二、网页色彩的搭配1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。2．用两种色彩

4、。先选定一种色彩，然后选择它的对比色。3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。1.3本文的主要内容本文主要是对对网页设计与制作进行探讨，主要内容如下：第一章：绪论本章主要介绍网页设计的相关知识。第二章：网站制作需求分析网站包括哪些栏目，主题是什么？风格是什么，确定的颜色的搭配。第三章：用到的技

5、术介绍Dreamweavercss样式表。第四章：网站制作过程第2章主要技术介绍2.1DREAMWEAVERDreamweaver是美国Adobe(原Macromedia，2005年被Adobe收购)公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持Javas

6、cript,PHP,ASP,JSP等多种脚本语言。最新版本为CS4，发布于2008年9月。Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合

7、动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iced，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用

8、样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器