【www.gbppp.com--手工制作】
网站的设计与制作
目 录
第一章 前言 第二章 1．1课题来源
1．2 网站开发项目需求分析 1．3 软件 1．4 软件运行环境 第二章 网站制作 2．1做网页的步骤 2. 2做网页的要素 2．3 系统各模块功能实现 第三章 网站的设计 3．1 主页的要求 3．2 子页的要求 第四章 结束语 参考文献
摘 要
汽车网站是一个结合了汽车销售等多功能浏览的汽车网站，我所使用的软件是Macromedia 公司推出的一款用于网页设计的软件——dreamweaver8。在网页的制作与链接中，我学到了很多。
关键词：
超链接 外观 性能
第一章 前言
1．1课题来源
随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。
以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自己的私家车。
正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。把汽车销售与网络连接起来，是今后汽车销售发展的必然方向之一。 1．2 网站开发项目需求分析
一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对
用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。据专家预计，2009年我国汽车需求量将超过850万辆。所以，做好汽车网站就是为了使广大的消费者提供及时和有效的信息，为其选择适合自己的产品提供良好的参考。
1．3 使用软件
dreamwraver软件由美国著名的网站应用开发工具生产厂商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，软件技术可以完成任务的要求。
1．4 软件运行环境
Dreamweaver是一款简体中文软件，可以在Win2003/WinXP中安全运行
第三章 网站制作
2．1制作网页的步骤
再做网页之前，我确定了做网页的五个步骤。
一、确定网站主题 ：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。
二、搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
四、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
五、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先
许昌职业技术学院
毕业论文
题 目： 信息工程系网站的规划与设计
姓 名：
班 级：专 业：
指导教师：
完成时间：
目 录
1 绪论 ..................................................................................................... 1
1.1 设计思想 .................................................................................... 1
1.2 开发背景及意义 ........................................................................ 2
1.3 开发的目标 ................................................................................ 2
2基本理论知识及开发工具介绍 ........................................................... 2
2.1开发工具的选用及介绍 .............................................................. 2
2.2 ASP的优势与特点 ...................................................................... 3
2.3 图像处理软件photoshop .......................................................... 4
3开发过程 .............................................................................................. 4
3.1网站主题的确立 ......................................................................... 4
3.2掌握建网工具 ............................................................................. 4
3.3确定网站风格 ............................................................................. 4
3.4确定网站界面 ............................................................................. 5
3.5网站总体分析与设计 .................................................................. 6
4注意事项 .............................................................................................. 7
结束语 ..................................................................................................... 7
致谢 ......................................................................................................... 7
参考文献 ................................................................................................. 8
信息工程系网站的规划与设计
虢星星
（许昌职业技术学院 信息工程系）
摘要：在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。
网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了让更多人了解我们信息系的情况。所以，开发本系的网站是必需的。
本次设计我计划通过DW，Photoshop图像处理软件，Flash等工具共同来制作信息系网站的设计。当然，这次的制作过程还需要绑定到数据库，最终的完成需要众多软件相互补助。
关键词 ：网站设计；Dreamweaver
1 绪论
在Internet飞速发展的今天，电子数字计算机是20世纪重大科技发明之一，而互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计是将网站策划案中的内容、网站的主题模式，结合网页设计师的认识，通过艺术设计的手法表现出来；而网页制作通常是根据网页设计师制作的设计稿，按照W3C规范语言将其制作成网页格式。优秀的网页设计师对网页设计与网页制作两道工序都是十分了解的，这样才可以保证网页制作人员在充分掌握设计要素的前提下，制作规范化、符合用户使用习惯、带来良好用户体验的网站。
1.1 设计思想
通过网站，全面宣传，展示信息系风采、优点与特色，发布信息系的活动安排与招生政策等信息内容，使学生及家长曾加对信息系的了解，增强学生、家长与信息系之间的联系，在Internet网上，让学生及家长及时得到 信息系发布的重要信息，同时也帮助了信息系完成部分事务，提高办事效率,给学生、家长与信息系最方便的联系桥梁。在这里学生及家长也可以提出意见及想法，互通教学之间的意见想法，更加有效的办好教学，和学生需要哪样的教学方式
能够更好的吸收与接纳，这些都能成为信息系的参考，以便更加的提高信息系的教学质量。
1.2 开发背景及意义
随着Internet用户的增多和影响力的增大，信息工程系开设网站为学生提供服务也成为一条必由之路。信息工程系网站是公布和发布网络工程系信息资源，展示和宣传网络工程系形象的阵地，是同学向系里反应情况的渠道，是网络工程系对外办理公共事务的窗口，是传承文化的载体。
1.3 开发的目标
论文以网络工程系网站为例开展研究，分析了系统建设过程中的相关技术，对所涉及的软件平台、软件系统、安全系统的进行理论分析，对系统规划实施中的需求分析、系统结构设计、硬件集成、软件配置等各环节进行研究，并提出性能测试所需内容。
2基本理论知识及开发工具介绍
2.1开发工具的选用及介绍
DW的优势:
1、不用手工写代码，编程更轻松 2、对数据库的结合非常好
3、简单快捷的实现会员系统 4、强大的命令功能
5、丰富的插件支持 6、所见即所得的CSS环境
7、快捷方便的编程环境 8、最佳的制作效率
9、网站管理 10、无可比拟的控制能力 11、梦幻样版和XML 12、全方位的呈现
Dreamweaer 可以用最快速的方式将Fireworks\FreeHand 或Photoshop 等档案移至网页上。使用颜色吸工具选择屏幕上的颜色可定最拉近的网页安全色。对于菜单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜欢的设计工具搭配。不需要离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Ｄreamweaver 自动开启Firework或Ｐhotoshop 来进行编辑与设定图档案的最佳化。它可以快速制作网站雏形，它也是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。可以用可轻易换成表格的图层以拖拉置放的方式进行版面配置。
Dreamweaver 将内容与设计分开，应用于快速网页更新和团队合作网页编辑。利用 Dreamweaver 设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于casscading style sheets 的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscajpe 和 Microsoft 浏览器上执行。
2.2 ASP的优势与特点
1、任何开发工具皆可发展ASP。
只要使用一般的文书编辑程序，就可以编辑。当然，其他网页发展工具，也都可以，不过还是建议你用记事本来写，既省钱又方便。
2、通吃各家浏览器
由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器
3、语言相容性高
ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。
4、隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务（Web Server）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
5、易于操控数据库
ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。
6、面向对象学习容易
ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
《网页设计毕业论文》简介：
前言随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者
《网页设计毕业论文》正文开始>>
前言
随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。在目前国
内对此领域研究甚少的情况下，作者将网页艺术设计与其他艺术设计形式进行比较，尝试从网页艺术设计的内容、原则和特点等
三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。作者认为网页艺术设计是艺术与技术的高度统一，指出网
页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；具有交互性与持续性、
多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。在明确了网页艺术设计与网站主题的关系的基础上，
提出了“美”和“功能”都是为了更好地表达网站主题这一观点。
网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为
基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并
随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与
技术的高度统一。
目录：
一、网页艺术设计的内容~~~~~~~~~~~~~~~~~~~~页
1. 视听元素~~~~~~~~~~~~~~~~~~~~页
2. 版式设计~~~~~~~~~~~~~~~~~~~~页
二、网页艺术设计的原则 ~~~~~~~~~~~~~~~~~~页
1.主题鲜明 ~~~~~~~~~~~~~~~~~~~~~~~~~~页
2.形式与内容统一~~~~~~~~~~~~~~~~~~~~~页
3.强调整体
三、网页艺术设计的特点~~~~~~~~~~~~~~~~~~~~~
1.交互性与持续性~~~~~~~~~~~~~~~~~~~~~~~
2.多维性 ~~~~~~~~~~~~~~~~~~~~~~~~~~~
3.多种媒体的综合性 ~~~~~~~~~~~~~~~~~~~~
4.版式的不可控性~~~~~~~~~~~~~~~~~~~~~~
5.技术与艺术结合的紧密性~~~~~~~~~~~~~~~~~
四、结 束 语~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
一、网页艺术设计的内容
设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设
计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。
1.视听元素
这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文
字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术
的运用大大丰富了网页艺术设计的表现力。
以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPE
G图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏
览器使用插件（Plug-in）可以播放更多格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页
中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之
中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之
，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技
术的出现，也对网页的艺术设计提出了更高的要求。
2.版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式
设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思
维个性化的表现出来，是一种具有个人风格和艺
术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网
页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计
带来了一定的难度。
二、网页艺术设计的原则
网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，
由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与
形式的统一。它要求设计者必须掌握以下三个主要原则：
1.主题鲜明
视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，
是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰
和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。
根据认知心理学的理论，大多数人在短期记忆中只能同时把握４到７条分立的信息，而对多于７条的分立信息或者不分立的信息
容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含
在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。
作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想
运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对
网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注
意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。
优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性
质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次
，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题
。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现
“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的
网页为目的。它的主题只有一个，就是——美。
只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都
将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。
要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的
逻辑性的把握运用来达到。
2.形式与内容统一
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式
是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的
结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如
黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表
现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）
一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的
设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，
深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另
一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。
只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。
据有关资料所做的保守估计，目前在WWW上网页数据传输平均以每秒1.5k的速度到达客户端。假设某个网页为了丰富其艺术性而
追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏
览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之
一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响
了传达信息的效果，因而不是形式与内容的完美统一。
网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这
就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。
因此，在网页设计中必须注意形式与内容的高度统一。
3.强调整体
网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。
网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足
人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部
有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。
网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特
征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在
江西先锋软件职业技术学院 毕 业 论 文（设计）
关于Dreamweaver的网页设计
———————————————————
陈厚雄
—————————————
论文指导教师姓名： 邓春华
所在系及专业名称：___电脑游戏__________________ 班级：___1005__
论文提交日期： 2013 年 4月 1日 论文答辩日期： 年 月 日
答辩委员会主席：_____________
评 阅 人：_____邓春华老师________
2012 年 4 月 1 日
摘 要
在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。
现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。网站为很多人提供了一个网络生活空间，通过其网页展示了企业介绍、城市文化、校园文化介绍、招商信息、加盟程序、留言等一系列内容的介绍。为了更好的宣传和服务于经济发展，我通过制作一个网站来介绍宣传一下我的家乡。本文比较系统的阐述了有关网站建设方面的相关理论知识及该网站开发设计，充分体现了计算机技术服务于经济建设的重要思想。
关键词: 网站建设，Internet，城市发展
Abstract
In the Internet rapid development today, the Internet has become a people quickly get, release and transmit information, is an important channel in an unprecedented wallop affect human activities. It in people politics, economy, life aspects played an important role. Therefore website construction in the Internet application status of especially important to show, and it has become the government, enterprises, an important part of informatization construction.
Today's society, people have without the Internet, network has become between a form of communication, it can make things complicated to simplicity, get rid of the time and space restrictions. Web site for many people provides a network life space, through its web demonstrate the enterprise introduces, urban culture and campus culture introduction, investment promotion information, join procedure, introduced a series of content of the message. In order to better propaganda and in the service of the economic development, and I made a web site to introduce by propagandize the my hometown. In this paper expatiates relevant website construction related theory knowledge and the website development and design, fully embodies the computer technology to serve economic construction important thoughts.
Keywords: "website construction" "Internet" "urban development"
目录
第一章 前言 ........................................................... 5
1．1课题来源 ....................................................... 5
1．2 网站开发项目需求分析 ......................................... 5
第二章 网页制作概述 .................................................... 6
2.1 网页的类型 ...................................................... 6
2.1.1 静态页面 .................................................. 6
2.1.2 动态页面 .................................................. 6
2.2 网页开发技术 .................................................... 7
2.3 网页布局 ........................................................ 7
2.3.1 网页布局的基本概念 ........................................ 8
2.3.2网页布局方法 ............................................... 9
2.3.2 网页布局技术 ............................................. 10
2.4网页配色 ....................................................... 11
2.5 网页设计流程 ................................................... 11
第三章 涉及软件 ...................................................... 13
3.1 DreamWeaVer cs3介绍 ........................................... 13
3.2 DreamWeaVer cs3操作界面 ....................................... 13
第四章 建立网页链接 .................................. 错误！未定义书签。
4.1 文字链接 ....................................................... 14
4.2 图像链接 ....................................................... 15
4.3在HTML语言中建立网页链接 ...................................... 15
第五章 结论 ........................................................ 18
致 谢 ................................................................ 19
第一章 前言
1．1课题来源
随着二十一世纪新兴科技的飞速发展，如今的信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。
互联网拉近了各个领域之间的距离，如今利用互联网来宣传已经是必不可少的工具，城市发展也需要互联网的宣传来带动自身的发展。
1.2网站开发项目需求分析
一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分来自于客户的实际需求或者是出于自身发展的需要。在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。
长江学院
课程设计报告
课程设计题目： 网页设计与制作
姓名： 张***
学号：专 业 电子信息工程
班 级 08****
2010年6月10日
目录
一 网页设计与制作的版面布局 ................................................ 3
1网页的布局结构 ................................................................. 3
2网页的布局设计 ................................................................. 3
二 网页的风格的设计与制作 .................................................. 4
四 网页的图像的制作方法 ........................................................ 5
五 网页东华的设计与制作方法 ................................................ 7
六 心得体会 .................................................................................. 7
一 网页设计与制作的版面布局
在考虑东华理工的主要版面，我们选择的是“门”形布局：页面上部是网站的标志和广告条，左面是主菜单，右面放友情链接等，中间是主要内容，布局类似于一个“门”字。
1网页的布局结构
从上图中可以看出，网页的整体布局结构划分为四行（从上到下），第一行来制作Logo，第二行制作导航，第三行制作内容，第四行制作版权信息。然后在第三行又拆分为两列（从左到右），分别在左右两列中制作不同的内容。
在这个基础上，可以对网页布局进行更细致的拆分，如果说前面的拆分是用来制作网页的大框架，那么接下来拆分的就是内容区域了，这里分析的方法和前面是完全一样的，拆分后的效果如图1-13所示，其中的文本表示在当前“矩形块”中放置的内容。
2网页的布局设计
网页的布局设计，就是指网页中图像和文字之间的位置关系，简单来说也可以称之为网页排版。网页布局设计最重要的目的就是传达信息。一个并不能阅读的网页只能变成一个无用的链接。分割、组织和传达信息并且使网页易于阅读、界面具有亲和力和可用性是网页设计师应有的职责，只有这样，浏览者才有更好的机会找出吸引他的东西。
简单来说，可以把网页中的内容看成是一个一个的“矩形块”，把多个“矩形块”按照行和列的方式组织起来，就构成了一个网页。下面举例来进行说，如1所示，为东华理工长江学院的网页效果图。
图2【网页设计论文】
二 网页的风格的设计与制作
“门”形布局：页面上部是网站的标志和广告条，左面是主菜单，右面放友情链接等，中间是主要内容，布局类似于一个“门”字。
对称对比布局：该类结构采取左右或者上下对称布局，一半深色，一半浅色，一般多用于设计型站点。该种结构的优点是视觉冲击力强，缺点是将两部分有机地结合比较困难
四 网页的图像的制作方法
网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，
本文来源：http://www.gbppp.com/xq/423551/
推荐访问:计算机网页设计论文 html网页设计论文