新网页制作教程(第二版) 齐建玲 电子教案 CH3 网页文本的处理
- 格式:ppt
- 大小:2.69 MB
- 文档页数:41


H-r 母存电子教案课程:第1章网页制作基础1.4.1 Flash CS3的启动与退出1.4.2制作“蓝莲花”网页1.5 练习与提高课程:第2章Dreamweaver CS5基本操作课程:第3章创建网页基本对象H-r 母存电子教案课程:第4章布局页面电子教案课程:第5章使用AP Div和行为知识回顾:上一课时讲的如何编辑表格和框架?讨论问题:1、AP Div是什么?2 、在网页中有什么用?3 、又如何对其进行操作?第5章使用AP Div和行为5.1 AP Div的创建和设置5.1.1 创建AP Div5.1.2 AP Div的“属性”面板5.1.3 “ AP元素”面板5.1.4 应用举例——创建AP Div5.2 AP Div的基本操作5.2.1 选择AP Div5.2.2 调整AP Div的大小5.2.3 移动AP Div5.2.4 对齐AP Div5.2.5 应用举例一一使用AP Div布局页面5.3行为的基本操作5.3.1认识行为和事件5.3.2 “行为”面板课第6章创建表单电子教案知识回顾:上一课时讲的AP Div和行为的使用方法?讨论冋题:1、为什么要创建表单?2 、表单中又包含哪些对象?第6章创建表单6.1表单的概念6.1.1 表单域6.1.2表单对象6.1.3应用举例快速选择表单域和表单对象6.2创建表单对象6.2.1 文本域6.2.2复选框6.2.3单选按钮6.2.4列表和菜单6.2.5跳转菜单6.2.6表单按钮6.2.7创建图像域6.2.8用举例在添加表单对象的同时添加表单域6.3上机及项目实训6.3.1制作注册表单页面6.3.2制作搜索表单6.4练习与提高电子教案课第7章CSS与多媒体的应用课第8章Flash CS3基础知识回顾:上一课时讲的CSS与多媒体在网页中的应用? 讨论问题:1、Flash动画具体是指什么?2 、在网页中起什么作用?第8章Flash CS3基础8.1 认识Flash动画8.1.1 Flash动画的原理及应用领域8.1.2 Flash动画在网页方面的应用8.1.3 认识Flash CS3工作界面8.1.4应用举例一一设置文档属性8.2 Flash文档的基本操作8.2.1 Flash文档的创建8.2.2 Flash文档的保存8.2.3 Flash文档的打开8.2.4应用举例一一新建Flash广告动画8.3上机及项目实训8.3.1 制作“ gongzhu” Flash 文档8.3.2 制作SHOW 文档8.4 练习与提高课程:第9章绘制Flash图像电子教案知识回顾:上一课时讲的Flash动画的应用领域和基本操作方法?讨论冋题:1、Dreamweave和Flash的相同点和不同点各是什么?2 、Flash与其他网页制作软件比其优点是什么?第9章绘制Flash图像9.1绘图工具的使用9.1.1工具箱介绍9.1.2 矢量图与位图9.1.3应用举例一一绘制咖啡杯9.2图像的编辑和导入9.2.1组合与分离9.2.2 图像的导入9.2.3将位图转换为矢量图9.2.4应用举例光晕图像效果9.3图像特殊效果的创建9.3.1 “滤镜”面板9.3.2滤镜的使用9.3.3应用举例一一创建特殊字体效果9.4上机及项目实训9.4.1绘制鼠标图形电子教案课程:第10章元件和“库”面板电子教案课程:第11章用时间轴创建动画H-r 母存电子教案课程:第12章导入声音和视频电子教案课程:第13 章使用Action Script 语句13.4上机及项目实训13.4.1制作可拖动的小球动画13.4.2制作星空闪烁动画13.5练习与提高电子教案课程:第14章测试及导出影片H-r 母存电子教案课程:第15章文字和图层应用电子教案课程:第16章路径、色彩和通道应用电子教案课程:第17章项目设计案例。
课程教案项目效果【任务一】布局主页 index.html——表格的基本应用所谓表格(Table)就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行(在XHTML语言中以<tr>标签开始,</tr>标签结束),垂直的多个单元格称为列(以<td>标签开始,</td>标签结束),如图5—1所示。
行与列的交叉区域称为单元格,网页中的元素就放置在这些单元格中。
(一)插入表格Dreamweaver CS3提供了非常完善的表格编辑功能,首先介绍如何在网页文档中插入表格。
步骤 1 首先在文档页面上要插入表格的位置单击,以确定插入点位置。
步骤 2 单击“常用”插入栏中的“表格”按钮,打开“表格”对话框,设置各项参数后,单击“确定”按钮,即可插入表格,如图所示。
下面简单介绍一下“表格”对话框中几个重要选项的意义。
●表格宽度(Width):设置表格宽度值,否则,其宽度将随其中的内容而改变。
●在Dreamweaver中,最常使用的单位是像素和百分比。
像素使用0或大于0的整数表示;百分比是相对于浏览器而言的,使用 0 或百分比表示。
●边框粗细(Border):是指整个表格边框的粗细,标准单位是像素。
整个表格外部的边框叫外边框,表格内部单元格周围的边框叫内边框。
●单元格边距(Cell padding):也叫单元格填充,是指单元格内部的文本或图像与单元格边框之间的距离,标准单位是像素。
●单元格间距(Cell spacing):是指相邻单元格之间的距离,标准单位是像素。
(二)选择表格和单元格在Dreamweaver中选择表格的方法非常简单,只需用鼠标单击表格边框线即可。
当表格外框显示为黑色粗实线时,就表示该表格被选中,另外,还可以通过“标签选择器”选择表格。
具体做法是:在表格内部任意处单击鼠标,然后在“标签选择器”中单击对应的“<table>”标签,该表格便处于选中状态。
网页设计与制作第二版教案课程教案第页第页课程教案第页教案网页设计与制作课程教案网页设计与制作课程教案网页设计与制作课程教案网页设计和发布流程第一步是对站点进行规划第二步是创建站点的基本结构第三步即可开始具体的网页创作过程最后一步是站点的发布第一节站点的规划与创建:3课时:帮助同学们初步了解网页站点的规划与创建的基本方法多媒体教学:借助多媒体手段,进行课堂理论教学;启发式教学:教学活动关注的重点从结果转向过程。
激发思维,师生互动,增强学生学习的主动性、积极性和创造性;:基础知识:网页站点基本建立重点知识:网页间的相互连接方法1.优秀网站页面欣赏导入新知2.教授新知一、规划站点Web站点是一组具有共享属性的链接文档。
本地站点:是本地硬盘中存放远程网站所有文档的地方。
建立网站的通常做法是:在要地硬盘中建立一个文件夹用来存放网站的所有文件,往后就在该文件夹中创建和编辑文档。
待网页设计和测试好之后,再把它们拷贝到网站上供浏览者浏览。
1、规划站点结构注:规划站点的结构之前应先用笔绘出站点的结构图 2、规划站点的浏览机制一般可采用以下的方法:创建返回主页的链接显示网站专题目录显示当前位置搜索和索引反馈二、创建一个站点步骤:1、单击“文件”---“新建”---“站点”命令2、选择一种站点模板或向导3、单击“确定”按钮三、站点的基本操作1、打开站点:“文件”---“打开站点”2、删除站点:方法一:在Windows资源管理器中删除一个站点方法二:在FrontPage中删除站点,在“文件夹”视图或“网页”视图的“文件夹列表”中,右击站点所对应的目录,在快捷菜单中单击“删除”命令3、站点的设置“工具”----“站点设置”,有“常规”、“参数”、“高级”、“语言”、“导航”、“数据库”六个选项卡1.课后练习书本课后练习作业第二节利用表格进行网页布局:3课时通过学习同学们基本掌握利用表格进行行网页布局的方法多媒体教学:借助多媒体手段,进行课堂理论教学;启发式教学:教学活动关注的重点从结果转向过程。