当前位置:首页 >> 学科竞赛 >>

网页设计教案(4)


吉安市中等专业学校

电子教案

课题名称

编排简单网页

教学目的

本章介绍在Dreamweaver 8中,设置文档文本 格式的基本方法。
设置文档文本格式的基本方法
掌握设置页面属性的方法。 掌握设置段落属性的方法。 掌握设置文本属性的方法
2



教学重点

教学难点

课时数

吉安市中等专业学校

3.1 设置页面属性
设置页面属性的方法是,选择【修改】/【页面属性】 命令打开【页面属性】对话框进行设置。 一、【外观】分类主要用来设置文本字体、大小、颜色、 背景、页边距等页面的基本属性。

吉安市中等专业学校

3.1 设置页面属性
二、【标题】分类主要用来设置“标题1”~“标题6”的 字体、大小和颜色属性。

吉安市中等专业学校

3.1 设置页面属性
三、【标题/编码】分类主要用来设置显示在浏览器标 题栏的文本以及文档的类型和编码。

吉安市中等专业学校

3.2 设置段落属性 本节主要内容:
段落格式 对齐方式 缩进和凸出 列表 水平线

吉安市中等专业学校

3.2.1
一、段落格式

设置段落格式和对齐方式

段落格式包含的内容可通过【属性】面板的【格式】 下拉列表或【文本】/【段落格式】菜单进行查看。在编辑 窗口中,每按一次Enter键就会另起一个段落。对文本划分 段落后,段落与段落之间默认会产生间距。
二、换行符

如果希望不产生段落间距,可以采取插入换行符的方 法。选择【插入】/【HTML】/【特殊字符】/【换行符】 命令,或按Shift+Enter组合键,可以插入换行符。
吉安市中等专业学校

3.2.1

设置段落格式和对齐方式

段落的HTML标签是“<p>…</p>”,换行的HTML标 签是“<br>”,XHTML标签是“<br />”。 换行仍然是段落内的行为,只有“<p>…</p>”标签才 能起到重新开始一个段落的作用。

二、文本的对齐方式
通常有4种:左对齐、居中对齐、右对齐和两端对齐。 可以通过依次单击【属性】面板中的相应按钮来实现,也 可以通过【文本】/【对齐】菜单中的相应命令来实现。 如果同时设置多个段落的对齐方式,则需要先选中这 些段落。
吉安市中等专业学校

3.2.2

设置空格、缩进和凸出

一、设置空格

在文档排版过程中,通过按Space键来添加空格是 最常用的操作,有时也会遇到需要使某段文本整体向内 缩进或向外凸出的情况。 只有在【首选参数】对话框的【常规】分类中选中 了【允许多个连续的空格】复选框,才能通过按Space 键来添加空格。
二、缩进和凸出 选中文本,然后单击【属性】面板中的相应按钮可 以实现文本整体向内缩进或向外凸出。
吉安市中等专业学校

3.2.3
一、列表

设置列表和水平线

列表的类型通常有编号列表、项目列表、目录列表、 菜单列表、定义列表等。通过【属性】面板可以设置编号 列表、项目列表,其他列表类型可以通过菜命令设置。

通过选择【文本】/【列表】/【属性】命令打开【列 表属性】对话框还可以对列表的属性进行设置。

吉安市中等专业学校

3.2.3
二、水平线

设置列表和水平线

选择【插入】/【HTML】/【水平线】命令,插 入水平线。
在【属性】面板中 ,可以设置水平线属性。

吉安市中等专业学校

3.3 设置文本属性
本节主要内容: 设置文本的字体、大小和颜色 设置文本样式 插入日期

吉安市中等专业学校

3.3.1 设置文本的字体、大小、颜色和样式
可以通过【属性】面板或【文本】菜单命令对 文本设置字体、大小、颜色和样式,这种方式只对 当前所选择的文本起作用。

也可以通过【页面属性】对话 框对文本设置字体、大小、颜色和 样式,这种方式对整个网页中的文 本都起作用。
吉安市中等专业学校

3.3.1 设置文本的字体、大小、颜色和样式
文本样式主要是指粗体、斜体、下划线等样式, 可以通过【属性】面板、菜单命令或【插入】工具 栏来设置。

吉安市中等专业学校

3.3.1 设置文本的字体、大小、颜色和样式
文本样式主要是指粗体、斜体、下划线等样式, 可以通过【属性】面板、菜单命令或【插入】工具 栏来设置 。

吉安市中等专业学校

3.3.2

插入和设置日期文本

选择【插入】/【日期】命令,打开【插入日期】 对话框,进行参数设置 。 只有在【插入日期】对话框中勾选【储存时自动 更新】复选框,才能使单击日期时显示日期的【属性】 面板,否则插入的日期仅仅是一段文本而已。

吉安市中等专业学校

课程回顾和小结:
掌握设置页面属性的方法。 掌握设置段落属性的方法。 掌握设置文本属性的方法

思考题和作业: 如书上图3-17制作“创世神话”网页

教学反思:

吉安市中等专业学校


相关文章:
网页设计教案
网页设计教案_工学_高等教育_教育专区。《网页设计与制作》课程 网页设计与制作》 教 案 姓部 名门学分 总学时 2011 年 10 月 【课程概述】本课程主要是依据...
HTML网页设计教案
《HTML 网页设计教案 章节课题 列 1 号共 5 页 第一章 HTML 网页设计入门 2007 年 9 月 4 日 第一周 星期(二) 第 1~2 节 审阅者签名 授课日期 ...
网页设计教案6(4课时)
网页设计教案6(4课时)_计算机软件及应用_IT/计算机_专业资料。盒模型相关概念及元素的定位和浮动技术。郑州轻工业学院民族职业学院教师课时授课计划书教学第_4_周;...
网页制作教案四课时
网页制作教案四课时_其它课程_小学教育_教育专区。网页欣赏学习目标 知识目标:...4.属性面板 用于查看各更改当前选择对象的各种属性。 (二)新建站点 为了有效地...
第4章-教案 网页设计与制作_图文
4章-教案 网页设计与制作_教育学_高等教育_教育专区。适合信息化爱好者参考 授课题目:第 4 章 网页设计与制作 授课方式 (请打√) 教学大纲要求: 教学目的、...
网页设计教学教案_图文
《Dreamweaver CS5 网页设计教程》 配套教学教案第1讲课时内容 教学目标 Dreamweaver CS5 网 页制作基础 授课时间 150 分钟 课时 4 ? 了解规划网站 ...
网页设计教案_图文
年月日 新疆天山职业技术学院课程教案首页课程名称 授课班级 授课题目 授课类型 网页设计与制作 15W 计信、15Z 计信 授课序次 授课时间 2.29-3.4 第一周 学...
平面设计实训教案4-网页
平面设计实训教案4-网页 隐藏>> 湖南机电职业技术学院教案备课组长签名: 班级 多媒体 0601 日期 2008.5.22 基本课题(第几章、第几节课题和名称) 教师签名:宋洋...
网页设计与制作 教案_图文
教学重点 与难点 教学过程 设计 2.Internet 简介(5 分钟左右) 3.了解常用的网页制作工具(10 分钟左右) 如:Dreamweaver 和 FrontPage 4.了解美化网页的主要工具(...
网页制作教案电子版_图文
网页制作教案电子版_院校资料_高等教育_教育专区。校历 教学内容 第一章《网页与网站基础知识》 课时 课型网站的策划与创建原则 第 一 4 周 理论+实践 教学目标...
更多相关标签:
网页设计与制作教案 | 网页设计教案 | 网页顶部广告设计教案 | 4.3网页的设计教案 | 网页设计基础教案 | 网页制作教案 | 电子商务网页制作教案 | 中职网页制作教案 |