个人网页制作简明教程.pdfVIP

个人网页制作简明教程 个人网页制作简明教程 （孙晓鹏 整理） 资料来源：/ 目 录 1. 认识网页 2. 制作主页前的准备 3. 如何选择网页制作工具 4. 如何把握网页布局 5. 安装 Dreamweaver8 6. 规划站点 7. 制作模板 8. 制作首页 9. 套用模板和修改模板 10.网页的发布 1. 认识网页 1.1. 什么是网页 网页的学名称作 HTML 文件，是一种可以在 www 网上传输，并被浏览器认识和翻译成 页面显示出来的文件。 WWW 是“World Wide Web 的缩写；HTML 的意思则是“Hypertext Markup Language”, 中文 翻译为“超文本标记语言” 。“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非 文字的元素。 网页就是由 HTML 语言编写出来的。HTML 语言是一种排版语言，语法就类似于这样：“页 高 8 宽 5，(1,2)处插入高 1 宽 1 的图片A...” 如果您是使用 WPS 或则 Word 的高手，那么恭喜 您，网页制作的学习您已经走了一半路了！ 1.2. HTML 全称 HyperText Markup Language ，正式名称是超文本标记语言，HTML 语言发展很快， 已历经HTML1.0 、HTML2.0 和 HTML3.0 、HTML4.0 多个版本，现在 HTML5.0 正在测试，同 时 DHTML (动态) 、VHTML(虚拟) 、SHTML 等也飞速发展起来。我们现在一般只要掌握 HTML4.0 就可以了。 html 利用标记（tag ）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的 文本编辑器都可以对它进行编辑，与 VB 、C++等编程语言有着本质上的区别。 - 1 - 个人网页制作简明教程 举一个简单的例子： HTML 原代码： b/b 从不懂上网到网络高手 在浏览器的显示效果： 从不懂上网到网络高手 其中 b/b 就是两个 HTML 标记。它以起始标记b 及结束标记/b 标记文字 ，令它显示成粗体。 也有懒虫(像我一样:－)觉得一下要记住 HTML 那么多枯燥的标记实在太麻烦了。那么有 一个偷懒的办法：找一个所见即所得的网页制作工具，即使一点 HTML 语言都不会，也可以 制作出出色的网页。(嘘—— ，别声张！)后面，我会为大家介绍这类工具的。 说到底，我还是推荐您稍微了解一些 HTML 的语法。这样，您可以更精确的控制页面的 排版，可以实现更多的功能。当大家称赞羡慕您的主页的时候，您就会觉得很值得哦！ 2. 制作主页前的准备 2.1. 主页题材 下面我们开始着手策划制作主页。首先面临的问题便是我要制作什么内容，选择什么样 的主页题材。 网络上的主页题材千奇百怪、琳琅满目。只要你想的到，就可以把它制作出来。 以下列出一些常见的题材，是否对你有点启发。 给您的建议： (1)一般来说，个人主页的选材要小而精。如果你想制作一