如何制作网页(网页制作实战篇)【荐】.pdf

如何制作网页（网页制作实战篇） 如何制作网页目录 一、认识网页 二、制作主页前的准备 三、如何选择网页制作工具 四、如何把握网页布局 五、设计网站65 条原则 六、下载安装Dreamweaver8 七、规划站点 八、在Dreamweaver 设置站点 九、制作模板 十、制作首页 十一、在Dreamweaver套用模板修改模板 一、认识网页 你现在所看到的就是网页啦!可是您知道为什么网页可以在Internet 上传播， 为什么可以被您的电脑认识吗？还是让我们来好好来认识网页。 网页的学名称作HTML 文件，是一种可以在www 网上传输，并被浏览器 认识和翻译成页面显示出来的文件。 WWW WWW WWWWWW是“World WideWeb”的缩写；HTML 的意思则是“Hypertext Markup Language”，中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含 图片、链接、甚至音乐，程序等非文字的元素。 网页就是由HTML语言编写出来的。 看到这，您也许会想：我最怕编程了!别急！其实HTML 语言只是一种排版 语言，语法就类似于这样：“页高8宽5，(1，2)处插入高1宽1的图片A...” 如 果您是使用WPS或则Word的高手，那么恭喜您，网页制作的学习您已经走了 一半路了！ HTML HTML HHTTMMLL：全称 HyperText MarkupLanguage，正式名称是超文本标记语言， HTML语言发展很快，已历经HTML1.0、HTML2.0 和HTML3.0、HTML4.0多 个版本，现在HTML5.0正在测试，同时DHTML (动态)、VHTML(虚拟)、SHTML 等也飞速发展起来。我们现在一般只要掌握HTML4.0就可以了。 html 利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言， 使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质 上的区别。 举一个简单的例子： 要在浏览器的显示效果： HTML原代码就标记为：b/b 其中 b/b 就是两个HTML标记。它以起始标记b及结束标记/b标 记文字 ，令它显示成粗体。 也有懒虫(像我一样:－)觉得一下要记住HTML那么多枯燥的标记实在太麻 烦了。那么有一个偷懒的办法：找一个所见即所得的网页制作工具，即使一点 HTML语言都不会，也可以制作出出色的网页。(嘘——，别声张！)后面，我会 为大家介绍这类工具的。 说到底，我还是推荐您稍微了解一些HTML 的语法。这样，您可以更精确 的控制页面的排版，可以实现更多的功能。当大家称赞羡慕您的主页的时候， 您就会觉得很值得哦！ 主页制作的基本条件 在WWW上，不论你是资产上亿的大公司，还是捉襟见肘的穷学生，只要 你建立了自己的主页，你们的地位就是平等的。实际上，许多个人管理的站点 比商业站点更加受欢迎，一切都在于你的内容和创意。那么制作主页需要什么 条件呢？ 主页制作的基本条件有： 硬件：一台电脑(64MB 以上内存，当然越大越好啦)；可以拨号上网；如果 你有条件的话，建议:配置扫描仪，这将大大方便图像和文字的输入; 软件：HTML 编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver； 图像处理软件：常用的有Photoshop、flash、Fireworks 等； 文件上传软件：常用的有Cuteftp、WSftp等。 如果你已经万事具备了，我们继续下一步：制作主页前的准备. 二、制作主页前的准备 1、主页题材 下面我们开始着手策划制作主页。首先面临的问题便是我要制作什么内容， 选择什么样的主页题材。网络上的主页题材千奇百怪、琳琅满目。只要你想的 到，就可以把它制作出来。以下列出一些常见的题材，是否对你有点启发。 给您的建议： (1)一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站 点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违的，给人的感 觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的 精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个