福建省莆田市第八中学高一信息技术《制作网页的规则》教案 新人教版.doc

制作网页的规则福建省莆田市第八中学高一信息技术制作网页的规则教案 新人教版网页制作基础第一步：了解关于主页的一些基本概念 什么是网页现在在你眼前，出现在显示器上的这个“东西”，就是一个网页。网页实际是一个文件，他存放在世界谋个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（url）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。 构成网页的元素文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。 除此之外，网页的元素还包括动画、音乐、程序等等。 揭开网页的神秘面纱在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。 网页的类型通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 html 文件。不同的后缀，分别代表不同类型的网页文件，例如以cgi、asp、php、jsp甚至其他更多。html全称 hypertext markup language，正式名称是超文本标记语言，利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与vb、c+等编程语言有着本质上的区别。举一个简单的例子：html 原代码： 从不懂上网到网络高手在浏览器的显示效果： 从不懂上网到网络高手其中 就是两个html标记。它以起始标记及结束标记标记文字 ，令它显示成粗体。对于网页制作的初学者来说，理解 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 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 dreamweaver ultradev 更支持 asp，jsp。因此，说dreamweaver 是高级网页制作的首选并不为过。常见的版本为 dreamweaver3.0 和 dreamweaver ultradev 1.0第三步就可以制作主页了制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。 第四步，把你的主页传上去 一般上传可能看书学frontpage的人会用其自带的发布系统，但一般主页空间是不支持那种发布的，我们要用一个ftp软件（一般选择cuteftp）上传，到这里主页制作就完成了！可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。假如你要提高基本功的话，可以学习html基础知识，假如想网页漂亮点的话，可以学习图片制作，这样你就会一步一步提高了。具体过程：网站规划：即要包含哪些栏目；如: 制作个人网站” 聆听夜雨声”(聆听主