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

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

教学反思:

吉安市中等专业学校


相关文章:
网页教案设计4
创建映射图像链接的方法 教学时间: 4 课时(2 节理论课,2 节实验课) 教学过程: §4.1 超级链接的基础知识一、概念 是指站点内不同网页之间、站点与 Web 之间...
网页制作教案
,噍,这就是我设计的 第一 组织教学 (1 组织学生、清点人数 分钟) 复习导课 (4 同学们,网页设计是一门非常有意思的课,它简单易 问答 分钟) 学,但要学好...
网页制作教案电子版_图文
网页制作教案电子版_院校资料_高等教育_教育专区。校历 教学内容 第一章《网页与网站基础知识》 课时 课型网站的策划与创建原则 第 一 4 周 理论+实践 教学目标...
网页设计教学教案_图文
《Dreamweaver CS5 网页设计教程》 配套教学教案第1讲课时内容 教学目标 Dreamweaver CS5 网 页制作基础 授课时间 150 分钟 课时 4 ? 了解规划网站 ...
网页设计与制作 电子教案
(2)制作网页时常用软件有哪些? (3)如何启动和退出 Dreamweaver CS3? (4)如何打开 Flash 文件? (5)如何退出 Photoshop? 思考题及 作业 电子教案课程: 第 2 ...
网页设计教案6(4课时)
网页设计教案6(4课时)_计算机软件及应用_IT/计算机_专业资料。盒模型相关概念及元素的定位和浮动技术。郑州轻工业学院民族职业学院教师课时授课计划书教学第_4_周;...
制作网站首页教案设计
制作网站首页教案设计 制作网站首页教案设计广东省云浮市郁南县平台镇初级中学 ...(3)能够在网页中添加网页元素。 (4)能在网页中设置超链接。 2、过程与方法:...
《网页设计》教案
网页设计教案_艺术_高等教育_教育专区 暂无评价|0人阅读|0次下载|举报文档《网页设计教案_艺术_高等教育_教育专区。网页设计课程的教案 ...
《网页设计基础》完整教案(201309版)
网页设计基础》完整教案(201309版)_其它课程_初中教育_教育专区。武汉城市职业...4、网站规划和设计流程 5、网页配色方案,效果图设计, 6、切片、布局等 一、...
网页设计教案
网页设计教案_工学_高等教育_教育专区。《网页设计与制作》课程 网页设计与制作》 教 案 姓部 名门学分 总学时 2011 年 10 月 【课程概述】本课程主要是依据...
更多相关标签: