《网页制作技术》第3章.ppt

一、了解CSS样式定义 二、CSS样式表分类 三、制作公司简介网页 四、创建和应用自定义CSS样式 3.7 创建超级链接 【学习目标】 1）掌握为图片创建链接的方法 2）掌握为网页添加邮件链接和书签链接的方法 一、链接简介 二、理解和编写绝对路径和相对路径 三、快速在站点内创建超级链接 四、设置超级链接 3.8发布与测试 【学习目标】 1）了解ASP的作用 2）认识ASP与IIS的关系 一、安装IIS 二、建立虚拟目录 三、Web站点管理 1、掌握利用Dreamweaver创建Web站点； 2、掌握利用Dreamweaver创建Web站点的具体使用步骤。 四、创建过程 五、网站测试 六、验证网站语法错误 七、检查站点链接 八、网站上传及发布 九、查看本地与远端站点 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * Web:信息传输‘人机 Grid:信息处理’机机 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 * 华南师大教育信息技术学院2007级硕士 第3章工具制作网页 3.1 站点的建立与管理 【学习目标】 1）掌握静态网页和动态网页的基本概念 2）建立“芯依花店”网站的站点结构 3.1.1静态网页和动态网页 【想一想】 大家所熟悉的具有搜索引擎、论坛、聊天室、表单的提交等功能的网页是动态网页还是静态网页？ 一、什么是静态网页 网页内容一经发布到网站服务器上，就不能随意变化及修改的网页 。 二、什么是动态网页 指采用ASP，PHP，Cold Fusion，CGI等程序动态生成的页面，实时生成，可以根据不同条件生成不同内容的网页。 3.1.2网页制作工具功能介绍 目前比较常用的网页制作工具有：FrontPage 2003和Dreamweaver 3.1.3站点素材文件类型简介 １）文字资料 ２）图片资料 ３）动画资料 ４）音频资料 ５）视频资料 ６）其它资料 3.1.5站点的建立 一 、建立站点结构 二、定义站点 3.2表格处理与网页布局 【学习目标】 1）掌握布局表格与单元格的使用方法 2）利用布局表格和单元格设计页面布局 一、新建首页文件 二、绘制网页布局 1）网页布局的概念和意义 2）绘制布局表格和单元格 3）布局表格和单元格的区别 三、绘制首页的布局表格与布局单元格 四、编辑布局表格和布局单元格。 五、绘制首页顶端布局表格和单元格 3.3图像的插入与编辑 【学习目标】 1）了解网页中图像的分类及其特点 2）熟练掌握在网页中添加图像的方法 一、图像的分类及其特点 目前网页中常用的图像格式有JPG、GIF和PNG 。 二、在网页添加图像的方法 1、使用菜单命令方法 2、使用面板插入图像 3、使用快捷方式 三、在顶端单元格中添加图像 3.4制作主页面 【学习目标】 1）掌握在布局表格中制作嵌套表格的方法 2）掌握在Dreamweaver中的文本编辑与设置 3）掌握插入水平线并设置水平线属性的方法 【想一想】 （1）浏览一些网上花店网站，总结花店网站 设计的规律？ （2）如何设计“芯依花店”网站首页内容？ 一、编辑左边区域。 1、设置左边布局 2、编辑单元格的文本和图片 （1）文本的输入 （2）特殊字符的输入 （3）文字的编辑 二、编辑网页的右边区域 1、设置右边区域布局 2、插入图像 3、设置右边区域 三、编辑网页的底端区域 1）在底端布局表格中插入1 个宽为900像素，高为63像 素的布局单元格。 2）由“布局视图” 切换到“标准视图”，将素材包中 “flower\images”文件夹内的“down.jpg“图片文 件作为背景插入到单元格中。 3.5建立及验证表单 【学习目标】 1）掌握建立表单布局及插入不同表单对象的基本方法 2）掌握表单的属性设置方法 3）掌握设置表单元素的属性设置方法 4）掌握通过电子邮件接收表单结果的方法 【想一想】 （1）网页中的调查问卷、线上交易