网页制作教程

《网页制作教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、前言：叶子从1999年开始学习电脑，那时候只会打字，学校教的只有英文录文和简单的office操作。在一个老师的指导下开始学Photoshop，当时用的还是4.0的版本，很难操作，但感叹于Photoshop所带给我的一次又一次的惊奇。当初并不懂得学习Photoshop有什么用，但现在证明，当初的选择是没错的，对现在做网页是起到了决定性的作用。2000年为了交作业开始学习Frontpage，那个时候做的网页可以说是对gif动画素材的滥用。在一次学校的网页制作比赛中获得了二等奖，从此更坚定了我学习网页制作的决心，也是凭着对网页制作浓烈

2、的兴趣，从零开始，自己一步步走过来的，自己买书自学，上网找资料，走了很长一段艰辛的路。现在我觉得应该总结一些我的学习经验，对于初学者来讲可以指引一条明路，应该怎样更好更快的掌握网页制作的工具，以及相关的图像处理软件、动画制作软件等。通过此教程的学习，我们不仅教会你网页制作，还会在讲解的过程中牵涉到其它方面的知识点，对你来讲，将会是受益匪浅。所需软件：1、MacromediaDreamweaver8.0------网页制作软件2、AdobePhotoshop7.0-----图像处理软件orfireworksmx8.03、Macro

3、mediaFlash8.0-----动画制作软件第一章建立站点一、站点的建立第二章做网站之前的构思一、确定主题二、搜索同类型网站进行比较1、搜索引擎--百度的使用2、图片的保存3、文字内容的保存4、百度搜索功能的延伸三、整体框架的确立第三章DW表格的使用一、DW界面介绍二、新建文件三、文件保存四、表格的应用第四章深入了解DW表格的应用1、单元格填充与单元格间距2、表格边框线的设置3、单元格填充颜色4、表格细边框线的制作方法第五章网页超链接1、子页的建立2、网页互链3、浏览网页，体验互链4、在新窗口中打开链接的页面第六章Dream

4、weaver离不开的Photoshop应用第一章建立站点一、站点的建立我们先来讲一下，做一个网站之前，我们要先建立一个站点，简单的说，就是在电脑硬盘上某个位置先新建一个文件夹，用来存放整个网站的内容。比如，我在E盘下建了一个文件夹叫做"website",然后在"website"下建了一个文件夹叫"img"，专门用来存放图片的文件夹。等会我们的页面文件就放在"website"文件夹内，与"img"处于同一级目录下。（注：初学者常喜欢将文件夹及文件命名为中文的，这是一个不好的习惯。网页中的文件名一定要用英文名，包括HTM、图片文件名

5、等。尽管你们在自己的电脑上测试是正确的，但在上传到服务器后，用中文命名的文件有可能找不到。所以做网页时要养成用英文或数字命名的习惯。）启动Dreamweaver(后面简称为“DW”）以后，选择最上排的菜单栏“站点”--“新建站点”，请输入站点的名字，比如“website”，点击“下一步”，初学者还未用到服务器技术，可以直接点击“下一步”，（若是有，就点击“是，我想使用服务器技术”，选择一项后点“下一步”）；出现“您将把文件存储在计算机机上的什么位置？”，点击黄色文件夹，在弹出的窗口中选择我们刚才建立的文件名的位置E:websi

6、te，点“选择”，这时候你会发现位置栏显示的是“E:website”，接着点击“下一步”，出现“您如何连接到远程服务器？”，刚开始时，我们只在本地测试，所以先点击其三角形下拉按钮，选择第一个“无”，接着点“下一步”，最后点击“完成”按钮。到此为止，站点建立完毕，在DW界面的右边，我们可以看到：（如图001）[图001]第二章做网站之前的构思一、确定主题做网站之前，要先想好主题，我们的网站是要以什么为主导，我们先讲几个比较简单的：（1）个人网站个人网站一般是以介绍自己为主，包括个人基本资料、个人作品（比如说摄影、绘画）、音乐收

7、藏、心情故事（日记）、留言本、论坛等。这是一个大致的归类，名称的选择可以因人喜好而定。（2）公司网站大部分小企业的网站都会包含以下内容：公司简介、产品介绍、联系我们、意见反馈；比如再加上人才招聘、留言板等。当然，不同类型的公司，所要求的网站内容就不相同。（注：不同目的的网站，其分类就各不相同，关键就是你想把多少内容展示在网上让别人知道。）二、搜索同类型网站进行比较1、搜索引擎--百度的使用对于初学者来讲，要做一个网站会感觉很迷茫，没关系，你可以参考别人的网站。但是，你不要说你不懂得去哪里参考哦。向你推荐最好最强的中文搜索引擎--

8、--百度。在IE地址栏中输入www.baidu.com按回车确定，出现（如图002）[图002]当前“网页”处于选中状态，就表明我们现在将要搜索的就是网页内容，在输入框中输入你想找的内容，比如“个人网站”，点击“百度搜索”，这时候就会搜索出几百万条包含“个人网站