个人网页设计.docx

炎黄职业技术学院信息工程系 毕业设计（论文） 个人网页设计 年学姓专指 级：_2009级 号.0******]7 ? **** 业：网络数字媒体_ ilrti* **** 二零一一年十二月 炎黄职业技术学院 文） 摘 要 信息工程系毕业设计（论 本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页 设计与制作语言的基础上，着重使用CSS样式表作为工具语言进行网页设计与 制作的实际操作，分别对基于对象的JavaScript语言、用于编辑HTML语言的软 件进行了详细的介绍。 本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第 二章：网页设计技术概述，本章主要介绍网页设计的工具 ream weaver,用 于编辑HTML语言的软件，为后续工作奠定基础，以及基于对象的JavaScript 语言。第三章：网站制作需求分析，介绍了木网站的主要页面。第四章：制作过 程。描述了网站的制作流程，着重部分页面的制作步骤。 关键词：网页设计；HTML； CSS样式表 炎黄职业技术学院 文） 信息工程系毕业设计（论 1.1 本 论 文 的 背 景 和 意 义 1 TOC \o 1-5 \h \z 网 页 设 计 的 要 素 1 木 论 文 的 主 要 谢 13 参 考 文 献 14 II 炎黄职业技术学院 信息工程系毕业设计 （论文） 第1章绪论 1」本论文的背景和意义 网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展 电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电 子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部 分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。 1.2网页设计的要素 网页设计的两大要素是：整体风格和色彩搭配。 一、 确定网站的整体风格 在这里，我提供给大家一些参考经验： 将你的标志logo,尽可能的放在每个页面上最突出的位置。 突出你的标准色彩。 3 ?总结一句能反映贵站精髓的宣传标语！ 4.相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网 站屮出现的所有标题字的阴影效果的设置应该是完全一致的！ 二、 网页色彩的搭配 用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这 样的页面看起来色彩统一，有层次感。 用两种色彩。先选定一种色彩，然后选择它的对比色。 用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿； 或者土黄，土灰，土蓝。 在网页配色中，还要切记一些误区： 不要将所有颜色都用到，尽量控制在三至五种色彩以木论文的主要内容 本论文主要是对对网页设计与制作进行探讨，主要内容如下： 第一章：绪论 本章主耍介绍网页设计的相关知识。 第1页共14页 炎黄职业技术学院 信息工程系毕业设计 （论文） 第二章：网站制作需求分析 网站包括哪些栏目，主题是什么？风格是什么，确定的颜色的搭配。 第三章：用到的技术介绍 Dreamweaver \javascript\css 样式表。 第四章：网站制作过程 第2页共14页 炎黄职业技术学院 信息工程系毕业设计 (论文) 第2章主要技术介绍 2」DREAMWEAVER Dreamweaver是美国Adobe(原Macromedia, 2005年被Adobe收购)公司开发的 集 网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网 页设计 师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限 制和跨 越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是 优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并 支持Javascript,PHP,ASP,JSP等多种脚本语言。最新版本为CS4,发布于2008年 9月。 Dreamweaver是唯一提供Roundtrip HTML^视觉化编辑与原始码编辑同步的设 计 工具。它包含Home Site和BBEdit等主流文字编辑器。帧(frames)和表格的制 作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作 未连续之 选取。其至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可 轻易转 换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver 成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给 Third-party 厂商，包含 ASP, Apache, Broad Vision, Cold Fusion, iced, Tango 与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所 得的功能，让您不需 耍透过浏览器就能预览网页。梦