网页设计与制作基础范例.ppt

表格处理标记 表格是由table（定义表格）、tr（定义行）、th（定义表头）和td（定义单元格）标记构成的 Table表格标记 表格标记的格式为：TABLE行标记/TABLE。使用TABLE只是定义了空表格，还需要定义行和单元格。 TR行标记 行标记的格式为：TR单元格标记/TR。使用TR只是定义了空行，还需要定义单元格。 表格处理标记 TD单元格标记 单元格标记的格式为：TD页面元素/TD。单元格中可以放置任何BODY中能够放置的内容。 基本属性为： Bgcolor 设置单元格背景颜色 Rowspan 设置单元格所占的行数 Colspan 设置单元格所占的列数 Align 设置对齐方式 Width 设置单元格宽度 Height 设置单元格高度 表单处理标记 Form表单标记 表单标记的格式为：FORM表单元素/FORM，其余的表单控件标记都要放在FORM标记组之中。 常用的基本属性： Action设置表单的处理程序，一般为服务器端脚本语言所编写的程序 Method设置发送表单的HTTP方法，一种是get，另一种是post Name设置发送表单的名称 表单处理标记 Input输入域标记 输入域标记的格式为：INPUT，只有开始标记，没有结尾标记。 常用的属性为： Type 输入域类型 Value 输入域的值 Size 输入域的显示字符数 Maxlength 能输入的最大字符数 Name 输入域的名称 其他标记 1. 多行输入域标记 利用TEXTAREA文本/TEXTAREA来产生一个可以输入大量文字的输入区域。 2. 选择域标记 选择域标记的格式为： SELECT OPTION选项一 OPTION选项二 … /SELECT 表单处理标记 框架处理标记 框架的作用是使多个页面可以同时显示在一个浏览器窗口中，这样用户就可以浏览到更多的信息内容。 FrameSet框架集标记 框架集标记的格式为：FRAMESET框架标记/FRAMESET。框架集标记定义了一个框架的容器，可以包含很多的框架，每个框架用frame标记来表明。 Frame框架标记 框架标记的格式为：FRAME，用于说明每一个框架集中的框架。 其他常用标记 1. 注释标记 注释标记的格式为：!--注释内容--。注释标记不被浏览器所解释，用于页面设计者记录制作的信息。 2. 水平线标记 水平线标记的格式为：Hr，只有开始标记，没有结束标记。用于修饰页面。 3. 脚本容器标记 脚本容器标记的格式为：Script脚本/Script。在页面中加入脚本程序，扩展页面的功能。 4. Java小程序容器标记 Java小程序标记的格式为：Applet…/Applet。可以在页面中嵌入Java小程序。 网页设计与制作 考核办法: 期末考试：70% 笔试 机试 课堂纪律 平时成绩：30% 考勤(迟到、早退） 上机实验（任务完成、违 纪） 课后作业 第一讲 课 题：网页设计概述 目的及要求：熟练掌握网页的基本概念、网页构成的元素与分类、网站开发流程、了解HTML语言 教学重点：网页的基本概念 教学难点： HTML语言中的标记及其属性 教学课时：2课时 教学方法：提问与比较教学方式，激发学生兴趣； 教学内容与步骤： 1.1认识网页 1.1.1网页的概念 网站：也称为站点，是包括主页在内的一个或多个网页的集合。 根据内容可分为：门户网站、职能网站、专业网站、个人网站 网页：网页是构成网站的基本元素，是承载各种网站应 用的 平台。 网页中基本元素：文本、图像和动画、声音和视频、超链 接、表格、表单、导航栏以及其他特殊效果。 网页的类型 按位置分 按表现形式分 静态网页：以.htm、.html、.shtml、.xml等为后缀的 动态网页：.asp、.jsp、.php、.perl、.cgi等形式为后缀 主页 内页 1.2网页设计与制作流程 1.2.1网页的系统分析 1、 项目立项 2、客户需求说