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

网页设计教案(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制作“创世神话”网页

教学反思:

吉安市中等专业学校


相关文章:
HTML网页设计教案
《HTML 网页设计教案 章节课题 列 1 号共 5 页 第一章 HTML 网页设计入门 2007 年 9 月 4 日 第一周 星期(二) 第 1~2 节 审阅者签名 授课日期 ...
第4章-教案 网页设计与制作
4章-教案 网页设计与制作_教育学_高等教育_教育专区。适合信息化爱好者参考 授课题目:第 4 章 网页设计与制作 授课方式 (请打√) 教学大纲要求: 教学目的、...
网页设计教案
网页设计教案_工学_高等教育_教育专区。《网页设计与制作》课程 网页设计与制作》 教 案 姓部 名门学分 总学时 2011 年 10 月 【课程概述】本课程主要是依据...
网页设计教案6(4课时)
网页设计教案6(4课时)_计算机软件及应用_IT/计算机_专业资料。盒模型相关概念及元素的定位和浮动技术。郑州轻工业学院民族职业学院教师课时授课计划书教学第_4_周;...
网页设计与制作 教案
教学重点 与难点 教学过程 设计 2.Internet 简介(5 分钟左右) 3.了解常用的网页制作工具(10 分钟左右) 如:Dreamweaver 和 FrontPage 4.了解美化网页的主要工具(...
网页设计与制作 电子教案
(2)制作网页时常用软件有哪些? (3)如何启动和退出 Dreamweaver CS3? (4)如何打开 Flash 文件? (5)如何退出 Photoshop? 思考题及 作业 电子教案课程: 第 2 ...
网页设计基础教案
网页设计电子教案 2016-2017 学年第一学期 主讲——田小宇 教实训内容 实训...4、网页包含哪些基本构成要素? 二、认识网页与网站网页与网站 1、网页(Web ...
网页制作教案电子版
网页制作教案电子版_院校资料_高等教育_教育专区。校历 教学内容 第一章《网页与网站基础知识》 课时 课型网站的策划与创建原则 第 一 4 周 理论+实践 教学目标...
4.2《网站主页的设计》教学设计
网站主页的设计教学设计 网站主页的设计》一、教材分析 本节课讲授浙江教育...图 3“威尼斯的泪”网站主页 图 4 “威尼斯的泪”表格框架 师:老师这里有个...
网页设计速成教案
网页设计速成教案_工学_高等教育_教育专区。第一节课 网站基本知识和简单网页制作...(4)锚记与页内超级链接 网页较长,有 7、8 页或更长,为了方便翻阅和寻位...
更多相关标签:
网页设计教案 | 网页设计与制作 教案 | 4的分合教案设计 | 网页制作教案 | 电子商务网页制作教案 | 中职网页制作教案 | 网页美工教案 | 网页ap元素教案 |