个人网站设计心得

第一篇：个人网站设计心得

从独立维护一个网站的角度出发，在技术知识上，我把需要掌握的知识划分为五部分：

一、基础知识

包括一定的美术创意，去掌握一定的美术基础知识。

计算机基础知识，计算机原理、计算机软硬件配置，安装和维护。

二、基本技能

包括：Html,Dreamweaver,s,Photoshop,Flash,Frontpage,CSS,Access

三、中级技能

包括：Javascript,Vbscript,ASP,JSP,DHTML

四、高级技能

包括：PHP,SQLServer,ActiveX,五、附加知识

包括：Ultraedit,3DMax,多媒体，CorelDraw,Illustrator,Freehand,局域网知识

如果你掌握了以上所有技能，那我相信你完全可以独立地维护一个企业的动态网站了，你一定会成为所有公司所需要的抢手人才：）以上内容由空间申请站长整理，转载时请注明！

第二篇：杭州网站设计心得汇总

杭州网站设计心得汇总

对于杭州网站设计这一块，大家一直关心的是怎样设计自己的网站?那么杭州网站设计网站制作公司蒙特就给大家分享一下我们是如何建站的：定位网站的主题和名称

网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。

每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐等小类，音乐又可以按格式分为MP3，VQF，Ra等，按表现形式分古典，现代，摇滚等。同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛(旅游+讨论)，经典入球播放(足球+影视)按这样分下去，题材可以有成千上万种。这么多题材，如何选择呢?遵循的原则如下：

1、主题要小而精

定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有你认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有，却样样都很肤浅，因为你不可能有那么多的精力去维护它。网站的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果我需要买某一方面的东西，肯定会选择专买店。

2、题材最好是你自己擅长或者喜爱的内容

比如：你擅长编程，就可以建立一个编程爱好者网站;对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。

3、题材不要太滥或者目标太高。

“太滥”是指到处可见，人人都有的题材;比如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。

如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIII的中文名称“奔腾”，如果改为“奔跑”，可能就没有今天这么“火”了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。杭州网站设计、网站制作公司蒙特的的建议是：www.xiexiebang.com1、名称要正

其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。

2、名称要易记

最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字(最好四个字)以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。

3、名称要有特色

名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。在体现出网站主题的同时，能点出特色之处。

第三篇：网站设计实习心得实习心得

本次实习我主要负责的是网站框架的主页部分的设计与制作，我利用面向对象的方法将主页分成了五个模块，每个模块对应于一个子页面，并通过超链接将该模块与对应的子页面链接起来。主页是整个网站的基础，它既要内容充实丰富以致于不空洞，又要有一定的扩展空间以便于动态更新，因此主页在整个网站制作上占有至关重要的地位。在这个过程中主要涉及的是网页制作方面的知识，以及页面的排版与美化。

关于餐饮娱乐页面的制作就比主页简单一个，它是对主页上的一个模块的详细展示。这个页面我查阅了相关资料，利用了网上了部分图片，对武汉市的餐饮娱乐方面进行了具体的介绍。涉及到的相关技术与主页的制作一样。

另外，我还制作了地图导航页面的部分功能，主要是根据ArcGIS Server从入门到精通上

第八章的内容做的。在这个过程中，我发现很多功能比如放大缩小、漫游查询等都是以前编程实现过的，而现在这些功能直接封装在模版网页里面了，这样利用模版网页就会节省很多时间。虽然最后地图导航部分采用的是温亚威同学制作的页面，但是我还是学到了不少知识，学会了简单地图类网页的制作以及模版网页的制作方法。起码现在能够制作一幅简单的武汉电子地图了。

旅游景点页面的制作我采用了与餐饮娱乐页面的制作一样的版式和结构。不过最后还是觉得太单调了，最终采纳了温亚威同学的页面。关于对武汉市的简介页面，我也查阅了很多资料，进行了相应的设计。

在这次实习的过程中，刚开始觉得无从下手，去图书馆借阅了好多资料，发现代码看的是一头雾水。后来通过查看参考网站上的源代码，渐渐懂得了一些，开始制作的时候就有了一些思路。看来仅仅看书上的代码是不够的，还是要通过实践才能发现问题，解决问题。总之，本次实习，我学到了很多课堂上根本学不到的东西，发现了学习和交流的重要性和必要性，深感到只靠一个人的力量是不够的，只有大家互相交流，集思广益，才能更好地促进学习。在实习时，感觉到自己的基础知识还不够扎实，温故而知新，不仅巩固了所学的知识，还扩展了新的知识，例如学到了不少ASP.NET的知识。希望以后能够有更多这样的实习。

第四篇：个人网站设计入门的一点小心得

第一章网站内容简介········································ 3 1.1网站内容简介··············································· 3 1.2网站建设目的················································ 3 第二章站点规划················································ 4 2.1 软件准备及素材收集··································· 4 2.2 确定用户群体··············································· 4 2.3 设计结构风格··············································· 4 第三章网站的制作过程···································· 5 3.1 首页制作过程 ············································· 5 3.2 其他页面的制作 ········································· 5 3.3 制作体会 ····················································· 5 第四章 Web服务器搭建过程···························· 6 4.1安装IIS ························································· 6 4.2 IIS中WEB服务器的基本配置··················· 6 第五章虚拟主机、域名、网站上传················ 7 5.1 虚拟主机 ······················································7 5.2 域名的申请和绑定 ······································ 7 5.3 网站的上传···················································· 7

第一章网站内容简介

1.1网站内容简介

本网站是以本专业通信工程为主题，里面主要包含专业部分介绍、考研、课件、软件、电影、游戏、图片、音乐等内容。

下图为网站首页：

1.2网站建设目的

在接触网页设计后，本人抱着实践与理论相结合的目的，以本专业通信工程为主题动手开发了这个网站，希望搭建一个能让同学们了解专业动态、资料共享、学习娱乐相结合的平台。

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。

所以网站建设目的很重要，网站构思之初首先就应该考虑好建设网站的目的。

第二章站点规划

2.1软件准备及素材收集

因为本人网站构造比较简单，对网站制作知识也欠缺，所以软件和素材也未做何准备，都是遇到需要什么就下什么，刚开始只采用网页制作常用的Dreamweaver 8，后来涉及到加入其它元素和服务器的构建,虚拟空间上传就用到了Adobe Flash Cs3,PhotoShop Cs5, FileZilla Client，IIS V5.1等，素材方面都是临时从网站上收集的，不过经过本次实践，本人已经收集了网站制作必须用的各种软件和大量素材，为以后的网站开发打下了良好的基础。

2.2确定用户群体

不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。

本网站预计的用户群体：对于网站的设计者和建设者来说，在设计规划网站时必须要明确自己网站的浏览者，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。

2.3设定结构风格

本网站的结构和风格：本网站的结构和风格等于以首页为模板制作整个网站。

网站的风格反映了一个网站的特色，它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢？网站的结构是连接网站内容之间的支架。网站的结构是网站的核心和骨架，如果没有网站结构，网站将会变得一团糟。现在，只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。

所以刚开始建设站点就应该根据主题设定好网站的结构及风格。

第三章网站制作过程

3.1首页制作过程

首先展示一下首页的布局情况如下图所示：

从上图当中应可以大致看出网页的布局模式，下面我简述下，首先进入DW中设计窗口，插入表格，设定好行与列，然后进行DIV布局，1、顶部部分，其中又包括了LOGO、导航和背景音乐等；

2、内容部分：主体内容，链接；

3、底部，包括一些版权信息，联系方式。

个人认为这个首页做的很不好，不具有美观性

3.2其他页面制作过程

其他页面基本上是以首页为模板，然后加入相应栏目的链接，指向自己分享的资源。

3.3制作体会

待整个网站主体结构大致建设完毕后，再进一步完善时，我这才体会到静态网页是多么的麻烦，例如要加入链接或资源时我需要一个个页面打开来然后逐一添加，还有很重要的一点是交互性不强，我仅仅只是添加了一个QQ交谈用来与用户的交谈，QQ交谈不在线的时候留言也很不稳定，造成用户反馈失败。如果是采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、文章管理等等。

第四章 WEB服务器搭建过程

4.1 安装IIS

1.首先下载IIS 安装包，window xp的下载iis v5.1 下载后解压到指定文件夹。2.然后进入控制面板-添加或删除程序-添加/删除windows组件-勾选IIS-点击详细信息-选中WEB服务-确定-下一步-弹出来的对话框-把你刚刚解压的安装包的路径复制进去-中间需要反复复制几次

4.2 IIS中 Web服务器的基本配置

IIS中 Web 服务器的基本配置主要包括如下几部分：

1.打开IIS服务器的配置窗口，选择“开始”→“程序”→“管理工具”→“Internet服务管理器”，或者“选择”→“控制面板”→“管理工具”→“Internet服务管理器”也可。

2.在打开的窗口中鼠标右击“默认Web站点”，选择“属性”菜单。3.在出现的“默认Web站点属性”窗口中，选择“主目录”标签，用以设置Web内容在硬盘中的位置，默认目录为“C:Inetpubwww.xiexiebang.com域名目前个人不允许申请注册，所以要申请则需要提供企业营业执照。）

2、寻找域名注册商；

3、查询自己需要注册域名是否能注册；

4、查到想要注册的域名，并且确认域名为可申请的状态后，提交注册，并缴纳年费。

5、申请成功：正式申请成功后，即可开始进入DNS解析管理、设置解析记录等操作。

域名绑定：国内主机的域名绑定由于要备案，所以申请的时候，首先注册好域名，然后提供正式的域名申请表，企业营业执照副本复印件，介绍信和承办人身份证复印件等材料，经过人工审批后，一般需要一个月到两个月的时间。一般域名注册和虚拟主机在同一家服务商购买，方便以后的维护、续费等。

5.3网站的上传

网站测试完毕，虚拟主机和域名注册都已经准备好，然后就是网站的上传了，一般我们虚拟主机上传都采用FTP工具上传，我用的是FileZilla Client 上传工具，在软件中设置好站点信息（IP地址，用户名，密码等），然后连接，进入到你需要上传的文件所在目录，选中你上传的文件上传即可，如果是一整个网站上传的话，压缩后上传再在虚拟主机上解压这样要快的多，而且不易丢失单个的文件。

第五篇：个人网站设计论文

秦皇岛职业技术学院信息工程系

分类号： 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)

相册（原窗口，默认为空）

留言