第一篇：个人网站设计经验谈
个人网站设计经验谈
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站设计有哪些基本要点，包括网站功能和以及访问者需要什么。你的整个设计都应该围绕这些方面来进行。下面笔者就自己在实践操作中的使用体会来谈谈网站设计的基本原则以及设计网页时的注意事项，希望能给初建网站的用户带来一定的作用。
一、网站设计原则
1、网页内容要易读
网站设计最重要的诀窍，恐怕就是你的网页要易读。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。
2、网站导航要清晰
所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向。
３、网页风格要统一
你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。
４、页面容量要较小
有研究显示，如果一个网站页面的主体在15秒之内显现不出来，访客会很快失去对该站的兴趣。如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。要限定页面的大小，就得从各个角度考虑节省。最大的一头是图像，有的好东西，只得割爱了。５、页面内容要新颖
网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。放眼望去，网上的许多个人主页简直就是“杂货店”，内容包罗万象,题材千篇一律，人人都是“软件下载”,个个都有“网络导航”，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。
二、网站设计事项
有了上面的设计原则作为指导，我们在具体建立网站时就应该紧紧围绕它来设计，下面就是笔者依据上述原则罗列出来的一些设计事项：
１、注意视觉效果
设计Web页面时，一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。
２、考虑浏览器的兼容性
当然现在IE所占的市场份额越来越大，但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑，如色彩的搭配，图形、线条的使用等等。要时刻为用户着想，必须最少在几种不同类型的浏览器下测试网站，看看兼容性如何。
３、随时注意网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
４、善用表格来布局
不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。
５、多学习和使用HTML
为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。因为用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
６、要为图片附加注释文字
给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。
７、少放网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
８、少用特殊字体
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
９、做个网站介绍
一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
１０、尽量少用Java程序
不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。
１１、要及时更新内容
网站建设起来，只是一个新的起点，你更要细心照料，并不断更新，以保持其常有的新鲜，若不能及时更新，也最好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。否则形同“死站”，让人以为你对他的信不屑一顾，更不会和你继续往来了。
１２、不宜多用闪烁文字
有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也。
１３、避免长文本页面
在一个站点上有许多只有文本的冗长页面，是令人乏味的，人们为了阅读这些长文本，不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读，从而节省宝贵的时间。
１４、动画最多只用一个
大家都喜欢用GIF动画来装饰网页，它的确很吸引人，但我们在选择时，是否能确定必须用GIF动画，如果答否，那么就选择静止的图片，因为它的容量要小得多。同样的尺寸的LOGO，GIF动画的容量有5K，而静止LOGO的只有3K。虽然只有2K之差，但多起来，就会影响下载的速度，所以，如果有些不是必须的，就选择最小的。
1５、不能忽视错别字
一个好的网站对设计的每一个细节都不会放过，哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字，要时时刻刻保持一种严谨的科学态度。
１６、善用图像
用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次，同时要注意避免使用过大的图像，如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。１７、每个页面都要有导航按钮
应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
１８、最好不用记数器
由于计数器也是由程序设计成的，显示计数器的过程其实就是在执行一个程序的过程，它需要占用用户宝贵的上网时间，况且大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。因此笔者建议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
１９、不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
２０、屏蔽图象时仍要保证网页的完整
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果，呈现在用户面前的仍是一个完整的网站。对于那些关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
２１、使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
２２、避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
２３、测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。２４、注意收集用户注册信息
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
２５、使网站具有交互功能
一个静态网页始终给人一种呆板的感觉，缺少一种活力和生气。最好在网站上提供一些回答问题的工具以及其他具有交互性能的设计，使得访问者能从网站上获得交互的信息，从而使访问者有一种参与网络建设的新鲜感和成就感。
第二篇：【网页设计-最新经典技术文档】网站设计风格和色彩搭配经验谈
【网页设计-最新经典技术文档】网站设计风格和色彩搭配经验谈.txt懂得放手的人找到轻松，懂得遗忘的人找到自由，懂得关怀的人找到幸福！女人的聪明在于能欣赏男人的聪明。生活是灯，工作是油，若要灯亮，就要加油！相爱时，飞到天边都觉得踏实，因为有你的牵挂；分手后，坐在家里都觉得失重，因为没有了方向。在一般人眼中，“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不断的发现，不断的认可。“如何设计一个成功的网站？”已成为越来越多的网页设计师所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验，在此只想抛砖引玉，提出自己的一些想法，欢迎高手指点！设计网站需要考虑的因素非常之多，从前期网站开始时的定位、设定网站框架、整理资料，到具体制作中的设计环节，再到最后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅仅从设计师的角度来整体把握我们这次想讨论的主题——如何设计成功的网站！由于篇幅有限，我们仅仅讨论设计网站时重要的两大部分：整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三种色彩以内。
2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的ＱＱ291911320图案作背景)，以便突出主要文字内容。
第三篇：个人网站设计论文
秦皇岛职业技术学院信息工程系
分类号： TP319
秦皇岛职业技术学院 课程设计（论文）
个人博客网页设计论文
学生姓专班指导教指导教师职名 王飞飞 业 计算机应用技术 级 1100103 师
称
目录
摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 关于网络的知识.............................................4
秦皇岛职业技术学院信息工程系
1.1 INTERNET的简介.................................................4 1.2 WWW的简介....................................................4 1.3网页基本构成元素..............................................5 1.4 制作网页前的准备..............................................5 第二章 网站制作实战...............................................6 2.1 站点..........................................................6 2.1.1 创建站点..................................................6 2.1.2 创建站点内容..............................................6 2.2 首页..........................................................7 2.2.1 设置首页布局和页面属性....................................7 2.2.2 查看和编辑头内容..........................................9 2.2.3 插入图像..................................................9 2.2.4 插入FLASH相册...........................................10 2.2.5 插入文本.................................................10 2.3 创建其它网页.................................................11 第三章 建立网页链接..............................................12 3.1 文字链接.....................................................12 3.2 图像链接.....................................................13 3.3在HTML语言中建立网页链接....................................14 第四章 网站测试与维护 …………………………………………………………17 结论………………………………………………………………………………18 参考文献 ……………………………………………………………………… 19 致谢………………………………………………………………………………20
摘 要
本论文主要是对个人网站的建立进行研究和探讨。作品的主要技术指标包括：
1、制作出一个具有静态技术的“个人网站”；
2、在制作的过程中，加强和 1
秦皇岛职业技术学院信息工程系
深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法、理论和更好的利用Fireworks、Flash制作网站需要的一些图片和影片。
本设计的主要内容包括：
1、个人网站的设计思想，整体规划及相关基础知识；
2、个人网站的首页设计，包括简单的HTML语言及效果图；
3、个人网站的调试。
网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，不可能像单独的网页那样做得内容少而单一。所以必须要找准一些自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。
关键词：技术指标
基本设计内容
网站规划 网站主题
前言
随着二十一世纪新兴科技的飞速发展，如今的交流与交往不再是那么的单调，看如今不曾再有五百里加急文件的传送，看如今已很少在出现写信、寄信。人们正在运用现世纪的高科技来增加自己的交际圈，来发展自己的人脉关系，秦皇岛职业技术学院信息工程系
同时，其它人也是通过高科技，悄悄的就能很容易地去了解，关注一个人。
正是因为人们的这些需求，所以出现了互联网，正是因为人们的需求，所以出现了如今的网络时代，网络通讯工具。来方便人们的交往，交际与沟通。也正是因为人们的需求，所以出现了个人博客，通过一人简单的网页来展现自己的独特魅力，自己的与众不同。真正的做到了“足不出户，便知天下人”。
互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上了信息化的道路。
我觉得一个网站的开始，应该有一个大体的规划，网站的布局是最重要的，它起着一个网站成功与否的决定性作用，因为布局的好与坏，带来的是网站整体上的美观效果及应用。网站内容上也能决定着网站成功与否，一个网站上的每个字眼都可能决定着这个网站，因为你不知道哪个字就是吸引别人的内容，就是大家都追捧的话题，就是很潮的事物，所以内容上一定要谨慎。再有，就是网站的图片，一定要确准好路径，以免图像的丢失而不能再网站中显示，其次就是链接，在Dreamweaver中提供了很简单的链接命令，根据其提示操作即可。
我做了一个简单的个人博客的网站，通过这个网站能让大家更深的了解我，同时更重要的是锻炼自己的实践能力，巩固自己学习的知识，弥补自己学习的不足。
第一章 关于网络的知识
1.1什么是Internet Internet是由众多的计算机网络互联而成的互联网，它覆盖了全世界各地，3
秦皇岛职业技术学院信息工程系
它是采用开放系统协议的计算机通讯网络。然而，Internet不仅仅是计算机的互联网，它还是全球最大的信息资源宝库，它提供了包括科研、教育、文化娱乐、商业和信息交流等各种各样的服务，使得世界范围内的人与人之间的交流在时间和空间上变的更小了。
Web页浏览：这是目前利用最广泛、最直接的互联网服务，通过浏览WWW（万维网）中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发明，找到众多的就业信息„„几乎想找到什么样的信息，就有什么信息。正是有了WWW、Internet才会变得如此丰富多彩，才能走进千家万户。1.2 WWW的简介
WWW的全称为World Wide Web，含义是“环球网”，又称“万维网”、3W、Web。WWW是一个基于超文本（Hypertext）方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本，也就是HTML(Hypertext Mark-up Language,超文本标记语言)文件，这些网页檔被放置到WWW服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在计算机上安装浏览器，如
Internet Explorer或Netscape，然后在浏览器中输入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将鼠标指针移动到某个地方（如文本或图像）时，鼠标指针就会变成一个小手形形状，单击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间动画和声音等信息。通跳转，我们之所以能在Internet的海洋中穿梭自如，正是超连接的功劳。
秦皇岛职业技术学院信息工程系
1.3网页基本构成元素
要学会制作网页，首先需要了解网页都是由什么元素构成的。文字：文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。图片：正是有个各种美丽的图片，网页才变得多姿多彩。动画：如今，网页上的动画越来越多，最常用的有GIF动画、Flash动画等。超连接：如上所述，超连接几乎是必不可少的。一个没有超连接的网页，就如同汪洋大海中的一座孤岛，失去了与外界的一切联系。其它元素：还可以在网页中添加声音、视频等元素。1.4 制作网页前的准备
计算机必备：计算机速度够快，最好能够上网。操作系统：Windows 98/NT/Me/2000/XP.其它软件：看图软件ACDSee、图像处理软件Photoshop、上传工具CuteFTP、Fireworks、动画软件Flash等。
秦皇岛职业技术学院信息工程系
第二章 网站制作实战
2.1 站点 2.1.1 创建站点
要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“my web”。填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。单击“下一步”，进入下一个步骤。在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其中储存站点檔的本地副本。单击该文本框后面的文件夹图示，之后单击“下一步“，进入下一个步骤。这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。而后“下一步”再“完成”，即可。2.1.2 创建站点内容
站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“檔/檔”面板，在弹出的菜单中选择“新建文件”，新建一个档后将其命名为“index.htm(或index.html),它就是未来的首页。
秦皇岛职业技术学院信息工程系
2.2 首页
2.2.1 设置首页布局和页面属性
一、设置首页布局
每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。当然，后缀名为html也是正确的。具体设置方法是：右健单击“檔”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。操作步骤：
1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。
2、将变成“+”形状的鼠标游标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。“index”表格布局如下图：
秦皇岛职业技术学院信息工程系
二、设置首页的页面属性
首先双击“檔”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。
在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目
“index”首页设置的属性如下图所示：
秦皇岛职业技术学院信息工程系
2.2.2 查看和编辑头内容
一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容主体内容（body）是文檔的主要部分，也是包含文本和图像等的可见部分。头内容（head）是除文檔标题外的不可见部分，包含有文文件类型、语言编码、搜索引擎的关键的关键词和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键词。2.2.3 插入图像
图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。首先将游标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏”的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，下面的“相对于”下拉表框中，可选择文件URL地址的类型，插入logo图像，如图所示:
秦皇岛职业技术学院信息工程系
最后单击“确定”按钮，即可完成插入图像的操作。2.2.4 插入FLASH相册
在Dreamweaver 8中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频，FLASH相册等媒体元素，并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。在Dreamweaver 8文文件中，可以插入媒体文件包Flash 相册、QuickTime、AVI java、applet Active X控件以及各种格式的音频档。要在浏览器中播放放Flash 相册，必须在浏览器中集成“Flash 播放器（Flash Player）”。操场作步骤：
步骤1、将游标停留在要插入Flash的位置，然后单击菜单栏下面“插入”的下拉列表，选择其中的“FLASH”分类，找到图像查看器命令，单击弹出保存对话框，选择要保存的地方和名称，点击保存。
步骤
2、在Dreamweaver中将会产生一个flash相册，在Dreamweaver中的最右边将会有一个flash元素，一次将flash的属性修改，既可完成一个flash相册的制作。2.2.5 插入文本
文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成部分，它是最关键的因素。插入文本的两种方式：一种是在网页编辑窗口中直接用键盘敲入文本。另一种是复制文本的方式。直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，10
秦皇岛职业技术学院信息工程系
具体步骤如下：打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将游标停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。这在我的“闲情逸致”中用到很多。2.3 创建其它网页
还有其它的几个网站与主页的制作相同，一个网页是图像和文字的组合。“相册”子页中的FLASH相册的插入和前面的介绍相同。
秦皇岛职业技术学院信息工程系
第三章 建立网页链接
网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁。网页中的很多对象都可以加入“链接”属性。在Dreamweaver 8中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。3.1 文字链接
“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。操作步骤：
步骤1、准备好已经制作完成的首页的各个栏目页面
步骤
2、在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。步骤
3、观察“属性面板”，其中包括一个“链接”文本框。步骤
4、接下来需要把链接的位址加入到文本框中。
步骤
5、在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：
步骤
6、还可以设置一些“链接”的属性，单击“属性面板”中的“页面 12
秦皇岛职业技术学院信息工程系
属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。
步骤
7、至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“放松心情”这4个文字上时将变成手形，并且浏览器窗口下面的状态区中会显示链接到的网页的位址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。
步骤
8、同理，按照以上步骤，再为“闲情逸致”和“个人主页”等其它栏制作指向对应栏目的链接。
至此，整个“文字链接”的实例就全就全部完成了。3.2 图像链接
“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“my web“为例，讲解如何建立“图像链接”。操作步骤：
步骤
1、首先仍然要准备好已经制作完成的首页和各个栏目的页面 步骤
2、在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。
步骤
3、观察“属性面板”，在“链接”文本框中输入链接的文字位址。步骤
4、如果有需要，可以在“目标”下拉列表中选择“链接”网页显示 13
秦皇岛职业技术学院信息工程系 的窗口方式，分别为-blank、-parent、-self或-top。
步骤
5、至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗口下面的状态区中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。
步骤
6、同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。
步骤
7、在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页。
至此，整个“图像链像”的实例就全部完成了。3.3在HTML语言中建立网页链接
一、文字链接
在HTML语言中用超链接标记指向一个目标。其基本格式为：举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。
a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank)
相册（原窗口，默认为空）
第四篇：个人网站设计策划书
个人网站设计策划书（一）
一、功能定位：为了学习与交流，也为了更好的普及计算机以及网络的应用，结合本人需要，打算在网络上建立一个真正属于自己的网络家园，一个个人网站，在网站上我可以和很多朋友交流学习，并且可以自由畅所欲言，吐露心声、二、网站的规划，大致分为：“心情日记”、“网络素材”、“个人信息”、“与我联系”、“论坛入口”等板块、“心情日记”：主要介绍了我的生活习惯，以及我为人出事的态度或性格，提供给关心我的朋友们做了解。可以坦述出自己的生活中发现的最喜欢的东西。
“网络素材”：主要内容就是一些常用的工具素材。声音，图象，音乐，视频，动画等内容
“个人信息”与“与我联系”：主要内容就是我的个人联系方式啦，在这其中，你可以通过个人方式联系到我，让我时时刻刻留在朋友身边。
“论坛入口”：主要就是谈论一些关于计算机以及网络的应用。如：Photoshop、Flash、Dreamweaver等软件的交流应用。
三：为我的网站加入声音，图象，音乐，视频，动画等内容，使网站更加绚丽，给朋友留下更深刻的印象。
四：申请自己的域名和空间同时也准备好联系用的邮箱和QQ等网络便捷联系方式。
五：网站发布与推广：把自己的个人真实资料递交给中华人民共和国信息产业部，进行相关的ISP或ICP备案，自此个人网站的全部工作已经结束，就可以向朋友们宣传我的个人网站了，并欢迎所有的朋友及网友来我的网站做客，并留下自己的意见或感想。让网络真正步入我的生活。
六、费用：
1、域名和空间的费用：150元/年
2、网站推广费用：1000元
3、网站维护费用：100元/年
4、其他费用：200元
个人网站设计策划书（二）
个人网站建设方案要明确主题，无论是宣传自己还是推销个人，在设计上可适当形成一种个人风格，要明确主次，主要的可放在显要位置、加粗或变颜色等。从而使浏览者第一时间产生视觉效果。达到好网站的要求，另外个人网站建设在设计上不要太过花，许多个人网站做得很花，看上去很不够专业，还有点让人讨厌的感觉，想想这样的网站能留住几个人。一个成功的个人网站，前期的准备工作是至关重要的，好的开始等于成功的一半。在这一阶段有三个主要的问题需要考虑：
一、站点定位：
对于个人网站建设前期的定位是相当重要，你必须了解你做这个网站的目的，是为了宣传自己还是展示自己的爱好，本人感觉最好是定位在自己感兴趣或者自己工作的行业中，这样自己可能会对所确定的主题行业了解的更多些，很多人在建站初期总是喜欢在主页里堆积大量感兴趣的内容，但个人的精力总是有限的，因为无力维护而导致站点更新缓慢、内容匮乏，与其这样，不如选定一个主题做出自己的风格，不求大而全，但求小而精。
二、空间选择：
目前大部分个人网站还使用免费空间，免费空间其一会插一些提供商的广告，其二速度慢，这些大家应该都知道本人感觉个人网站建设应该选择一款优惠的空间，其一相对稳定，其二有自己独立的域名。
三、网站建设期：
主题定位好了就要收集素材，和整理资料，要制作成功的个人网站熟练掌握设计和图形处理的技巧是很有必要的，网站建设最重要的莫过于设计和内容，我们这里谈一谈设计。
个人网站建设方案要求：
在导航上要尽量清晰明了，布局合理，层次分明，页面链接层次不要太深，尽量让用户用最短的时间找到需要的资料。
风格要统一：保持统一风格，有助于加深访问者对你的个人的印象。
色彩要和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则。
动态效果不宜太多。
技术方案中要注意的一些事项：
不要沉迷于技术的运用，少用那些华而不实的特效；
统一网站的CSS，有助于保持整个站点的风格统一，并且方便修改；
不要有弹出窗口效果。
图像处理上要尽量处理得小些，有助于浏览速度。图片的合理压缩可以让页面美观而且文件小巧。
不要试图用禁用鼠标右键等功能为你的主页加密，只会让你失去更多支持者；
总之：个人网站建设方案要明确主题，无论是宣传自己还是推销个人，在设计上可适当形成一种个人风格，要明确主次，主要的可放在显要位置、加粗或变颜色等。
第五篇：Asp个人网站设计
目 录
1． 硬件及软件的需求准备；„„„„„„„„„„„„„„„„„„„„„„„„第3页
1． 1 硬件的基本要求； „„„„„„„„„„„„„„„„„„„„„„第3页 1． 2 软件平台的需求； „„„„„„„„„„„„„„„„„„„„„„第3页 2． Asp及office access数据库等软件的简要介绍；„„„„„„„„„„第3页
2． 1 对html的简要介绍； „„„„„„„„„„„„„„„„„„„„„第4页 2． 2 网页的组织与安排；„„„„„„„„„„„„„„„„„„„„„„第4页 2． 3 对asp的简要介绍；„„„„„„„„„„„„„„„„„„„„„„第4页 2． 4 对IIS的运用；„„„„„„„„„„„„„„„„„„„„„„„„第5页
2.4.1 IIS的简要介绍；„„„„„„„„„„„„„„„„„„„„„„„„„第5页
2.4.2 IIS的安装；„„„„„„„„„„„„„„„„„„„„„„„„„„„第5页
2． 5 数据库office access的简要介绍；„„„„„„„„„„„„„„„第6页
2.5.1 Access 组件介绍； „„„„„„„„„„„„„„„„„„„„„„„„第7页
2.5.2 创建数Access据库介绍； „„„„„„„„„„„„„„„„„„„„„第7页
2.5.3 通过ADO连接并操作WEB数据库的步骤；„„„„„„„„„„„„„„„第14页
3． 对摄影之家网站的大体要求，对网站结构功能模块的详细设计；„„„第15页
3． 1 摄影之家的主要功能介绍；„„„„„„„„„„„„„„„„„„„第15页 3． 2 本网站数据库结构介绍；„„„„„„„„„„„„„„„„„„„„第23页 4． 网站的实现与运行 „„„„„„„„„„„„„„„„„„„„„„„„第25页 5．
总结 „„„„„„„„„„„„„„„„„„„„„„„„„„„„„„„第25页
参考文献 „„„„„„„„„„„„„„„„„„„„„„„„„„„„„„„„第26页 致谢 „„„„„„„„„„„„„„„„„„„„„„„„„„„„„„„„„„第26页
Asp个人网站设计 [论文摘要]:现在asp的发展也已经有好几年的历史了，走在前面的人也已经作了许许多多的工作，通过大家的努力asp技术是越来越完善了，功能也已经是越来越强大了，也已经是一个相当成熟的软件开发工具了，最近有asp.net的出现，是从asp发展而来得。Asp.net的功能是比asp更为的强大，但是asp更受到初学者们的喜爱，因为它在容易上手方面有其独到的一面。本篇论文主要讲述的是asp前台与office access数据库的操作，可以实行最基本的功能如，试题的更新，考试的执行，以及自动评分的功能。
[关键词]：asp、office access 数据库、对象、IIS、Vb脚本语言、J脚本语言
前 言
当今的社会，随着科技的进步，时代的发展，计算机信息行业的逐步壮大，人们也越来越离不开各种各样的信息了，人们对信息的追求也越来越迫切了。因此计算机信息的发展也必须适应这一朝流。
最近，为了满足人们各自兴趣如网上交流摄影心得，抑或参考别人的好的作品的要求，社会上有不少的知名的与不知名的各类摄影网站，摄影论坛等来帮助人们提高摄影水平所以我就有了学习建设个人摄影网站用于同共同爱好者进行交流的愿望。这对我自己对我的几个朋友也有很大的好处。建设这个个人的网站既满足了自己的爱好，又可以学到自己需要的知识。其中有必要留下留言本什么的用于了解大家对网站的意见，不然的话，本网站又如何来使大家的水平有所提高呢？
我作的摄影之家的课题也可以说是专门聊天室的一种，用来摄影爱好者相互交流心得体会的平台，前台的制作利用asp及其脚本语言vbsript，而后台则是用了微软的office access数据库用ado对象进行连接。
由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望大家提出宝贵的意见和批评。
1、硬件及软件的需求准备
1.1硬件的基本要求
对于硬件的要求，现在已经是2004年了，目前的个人电脑基本上都符合这个程序的浏览与运行，就是说浏览器端的电脑，目前只要是上得了英特网的就可以了，这个也是体现了asp的好处，浏览端只是提出一个要求，服务端根据浏览器的要求得到答案，并返回给浏览端。
服务器端的电脑硬件的要求，基本上是可以运行microsoft windows 2000 server就可以了。
1．2软件的基本平台
软件平台需要服务器上的操作系统为microsoft windows 2000 server。因为asp的开发平台首选是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的office access数据库，因为一个数据不是很庞大的个人网站没有必要使用ocacle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。
2．Asp及office access数据库的简要介绍
2．1 Html简介
HOMEPAGE（主页）是可以通过4/frameset.dtd“>