毕业论文及设计——个人网站设计论文

学号XXX密级XXX分类号XXX编号XXXXXXX大学XX学院毕业论文题目个人网站的设计与实现期班专业撰写者指导教师提交日期个人网站的设计与实现【摘要】本文就个人网站的规划与建设，以软件工程的方法对过程进行了分析与研究。本文的主要工作集中在对WEB页进行概述，主要是对INTERNET的历史和发展作了回顾，在WEB页的定义和特性上进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍。对网站建设中提及到得术语进行了解释，并对个人网站的由来和发展进行了讨论；对自己的个人网站从规划建设进行了详细的分析；使用DREAMWEAVER、PHOTOSHOP、FLASH等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。【关键词】网站DREAMWEAVERHTMLCSS风格创意PERSONALWEBSITEDESIGNANDIMPLEMENTATION【ABSTRACT】THEGROUNDWORKOFTHISTEXTISCONCENTRATEDONGOONBECAUSEITSUMUP,WHOSENAMEISMAINLYACTASANDREVIEWATDEVELOPMENTSOFHISTORYAGAINSTINTERNETS,FORWEBTHEDEFINITIONSOFPAGESGOONANDEXPLAINATCHARACTERISTICSANDHASDONEBRIEFINTRODUCTIONTOTHEDEVELOPINGINSTRUMENTANDTECHNOLOGYTHATAREUSEDINTHECOURSEOFDEVELOPINGOFWEBSITETHEGETTINGUNDERMORECONSTRUCTIONABOUTWEBSITEMENTIONGOONANDEXPLAINFORPERSONALTHEORIGINSOFTHEWEBSITEGOONANDDISCUSSATDEVELOPMENTSATTERMTHATGETTHEGETTINGWEBSITEPERSONALPLANNINGTOBUILDINGDETAILEDMOREANALYSISABOUTTHEONEONESOWNTHEUSEOFDREAMWEAVER,PHOTOSHOP,FLASHANDOTHERTECHNOLOGIESTOACHIEVEAVARIETYOFMYSITEFEATUREFROMWEBSITEBUILDANDPROPOSEONESOWNVIEWANDSUGGESTIONS【KEYWORDS】WEBSITEDREAMWEAVERHTMLCSSSTYLECREATIVE目录第一章绪言5第一节WEB页概述5第二节开发工具的介绍6第二章个人网站设计分析9第一节相关术语9第二节个人网站的由来和发展11第三节个人网站的设计和规划11第三章个人网站的设计过程14第一节创建站点14第二节列出表格、框架、层14第三节网页文字、图像及多媒体元素的添加15第四节关于锚链接和CSS样式17第四章网站设计的心得18第一节关于网站的质量18第二节网页中的色彩搭配18第三节图像、著名插件、导航按钮的使用19第五章部分源代码21第六章结束语23致谢24参考文献25第一章绪言在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已超过1亿，成为世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图像、声音、动画和视频信息及内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也是最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。第一节WEB页概述一、WEB基本知识WEB（WORLDWIDEWEB,简称WWW，又称万维网）是目前INTERNET上应用最广泛也是最重要的信息服务类型，它的影响已经进入了INTERNET上的广告、新闻、电子商务和展示信息等各个服务领域。WEB采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为请求处理应答。WEB以超文本标记语言HTML（HYPERTEXTMARKUPLANGUAGE）与超文本传输协议HTTP（HYPERTEXTTRANSFERPROTOCOL）为基础，通过浏览器为用户提供方便友好的信息浏览界面。WEB将位于全世界互联网上不同网址的相关信息有机地编织在一起。在WEB服务方式中，信息以页面（或称WEB页）的形式存储在WEB服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。这些到页面的链接信息由统一资源定位器URLUNIFORMRESOURCELOCATOR维持。用户通过客户端应用程序（即浏览器）向WEB服务器发出请求，服务端根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。WEB服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如NEW、FTP、TELNET、GOPHER及MAIL等）的无缝链接，特别适合于广域网中的信息组织、检索与显示。二、WEB关键技术在信息技术领域中WEB技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点，WEB界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。只要你愿意或是你能想到的服务，WEB几乎都能实现。WEB技术涉及诸多技术领域（一）网络硬件技术从两台或多台机器组成的对等网，到主机控制的以太网，再到活泼生动的因特网，每一处都需要有特定的硬件支持。1968年，当“LOGIN”的“LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时，标志着人类首次组网成功。组网技术经过几十年的锤炼，而今已经相当成熟了。网络硬件技术包括很多方面，其主要的作用就是把网络中的各种资源通过相关网络连接设备连接起来，实施网络通信和达到共享网络资源的目的。（二）WEB管理技术网络管理技术是一个永久的话题。网络管理的难点是安全性问题，涉及到防止来自内部和外部的攻击，这对管理员自身的技术是一个严峻的考验。一个合格的网管人员，除了管好网络，还得和黑客做技术上的较量。网络管理涉及的方面可谓种类繁多，简单地说，网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行，不受外界干扰，而维持网络系统设施所采取的一系列方式和措施。网络管理由网管员通过驾驭网络操作系统和网络管理软件来实现。WEB管理则是在网络管理的基础上，针对网络建设和维护所进行的一系列管理。诸如架设WEB服务器、文件传输服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。第二节开发工具的介绍一、DREAMWEAVER80梦幻网页的编制者DREAMWEAVER是创建和管理网页的专业化可视编辑器。使用DREAMWEAVER可以轻松创建跨平台、跨浏览器的页面。MACROMEDIA的ROUNDTRIPHTML技术允许用户随意导入HTML文档而无需重新设置代码格式。DREAMWEAVER可以为用户做到使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至可以检查用户的工作成果在所有流行的平台和浏览器中可能发生地错误。DREAMWEAVER还是一个完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，设置编写JAVASCRIPT代码扩展DREAMWEAVER的行为和属性检查器。至于DREAMWEAVER工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的DREAMWEAVER工作区组件有以下若干种（一）文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。（二）装载器中包含一些打开和关闭常用检查器和模板的按钮。（三）对象工具栏包含创建不同类型的对象（例如图像、表格和层等）的按钮。（四）属性检查器显示选定对象的属性。（五）快捷菜单可以使用户对当前选择或区域快速执行某些命令。（六）可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中二、MICROMEDIAFLASH80网页动画的制作软件MICROMEDIAFLASH80用于WEB站点的交互式的矢量图形和动画的制作，它可制作出用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。FLASH中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。FLASH的交互性的大部分设置就在ACTION和FSCOMMAND里，通过对ACTION和FSCOMMAND的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。FLASH以流控制技术和矢量技术等为核心，制作出的动画具有短小精悍的特点，被广泛用于网页动画的设计，成为当今网页动画制作最为流行的软件。FLASH具有操作方便、简单易懂的优点。初学者通过学习，可发挥他无限的想象力。三、ADOBEPHOTOSHOPCS3图像与动画的制作软件PHOTOSHOPCS3是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。（一）文字处理更加方便（二）增加的图层集使用层管理更有序。（三）新增图像功能图像的剪切和剪裁更加方便。（四）将所有工具的选项板改进为工具选项栏放置在工作区顶部方便先项参数的设置。（五）为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量功能得到了加强。第二章个人网站设计分析第一节相关术语一、INTERNETINTERNET，中文正式译名为因特网，又叫做国际互联网。它是由那些使用公用语言互相通信的计算机连接而成的全球网络，是一项正在向纵深发展的技术，是人类进入网络文明阶段或信息社会的标志。对INTERNET将来的发展给以准确的描述是十分困难的。但目前的情形使互联网早已突破了技术的范畴，正在成为人类向信息文明迈进的纽带和载体。INTERNET的全称是INTERNETWORK，译为“因特网”，也称国际互联网，简称互联网。它是世界上最大的互联网络，它本身不是一种具体的物理网络，是人们为了更好地理解INTERNET，而给它加上了一个虚拟的概念网络。实际上，INTERNET是把世界各地已有的各种网络包括计算机网、数据通信网以及公用电话交换网等互联起来，组成一个跨越国界的庞大互联网，因此也称为“网络的网络”NETWORKOFNETWORK。1TCP/IP协议是INTERNET的核心。网络互联离不开协议，INTERNET正是依靠TCP/IP协议实现各种网络互联的；没有TCP/IP协议，就没有如今的INTERNET。因此，TCP/IP协议是INTERNET的基础和核心。2INTERNET实现了与公用电话交换网的互联。由于INTERNET实现了与公用电话交换网的互联，使全世界众多的个人用户可以很方便地入网。用户只要有一台PC机、一条电话线和一个MODEM调制解调器，就可以连入INTERNET。这是INTERNET迅速普及的重要原因之一。我们认为在新世纪，全球化、信息化、网络化是世界经济和社会发展的必然趋势，INTERNET的迅猛发展正是顺应了这个趋势。它实现了在任何地点、任何时间进行全球个人通信，使社会的运作方式、人类的学习、生活工作方式发生了巨大的变化。二、HTMLHTML（HYPERTEXTMARKUPLANGUAGE）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。它主要是在原来文本文件的基础上，加一系列的标识符号描述其格式，形成网络文件。当用户使用浏览器下载文件时，就把这些标识解释成它应有的含义，按照一定的格式，将这些被标识的文件，显示在屏幕上。而HTML的标识符号并不显示在屏幕上。利用标识语言，可以将INTERNET上连接的不同地区的服务器上的信息文件连接起来；有的标识是去连接另一个文件，有的是形成表格，有的是接受用户信息等等。有了这些标识，用户在浏览器中看到的不再是呆板的纯文本，而是五彩缤纷的画面。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（HEAD）、主体（BODY）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。此外，还可以与数据库中的数据连接，满足读者的查询要求以及与用户交互的功能等等。三、站点所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件，所谓素材文件就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。四、超链接超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。五、URLURL（UNIFORMRESOURCELOCATOR的缩写），统一资源定位器，用来指明主机或文件在INTERNET上的位置。互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。对于WEB来说，可以简单并通俗把URL理解为网址。每个WEB网页都有自己的网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。例如，HTTP/WWWYAHOOCOM/INDEXHTML，其意思就是采用HTTP超文本传输协议访问雅虎网的首页，由于网页均是通过HTTP超文本传输协议进行访问，默认下，“HTTP/”可以省略不输。URL能以惟一且一致的方式定义每个资源在INTERNET上的位置，一个URL就是一个资源在INTERNET上的具体位置。六、IP地址从网络互联的角度来看，INTERNET的目标是将不同的网络互联起来，实现广泛的资源共享。网络互联的第一步是物理连接，由于信息传输的起点和终点都是对象即各类计算机，因此在物理连接中，首先必须解决对象的识别问题。在网络中，一般可以依靠地址识别对象，所以，INTERNET在统一全网的过程中，首先要解决地址的统一问题。为了使连入INTERNET的众多计算机主机在通信时能够相互识别，INTERNET中的每一台主机都分配有一个惟一的标识32位二进制地址，该地址称为IPINTERNETPROTOCOL地址，也称作网际地址。使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的IP（INTERNETPROTOCOL）地址，这如同公用电话网中的电话号码一样。IP地址是由专门的互联网机构来分配。IP地址具有惟一性，是由32位二进制数组成，分为四组，每组8位，每组之间用小数点分隔，在实际之中常转换成十进制数表示。由于INTERNET实际上是由若干个网络所组成的一个网际网，因此，IP地址又可认为是由网络号和主机号连接在INTERNET上，并有独立IP地址的计算机称为主机组成的，网络号表明主机所连接的网络，主机号标识该网络上特定的某台主机。七、CSSCSS（CASCADINGSTYLESHEETS），即层叠样式表的缩写。它能够对网页的字体、背景、颜色和特殊效果以更精确的控制，便于您更轻松地设计页面的布局。它具有对浏览器良好的兼容性、能够替代一些之前只有图像才能实现的效果。修改CSS代码，可以迅速更新同一页面的不同区域，甚至应用该CSS的众多网页外观和格式。第二节个人网站的由来和发展互联网在中国的出现只有十几年时间，1986年，中科院一些科研单位通过长途电话拨号到一些欧洲国家，进行国际联机数据库检索，这可以说是我国使用INTERNET的开始。1990年，中科院高能所、北京计算机应用研究所、原电子部华北计算所、石家庄54所等单位，先后将自己的计算机与CNPACX25相连接，利用欧洲国家的计算机作为网关，在X25网与INTERNET之间进行转接，实现了中国CNPAC科技用户与INTERNET用户之间的EMAIL通信等。1993年3月，中科院高能所为了支持国外科学家使用北京正负电子对撞机做高能物理实验，开通了一条64KB/S国际数据信道，使高能所与美国斯坦福线性加速器中心连接起来。1994年4月，中科院计算机网络信息中心用64KB/S国际线路连到美国，开通路由器，正式接入INTERNET网，成为INTERNET的第71个成员单位。该网络信息中心于1990年开始，主持一项世界银行贷款和国家科委共同投资项目中国国家计算与网络设施，在北京中关村地区建设了一个超级计算中心；为了便于各单位使用超级计算机，将中关村地区的30多个研究所以及北大、清华两所高校，全部用光缆连在一起。这时期，个人网站出现的条件还很不成熟，国内上网的人数很少，也缺乏支持个人建站的环境，用户很难找到理想的个人主页存放地。个人网站发展的第二阶段是从1997年初到1998年，这段期间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。第三节个人网站的设计和规划一、明确架设网站的目的及客户要求通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，个人网站一般体现在为了展现自己的风采，让大家一起分享个人的心得和经验，使其有共同爱好的朋友有一个可以倾诉的地方。二、个人网站概貌因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站技术设计，并尽可能地从访问者角度来编排栏目以方便访问者的浏览，而辅助内容，如站点简介、版权信息、个人信息等也未放在主栏目里，以免冲淡主题。三、功能划分在网站设计中确定首页的功能模块浏览者可以在首页浏览自己喜欢的内容，并且可以通过邮件的形式和大家交流，站内所有的页面设计、构思，包括图片的处理都是借助各种软件独立完成，并且很多的文章都是自己的精心收藏，与大家一起分享。四、功能描述个人网站设计的主页如下图所示（一）日志铭记在其中展示自己喜爱的东西、包括日志、精品文章和一些杂七杂八的文章。奇文共欣赏，疑义相与析。利用抛砖引玉的作用，让浏览者可以从中认识和了解自己，使大家共同欣赏美好的事物。（二）足迹游走时光利用编辑CSS各种样式，使图片和文字相得益彰，充分表达文章所要体现的风采，个别文章用锚标记的方法，方便浏览者更好地阅读文章。（三）相册亘古怀念主版面用FLASH的元素功能，提升网页的整体效果，进入次版面采取幻灯形式以大学同学和生活作为相册展示。（四）写信分享你我的故事一个静态网页始终给人一种呆板的感觉，缺少一种活力和生气。最好在网站上提供一些回答问题的工具以及其他具有交互性能的设计，使得访问者能从网站上获得交互的信息，从而使访问者有一种参与网络建设的新鲜感和成就感，像是网页中的EMAIL链接来以此分享各自的心情，利用邮件方式，彼此可以畅所欲言，就感兴趣的话题展开讨论，和浏览者进行沟通。（五）音乐每一个版面都利用FLASH插件来设置个人喜欢的音乐（六）页面设计在明确了个人网站的风格和定位后，就是网站的材料组织以及网站页面设计和代码处理。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块，结果不是让浏览者看得糊涂，自己扩充和维护网站相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引更多的浏览者来浏览网站呢栏目的实质是一个网站的大纲索引，索引应该将网站的主题明确显示出来。因此将自己的网站分为个五栏目，分别是日志、足迹、相册、随意的涂鸦设计以及写信留言。第三章个人网站的具体设计过程第一节创建站点1在DREAMWEAVER中，执行【站点】|【新建站点】命令。在弹出的【HTML的站点定义为】对话框中，输入站点名称；2选择【否，我不想使用服务器技术】单选按钮；3选择【在本地进行编辑和测试（我的测试服务器是这台计算机）】单选按钮，并在【您将把文件存储在计算机上的什么位置】文本框中修改当前需要存放文件的目录；4修改站点的根目录。第二节列出表格、框架、层1表格在网上做表格，简称“网表”或“在线表格”，是一个网页中用来进行网页布局的，在它的单元格中可以放置具体的内容，网页导出的表格形式为CSV格式，其中为行，为单元格表格一行的代码表示形式输入内容输入内容注代码增加单元行时，复制即可利用在代码中回车可以更换颜色，选择“BGCOLOR”,对齐选择“ALIGN”，合并单元格为“COLSPAN”、单元行为“ROWSPAN”等，而设置标题时。与此同时，右侧的标签设置具有FRAME和RULES属性的值也可以调整表格,其中（1）FRAME属性ABOVE显示上边框BELOW显示下边框BORDER,BOX显示上下左右边框LHS,RHS显示左边框/显示右边框HSIDE,VSIDE显示上下边框/显示左右边框VOID不显示（2）RULES属性ALL显示所有内部边框COLS仅显示行边框GROUPS介于行列间边框NONE不显示内部边框ROWS仅显示列边框2框架在制作一个网站的所有页面时，并不是每个页面的所有内容都需要改变，比如个人的LOGO、导航条和版权信息等部分在每个网页中都是一样，所以将这些不变的内容放在框架内作为单独的文档，需要改变的内容放在另外的框架中。要创建预定义框架集并在某一框架中显示当前网页，其具体操作如下将插入点定位到要插入框架集的网页中。选择插入HTML框架菜单命令，在弹出的子菜单中选择预定义的框架集或在插入栏的“布局”选项卡单击框架按钮中的向下按钮，然后选择预定义的框架集。完成以上操作后即可插入预定义的框架集。3层绘制层，用显示网格方式，跟随层可以达到精确定位的效果，在其中可插入的图像，并且图像用快捷键的方式可以随时增大或缩小，直至自己满意为止，其中在层的属性中，右尺寸左尺寸宽尺寸，下尺寸上尺寸高尺寸第三节网页文字、图像及多媒体元素的添加1网页文字的添加在表格内输入文字，由于设置问题，表格会自动地向右扩展，这时需设置表格自动增大，并将其属性改变，对于文字中的段落和不同的标题，可以通过页面属性进行修改来符合自己设计版面的要求。2网页图像的添加要想使图片达到最佳效果，并不是一件容易的事，很多人往往喜欢在网页上添加很多的图像，造成网页页面杂乱，主题不突出。其实网页中的图像不是越多越好。网页中使用的图片不要太大，一般情况最好单张不要超过2530K，每页图片总量不要超过60K这样站用的磁盘空间较少，网上传输时间较短。图像也可在表格中做背景，固定表格的大小，然后在背景上写文字，增添页面的美观3多媒体元素的添加（1）设置滚动文字使用MARQUEE标记可以将文字设置为动态滚动的效果，语法滚动文字；文字滚动方向DIRECTION（默认从右向左LEFT）；文字的滚动方式BEHAVIOR，语法滚动文字，滚动方式取值3个SCROLL循环滚动，默认效果；SLIDE只滚动一次就停止；ALTERNATE来回交替进行滚动。比如，进入主页“记忆城池”的设置。（2）添加背景音乐使用常用中FLASH中的插件、SHOCKWAVE插入背景音乐，文件类型为SWF、AVI等，并可调节播放音乐文件的宽、高。（3）添加FLASH视频插入文件格式为FLV、RM等，限制高宽比，涉及了播放器的外观以此配合网页的内容，像是亘古怀念里的再见的插入。（4）添加FLASH的按钮以及文字按钮增添的按钮有耳目一新的感觉，并可以链接到与按钮上输入文字相一的网页上。文字FLASH文字，可以变幻文字的颜色，并加入相关的链接。（5）关于FLASH元素可以用来对图片进行编辑，制作成为网页上的相册，在DREAMWEAVER右侧有其编辑器，其中IMAGEURLS为插入图片，CAPTIONCOLOR为图片标题，LINK为链接到某些网站，IMAGELINKTARKET为目标等。在属于我们纯真年代中，相册的制作是一个很好的示范。第四节关于锚链接和CSS样式一、锚链接锚链接实际上就是链接文本，又叫锚文本。在游走时光中，青岛一网页的三个内容采用了锚链接的手法，增加的锚链接都和页面本身的内容有一定的必然联系，它能精确的描述所指向页面的内容。二、CSS样式CSS就是一种叫做样式表（STYLESHEET）的技术。也有的人称之为层叠样式表（CASCADINGSTYLESHEET）。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，游走时光中三个版面的设计都有采用CSS样式，只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式它的作用可以达到（1）在几乎所有的浏览器上都可以使用。（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。（4）可以轻松地控制页面的布局。（5）可以将许多网页的风格格式同时更新，不用再一页一页地更新了。可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。式样单放在页面中，通过浏览器的解释执行，是完全的文本，非常的容易掌握，针对一些非常老的浏览器，页不会产生页面混乱的现象。第四章网站设计的心得第一节关于网页的质量（1）明确网站的主题和规划确定网站的主题，也就是确定所开发网站的类型，如教育类网站、房地产类网站、服饰类网站等。不同的网站确定的主题都有一定的归属，从而确定主题与设计风格。名称要切题，题材要专而精，并且要兼顾商家和客户的利益网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位的作用。网站规划书应该尽可能涵盖网站规划中的各个方面，网站规划书的写作要科学、认真、实事求是。在设计之前，需先画出网站结构图，其中包括网站栏目、结构层次、连接内容（2）网页设计总体方案主题鲜明在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。WEB站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的WEB站点把图形表现手法和有效的组织与通信结合起来。（3）网站的版式设计网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。（4）网页结构的清晰性使用一些醒目的标题或文字来突出网站的特点。如果浏览者从您的网站上不清楚您在介绍什么，他们是不会喜欢您的网站的，这就是网页设计的失败。（5）导向清晰。设置前进或后退，而不会在其使用浏览器时造成不必要的麻烦，可以回退到前页或是前进到后一页。第二节网页中的色彩搭配（1）白纸黑字是永远的主题，谁都说不出不好来。2）网页最常用流行色兰色蓝天白云，沉静整洁的颜色。绿色绿白相间，雅致而有生气。橙色活泼热烈，标准商业色调。暗红宁重、严肃、高贵，需要配黑和灰来压制刺激3）用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。4用两种色彩。先选定一种色彩，然后选择它的对比色。5用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，切记一些误区1不要将所有颜色都用到，尽量控制在三至五种色彩以内。2背景和前文的对比尽量要大绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。第三节图像、著名插件、导航按钮的使用一、图像的使用用户在网上四处漫游，必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。注意图画可以弥补文字之不足，网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次，同时要注意避免使用过大的图像，如果不得不放置大的图像在网站上，就最好使用THUMBNAILS软件，把图像的缩小版本的预览效