第一篇：网页制作过程中的经验总结
网页制作过程中的经验总结
网站设计的一些小经验分享，网站首页是对所提供的文章及特色服务精心设计与组合的载体，能有效地引导用户快速查找到所需新闻或服务，并实施单击浏览行为。首页设计是网站设计的关键所在。
1、首要位置，用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。
2、FLASH的运用，外贸网站建设虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。
3、产品特点，又以手机B2C举例，在以往的手机B2C客户那里，深圳网站建设我了解到，配件的利润在很多时候是高于手机的。例如销售一张2G存储卡，利润要高于销售一台中高端的手机。那么，在这样的情况下，配件属于该网站的主推类别，配件的搭配试销售、引导用户穿插购买、如何增加单笔订单的总结额，便成了我重点需要考虑的地方。而换做该电玩B2C，首先，我知道目前流行的机种中，只有索尼的PS3尚未破解，欲玩PS3游戏须购买正版游戏光碟，那么，PS3的光碟是否畅销，利润是否可观，直接影响到该类别在网站种占到的比重及推荐强度，如得知正版碟并无利润，仅做为丰富网站内容
之用，那么该类别的产品的推荐程度，所占比重，自然要进行弱化设计。
4、层次关系。图像的比例关系等空间因素表示进去。网页设计中，三维空间的构成和虚拟现实 网络上的三维空间是一个假想空间。图片。文字位置前后叠压 或页面位置变化所产生的视觉效果都各不相同。网站上常见的页面上。下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人发生轻松或紧迫的感受。
5、浏览器兼容性，太多的网站首页中加入了“请在800×600分辨率下使用IE浏览器浏览本网站”等字样的文字。我是安装了IE、NC和Opera，因为我要制作网页，需要它们来检验网页在这些浏览器下的可读性。但一般用户不会安装那么多的浏览器，更加不会牢记着哪个网站需要用哪个浏览器浏览。
网页设计之后，你需要花费额外的时间维护你的精心设计。毕竟，他们不仅吸引了读者的眼球，更是网站设计的重要组成要素，维护是必不可少的因素。
参考资料：深圳网站建设http:///website/
第二篇：网页制作经验总结
目录：
1.域名前面加图标
2.插入关键字，说明等（书上是P89）
3.利用模板做网站
4.如何提交关键字，才能达到更好的产品推广效果
5.常用HTML代码
1.域名前面加图标
ico文件制作第一步：用画图软件做一个16*16（32*32）的图像文件，为jpg或gif格式；第二步：然后通过
1、http:///html-kit/services/favicon英文网站
2、http://“>
注意：其中的5是指停留5秒钟后自动刷新到URL网址。
4.Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。
用法：
expires=Wednesday, 21-Oct-98 16:14:21 GMT;path=/“>
注意：必须使用GMT的时间格式。
5.Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法：
注意：用来防止别人在框架里调用你的页面。
5.Content-Type(显示字符集的设定)
说明：设定页面使用的字符集。(我们在前面字体设计中已经介绍过它的作用)
用法：
●meat标签的NAME变量语法格式是：
其中xxx主要有下面几种参数：
1.Keywords(关键字)
说明：keywords用来告诉搜索引擎你网页的关键字是什么。
举例：
2.description(简介)
说明：description用来告诉搜索引擎你的网站主要内容。
举例：
life, the universe, mankind and plants.“>
3.robots(机器人向导)
说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例：
4.author(作者)
说明：标注网页的作者
举例：
以上是meta标签的一些基本用法，其中最重要的就是:Keywords和description的设定。
为什么呢？道理很简单，这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问
你的站点!
根据现在流行搜索引擎(Lycos，AltaVista等)的工作原理,搜索引擎首先派出机器人自动
在www上搜索，当发现新的网站时，便检索页面中的keywords和decription，并将其加入到自己的数据库，然后再根据关键词的密度将网站排序。
也就是说：
1.如果你的页面中根本没有Keywords和description的meta标签，那么机器人是
无法将你的站点加入数据库，网友也就不可能搜索到你的站点。
2.如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面
被点击的可能性也是非常小的。
所以,我们必须记住添加keywords和description的meta标签，并尽可能写好关键字和简介。
写keywords的禁忌是：
1.不要用常见词汇。例如www,homepage,net,web等。
2.不要用形容词，副词。例如最好的，最大的等。
3.不要用笼统的词汇，要尽量精确。例如不用”摩托罗拉手机“,改用”V998“等
寻找合适的关键词的一个技巧是：到lycos,Alta,infoseek等搜索引擎，搜索与你内容相仿的网站，查看排名前十位的网站的meta关键字，copy下来用到自己的站点上。
这里，我们举一段微软多媒体网站的关键字供你参考：
小资源:人们最常用的一些搜索词(即关键词)可以到
两个网址一看，那里有每个月网上最流行搜索词的排行榜.另外为了提高搜索点击率，这里还有一些”邪门歪道“：
1.为了增加关键词的密度，将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。
2.在图象的alt注释语句中加入关键字。
如：
3.利用HTML的注释语句，在页面代码里加入大量关键字。
用法：
如何提交关键字，才能达到更好的产品推广效果
1.利用模板做网站
另存为 模板——插入记录--可编辑区域——新建从模板
4.如何提交关键字，才能达到更好的产品推广效果
2、为什么网页标题或摘要中一定要含有查询关键字？
答：即使您排在搜索结果的第一位，点击率既可能高至90%以上，也可能低至10%以下，决定因素是您的网页摘要的相关性。而用户判断相关性的首要因素是您的网页标题或摘要中是否含有他输入的关键字。所以您一定要配合您选择的关键字，认真填写您的网页摘要，使您的网页摘要与各关键字相关，以吸引访问者。
3、为什么要在标题或网页描述中前20个字要出现查询关键字？
答：竞价排名是通过提交产品关键字来寻找产品的潜在客户，您要为每一个产品关键字撰写产品标题和产品的网页描述，例如：产品性能介绍、产品价格和购买电话等。这样可以吸引访问者，更准确地寻找产品的潜在客户。为了达到更好的推广效果，建议您一定要将与产品关键字最直接的介绍撰写在网页描述的前面。
4、我可以提交多少个关键字，是1个还是2个？
答：关键字数量不受限制，您可以提交多个关键字。您可以为您的任何一个网页选择任意多个关键字，网民搜索这些关键字中的任何一个时，您的网页介绍信息都会出现在搜索结果最前列。
5、我提交的关键字可以搜索出我的网站，没有提交的关键字就不出现我的网站吗？
答：您没有提交的关键字的有可能会出现您的网站。竞价排名系统采用“智能搜索”，会让客户的网站显示机会大大增加，从而被更多潜在客户看到。若检索词有竞价排名客户购买，直接出现竞价排名客户网站；若检索词没有竞价排名客户购买，那么智能搜索将会查找该行业通用词，显示所有购买了行业通用词的竞价排名客户网站。
6、我没有提交的关键字也出现了我网站，关键字如何计费呢？
答：竞价排名系统采用智能搜索，系统将会智能判断用户的搜索请求，当网民的搜索请求和竞价排名用户注册的关键字内容非常相关，就会在搜索结果页面显示客户的推广网站（或网
页）。例如：用户搜索“我要买鲜花”，而竞价排名的客户中没有人购买这个关键字，那么系统会自动进行智能搜索，查找该行业通用词“鲜花”，自动显示“鲜花”的竞价排名客户，如果发生了访问将会按“鲜花”的访问价格收费，同时在统计报告里记录一次点击和相应的消费金额。
7、我可以为我的网站选择任何搜索关键字吗?
答：不可以，为了保证网民检索结果的质量，只有跟您的网页紧密相关的关键字才能通过审核。
以下几种情况，均属于与网页内容无关：
（1）与您公司的产品无关，关键字是其竞争对手或同行业其他企业的公司名称或产品；
（2）网站上没有与关键字相关的内容的网页，不能选择该关键字；
（3）关键字不能是：公司产品应用的领域、提供的服务涉及的范围等等；
（4）通用词汇：求职、招聘、下载、免费、企业、公司、服务等，网站必须有大量该领域的相关内容才能通过审查，如果只提供该领域的一种或很少的几种产品或服务，不能通过审核。
8、我可以用产品名称做为关键字吗？
答：可以。与关键字匹配的url所指的网页上必须含有与关键字相关内容，如某网上商城，虽然有一页的产品是鼠标，但如果首页上没有与鼠标相关的内容，那么关键字”鼠标“不能指向该网站首页，只能指向含有鼠标的页面。
9、我公司是西门子的一级代理，可以提交西门子做为关键字吗？
答：您不是西门子公司的网站因此原则上是不可以用其他公司名做为关键字提交，而您是西门子的一级代理并在线销售相关产品，因此您需要修改标题和网页描述。
例如：易趣网在提交“西门子”关键字
标题：易趣西门子电子专区
网页描述：无论是手机，电话，还是各类西门子电子产品，在易趣您都可以找到最多最好的。
并将网站ＵＲＬ指向关键字相关页面。
10、同一个关键字，我可以注册多个网页吗？
答：不可以。我们不希望网民搜索一个关键字的时候，搜索结果中出现大量来自一个网站的网页。一般情况下，您只能为一个关键字注册一个网页（url）
以下四种情况，均属于重复提交关键字：
（1）同一个网站上的不同网页，不能注册相同的关键字；
（2）网站有多个不同的网址（url），均指向同一个网页，那么这些也不能注册相同的关键字；
（3）使用竞价排名系统开了多个不同的账户，也不能为网站里的网页重复注册同一个关键字；
（4）网站有多个镜像站点，同一个关键字不能匹配多个镜像网站。
11、我可以选择上海、美国这些地名做为关键字吗？
答：如果您选择的关健字属于地理名称或地区名称，那么，您的网站必须提供该地区的信息、政府机构、或具有吸引力的事件、活动，或提供与该地区相关的服务如旅游、鲜花快递、留学移民等。仅仅在您网站上有该地名是不够的，仅仅您的企业或网站名称中含有该地名也是不够的，都不能通过审查。比如上海当地的门户上海热线，或者某旅游网站关于上海的栏目可以选择”上海“作为关键字，但”上海汽车厂“不能选择”上海“作为关键字，某旅游网站的首页也不能选择”上海“作为关键字，只有专门介绍上海的那个网页才能注册关键字”上海“。
12、我可以选择教育、下载、公司、服务这些热门通用词汇吗？
答：如果您选择的关键字属于通用词汇，如教育、娱乐、金融、免费、下载、服务、企业、公司等，那么您的网站必须有大量该领域的内容才能通过审查，如果你只提供该领域的一种或很少的几种产品或服务，那么不会通过审查。各种媒体和娱乐类关键字，如书、小说、杂志、cd、dvd，音乐、电影、游戏、mp3等，也只有提供大量相关信息或服务的网站才能选择。关键字查询信息中，您填写的标题和描述也必须与您的网站（或网页）内容相符合，您的网页描述应尽量表明，为什么您看到网站是优秀的。
13、我可以为任何网站选择搜索关键字吗？
答：您注册的网站必须是您自己的网站，不能为别人的网站选择搜索关键字。虽然注册时您无需提供相关证明，但是，如果我们要求验证您的网站所有权，您必须能提供足够的证明。
在发生争议，而您又不能提供网站所有权证明或提供的证明不充分的情况下，百度竞价排名系统会暂停对您提供的搜索引擎排名服务。您填写的url必须是直接指向您自己的网站，即使做重定向，也必须指向您自己的网站。任何时候，如果发现有重定向到其它网站或与选择的关键字内容不符的网站，百度竞价排名系统有权在未通知您的情况下立即终止相关服务。5.常用HTML代码
插入图片：
加入连接：写上你想写的字
在新窗口打开连接：写上要写的字
移动字体(走马灯)：
字体加粗：写上你想写的字
字体斜体：写上你想写的字
字体下划线: 写上你想写的字
字体删除线: 写上你想写的字
字体加大: 写上你想写的字
字体控制大小：写上你想写的字(其中字体大小可通过12px部分控制)
更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)之间
消除连接的下划线：写上你想写的字
插入音乐：
插入影视文件：
换行：
段落：
段落
插入背景音乐：
第三篇：Frontpage网页制作经验总结
【摘要】Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的。
【关键字】Frontpage创建站点、新建页面、文字、超链接
现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。
工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。
用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。
在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。
尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。
同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。我们单击“个人站点”图标，用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。现在我们点击一下“文件夹”按钮，双击index.htm图标，看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气，同时也给了初学者一个良好的出发点。
那么模板和向导有什么区别呢？我们安装软件时，一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。
现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，你看，FRONTPAGE提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。
创建页面最简单的就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。
网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。
如果有一个图形，怎么把它放到网页上呢？
首先要看你的图形是什么格式的，也就是它扩展名是什么 只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。
现在可我们看看怎么插入图形 选择“插入”菜单的“图片”命令，单击“来自文件”按钮。
在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。
如果要插入的图片不在主目录下, 在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框, 因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了
我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令，在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。
您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，FRONTPAGE自己带有许多剪贴画，你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令，选择“剪贴画”。你看，各种剪贴画都分类放好了。你可以自由地选
择。不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。
一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡我们把对齐方式调整为“左对齐”。使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？ 其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面
1.htm”，单击“确定”按钮.在普通模式中，按住CTRL键，单击箭头图形，就跳到主页页面了。
如果我们要在图片上加上文字，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“机软件”按一下Esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。
如果我要修改 单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“计算机硬件”，在页面其他区域单击。文字就修改完成了。
怎样使文字更丰富、活泼呢？一个简单的就是使用“格式”工具栏。
字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。
字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了
工具栏上的B、I、U图标的作用是：
按下B按钮，被选中的文字就会变为粗体
按下I按钮，被选中的文字就会变为斜体
按下u按钮，被选中的文字就会带下画线
字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。
还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。
设计好的页面，应该检查它在浏览器中是否显示正常。
方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在INTERNET EXPLORER中是这样显示的，但是在NETSCAPE中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。
那么为什么不用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以INTERNET EXPLORER 5.0为例）单击“确定”
按钮。就可以看到新建页面在浏览器中的效果了。
怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？
在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。先来看一下用文字来建立链接。
首先创建一个指向站点内其他网页的超链接。
选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。
那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。
我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的就可以了。还有一种超链接，可以链接邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。
这样我们就差不多完成了网页的制作步骤，最后可将它发布到Web服务器上。站点发布前还要对它进行检查工作，包括超链接，页面等。
【】
〈1〉乔春源，樊天岳等。信息技术。江苏技术出版社，2001年7月。
〈2〉李振格。Office入门与提高。清华大学出版社，2001年2月。
〈3〉王超锋。网页制作。人民邮电出版社，2001年10月。
第四篇：网页制作毕业论文
一 引 言
随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。
二 网站建设的流程
1.定义合适的域名。由域名构成的网址会像商标一样，有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外，还要具有简洁、易记、具有冲击力的特点。
2.租用虚拟服务器。有了域名后，就需要一个空间存放网站，这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器，用户可根据网站的内容设置及其发展前景来选择。
3.设计网页。网页的设计制作可以自己完成，也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。
4.ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。ICP备案可以自主通过官方备案网站 http://www.xiexiebang.com/sale/view.asp?Article ID=288 [4]许凌云，柳勇良.网页设计全方位学习[M].北京：清华大学出版社，2008，11 [5]陈琳.photoshop cs3 入门实战与提高[M].北京：电子工业出版社，2008，11 [6]焦慧.网页制作基础与典型范例[M].北京：电子工业出版社，2008，7 [7]戎马工作室.Dreamweaver 8与asp动态网站开发[M].北京：机械工业出版社，2006，5 [8]戴一波.Dreamweaver CS3网站制作炫例精讲[M].北京：电子工业出版社，2008，1 [9]何秀芳.网页制作与网站建设课堂实录[M].北京：人民邮电出版社.2009，3 [10]孙连三.新编网页制作与网站建设入门与提高[M].北京：人民邮电出版社.2008，9 [11]邓文渊.网页制作高手FLASH 8[M].北京：人民邮电出版社，2007，6 [12]胡崧.超梦幻劲爆网页[M].中国青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工广告设计百炼成精[M].电子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]杨大勇，李金江.ASP网络开发自学导航[M].北京：机械工业出版社，2007，6 [17]卓越科技.SQL SERVER数据库开发培训教程[M].北京：电子工业出版社，2009，4 [18]李曦琳.WEB导航设计[M].北京：电子工业出版社，2009，3 [19]力诚教育.ACCESS 2007完全自学手册[M].成都：四川出版集团，2009，3 [20]丛书编委会.ASP动态网页编辑[M].北京：清华大学出版社，2006，10 [21]陈刚.商业网站开发从入门到精通[M].科学出版社，2008，2 8
致 谢
毕业论文如期完成了，在此我要感谢在毕业设计期间给予我帮助的许多人。首先，我要特别感谢的是我敬爱的指导老师王琛老师。因为是他为我提供了一个良好的环境，才使我很好的完成了毕业设计。在设计期间他也给与我无私的帮助。在此表示深深的谢意。
正是他的付出，使我找到并改正了许多看起来很明显的错误和不严谨的论述。在毕业设计的过程中是愉快的，我很感谢与我设计有帮助的每一个人，是他们的存在，让我感到了毕业设计的过程中的快乐，使我融入到了团队工作中，感受到了相互合作的乐趣。
我对所有人的耐心表示感谢，尤其是我的指导老师王琛老师。他仔细阅读了我的论文和程序，并提出了许多宝贵的意见和建议。感谢他能在忙碌的工作中抽时间指导我。我在与他通过电话和电子邮件的联系中很好的把握住了设计的进度，使设计得以顺利完成。
最后，当然不能忘记帮助过我的老师和同学。写论文通常是一项非常枯燥的工作，但幸运的是他们使这项工作变成了一种乐趣。还有默默无闻帮过我的朋友，也在此表示对你们诚挚的感谢。
第五篇：网页制作论文
网页制作论文
简介
网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。
网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来。
目录
1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks
4.1fireworks简介
4.2fireworks在网页中的应用
4.3fireworks的重要性
4.4fireworks制作流程 5.参考文献
正文
1.网页制作的两种设计模式
从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。
于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。
网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
2.网页制作常用工具
1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。
3、FLASH 网页需要画面流动时的首选择
4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。
5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。
6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。
3.flash 3.1flash简介
Flash最早出现并兴起于网络，是网络多媒体动画的重要制作形式，它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，相信在不远的将来能够完全替代静态（HTML）网页。
3.2flash动画的特点
（一）Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。
（二）Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。
（三）Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有档小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。
（四）Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。
（五）Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。
（六）Flash动画在制作完成后，可以把生成的档设置成带保护的格式，这样维护了设计者的版权利益。
3.3flash动画的前景
现在的Flash平台包括:Flash Studio
8、Flash Player
8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等；未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具，以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台，包括从桌面到移动设备，提供更丰富的网络内容和互联网应用，企业也能够通过Flash应用获得更大的受益。
（一）网络视频钟情Flash 面对全球超过100万的Flash开发者的期望，Macromedia也不断开发新的领域。而用户对视频应用的垂青，刺激着Macromedia推出新的工具。在上千开发者的注目下，Macromedia推出了Flash Media Server 2，以巩固其Flash Platform作为网络视频最佳选择的地位
（二）Flex 2产品线和Flash Player 8.5出手不凡
Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景，从电子商务产品配置，到需要与实时数据集成的可视交易应用。
Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能，并构建了先进的跨平台运行时环境。它备有一个新的虚拟机，可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范，能够更易于查找及解决问题，从而提高开发人员的工作效率。
3.4flash在网页中的应用
在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的“流”式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程
（1）建立一个新的场景
依次选择“文件”、“新建”、“Flash文档”命令，建立空白文档，大小为550*400像素，背景为白色。
（1）
（2）重新命名场景和涂层名称
依次选择“窗口”、“设计面板”、“场景”命令，在弹出的场景面板中双击默认场景名称，改为“跳动的小球”。然后重新命名涂层名称，双击默认涂层名称，改为“地面”。然后用水平线表示地面，选择笔触颜色为黑色，单击“线条工具”按钮，在第一帧的舞台下方，拖动鼠标画一条直线表示地面。
（2）
（3）插入水平线结束帧
单击水平线涂层第35帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在地面层的1到35帧之间插入了相同的水平线。
（3）（4）插入跳动的小球涂层，画小球的初始状态
双击默认的涂层名，改为跳动的小球涂层，此图层处于激活状态。设置填充色为黑色，在第一帧的舞台上方，画一个小球，删除轮廓线。
（4）
（5）插入下一帧
单击跳动的小球层第二帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在第二帧中复制第一帧的图形；拖动小球向下移动一个距离，表示球在下落。
（5）
（6）制作下落动作的变化
重复上一步骤。
（6）
（7）小球变形
在下一帧的位置插入关键帧，利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化；单击小球，小球周围出现8个黑色句柄框；把鼠标指针移动到4个中间句柄处，拖动鼠标，把圆球编程椭球形。
（7）
（8）多次重复上面步骤，在不同的帧中，制作小球被压扁后又弹起的画面。参照第9步，制作小球被压扁后又弹起的画面。重复上述步骤，直到小球静止。4.fireworks 4.1fireworks简介
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。
4.2fireworks在网页中的应用
众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。
在优化面板里有“导出jpg较高品质”，导出默认的80品质（可以用“2幅”画面对比之前之后的大小）。
4.3fireworks的重要性
为Macromedia家族的一员，三剑客之一的fireworks，她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。
4.4fireworks制作流程
1.准备素材 如图
2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区
2.选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒
出
电
视
画
面的路
径
4.将选中区域填充成折叠渐变
颜色可以自己选择：
5.用选取工具拖动渐变方向手柄，接近垂直或接近水平方向：
6.将调整手柄以初选中区域 并在帧属性，选取重制帧命令：选择三帧 或在多些
7.依次选择其他帧，拖动渐变调整手柄将其改变位置：柄以初选中区域 并在帧属性帧命令：
最后保存 导出gif图片 即可完成。
1.在Fireworks中打开一个新的画布，调整画布大小，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式
2.输入文本 1 然后再打开帧属性 选择重置帧 9 因为数字0-9 一共是十个
3.然后选择每一帧，并修改画布中的相应数字。
4.帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果速度过快 可以修改值 选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。5.最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：
6.也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项
7.画布颜色可以随意更改 再按f12 预览就可以了，最后导出文件
5.参考文献
[1]刘宇.Flash短片轻松学中国大陆.电子工业出版社，2009-01.[2]章精设，胡登涛.Flash Action Script 3.0从入门到精通.清华大学出版设，2008-10.[3]陈冰.Flash第1步:ActionScript编程篇(珍藏版).清华大学出版社，2006-03
点击咨询 