快速学会网页制作【荐】.pdfVIP

快速学会网页制作 一、 网页制作基础知识 教学目标：了解网页制作的一些基础知识，如网站和网页的区别、网页的类型、网页的构成 元素等，然后在了解的基础上再通过练习来巩固。 教学重点难点：在深刻了解概念的基础上把理论转化成实际的应用。 教学过程：在制作网页之前，首先要了解一些关于 web 网页的基本知识，了解一下构成一个 网站的基本元素等。 一、网站与网页 网站是网页的集合，是一个整体，其中包括一个首页和若干个网页。网站设计者先 把整个网站结构规划好，然后再分别制作各个网页。大多数网站为网站浏览者提供一个 首页，首页再链接多个网页。一般来说，一个网站是由很多网页构建而成的。 首页是一个网站的门面，也是访问量最大的一个页面，访问者可以通过首页进入到 网站的各个分页。因此，网站首页的制作是很重要的，它给浏览者一个第一印像，首页 也奠定了网站的主题和整个基调，使访问者进入首页就能清楚地知道该网站所要传递的 信息。 一般网站的概念： 专门放网页的文件夹 放图片的文件夹 放 flash、css 样式等 首页 一个完整的小网站结构： 当然因为网站的类型不同，结构也会有所不同。如大型门 户网站很注重信息量的多少和及时更新，避免一些花哨等，所以这类网站一般没有引导 页。 二、网页的类型 从网页是否执行程序来分，可分为静态网页和动态网页这两种类型。 静态网页一般以.htm 或.html 为后缀结尾的，俗称 html 文件。动态网页内含有 程序代码，运行于服务器端的程序、网页和组件等都属于动态网页，在网络中看到的动 态网页通常是以.asp、.jsp 等后缀结尾的，但也有以.php 结尾的，如我们学校的校园 网首页。一个完整有价值的网站应该是集静态、动态、动画于一身的。 三、网页的构成元素 网页构成的基本元素主要包括文本、图像、动画、超链接、音频、视频、表格和表 单等。下面我们着重介绍和练习表格的属性。 1 表格是网页排版不可缺少的一部分，它可以对文字和图片进行精确的定位，使页面 保持一定的版式 1、表格属性练习 1、通过插入表格和表格属性对话框制作出以下表格： 填充 0 边距 0 边框 1 背景无 边框颜色#FF0000 填充为 0 填充 0 间距 2 边框 1 边框颜色#FF0000 填充为 5 填充 0 间距 2 边框 4 背景无 边框颜色#FF0000 [填充]：用于设置单元格内容和单元格边界之间的像素数 [间距]：用于设置相邻的表格单元格之间的象素数 [对齐]：用于设置表格相对于同一段落中其他元素的显示位置 [边框]：用于设置表格边框的宽度，单位为像素 注：将[边框]设置为 0 时，这时表格将不显示边框，它所起到的作用是定位功能，这也 是表格应用广泛的主要原因之一。 2、制作细线表格 间距为 1 边框为 0 表格背景色为蓝色 单元格背景色为白色 2 作粗线表格 间距为 4 边框为 0 表格背景色为蓝色 单元格背景色为白色 思考：作如下三张表格： 二、 表格基础练习 教学目标：通过练习和讲解，使学生能学会表格的基本应用和一些难度较高的表格制作， 为以后的网页制作打下基础。 教学重点难点：对表格本身的属性能熟练的掌握应用及表格在网页排版中的灵活应用。 教学过程：由于 HTML 语言本身并没有提供较多的手段，所以往往需要借助于网页的一 个重要元素－表格来襀网页的精细排版。 表格在网页的实际制作过程中主要应用于网页定位上，通过设置表格的宽度、高度和比 例大小等属性，把不同的网页元素分别固定在不同的单元格之中以达到页面的平衡。表 格除了在网页定位上具有精准控制的特点外，还具有规范和灵活的特点。正是因为这些