制作网页的规则福建省莆田市第八中学高一信息技术《制作网页的规则》教案新人教版网页制作基础第一步：了解关于主页的一些基本概念■什么是网页现在在你眼前，出现在显示器上的这个“东西”，就是一个网页。网页实际是一个文件，他存放在世界谋个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。■构成网页的元素文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。■揭开网页的神秘面纱在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。为什么在源文件看不到任何图片？网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。■网页的类型通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP甚至其他更多。HTML全称HyperTextMarkupLanguage，正式名称是超文本标记语言，利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。举一个简单的例子：HTML原代码：www.163.com从不懂上网到网络高手在浏览器的显示效果：www.163.com从不懂上网到网络高手其中就是两个HTML标记。它以起始标记及结束标记标记文字www.163.com，令它显示成粗体。对于网页制作的初学者来说，理解HTML的工作原理是必要的，但也无须仔细地了解到每一个标记的作用，因为现在已经有了很好的所见即所得的网页编辑软件为我们快速地生成HTML代码，例如Dreamweaver和Frontpage，再也无须象早期的网页制作人员一样，一行一行地编写代码了。第二步：选择一个适合自己的网页编辑工具了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。FrontpageFrontpage是Microsoft出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的Word界面设计，只要你懂得使用Word，就差不多等于已经会使用Frontpage。就算你不懂Word也没关系，“所见即所得”的操作方式会让你很快上手，而且你无须学习HTML语法。但Frontpage的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用Netscape往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage的确是最好的入门级网页编辑工具。常见的版本为Frontpage98和Frontpage2000。DreamweaverDreamweaver是Macromedia公司的产品的另一款“所见即所得”的网页编辑工具。与Frontpage不同，Deamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。Dreamweaver对于DHTML的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的DreamweaverUltraDev更支持Asp，Jsp。因此，说Dreamweaver是高级网页制作的首选并不为过。常见的版本为Dreamweaver3.0和DreamweaverUltraDev1.0第三步就可以制作主页了制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那...
