项目三 文本-编排奥斯卡网页-电子教案

合集下载

网页设计电子教案项目备课

网页设计电子教案项目备课

网页设计电子教案项目备课一、教学目标1. 知识与技能:让学生了解网页设计的基本概念和原则。

培养学生运用HTML、CSS等前端技术进行网页设计与制作的能力。

使学生掌握网页设计的常用工具和软件。

2. 过程与方法:通过案例分析、讨论和实践,培养学生独立思考和合作解决问题的能力。

引导学生掌握网页设计的流程和方法,提高学生的创新能力和实践能力。

3. 情感态度与价值观:培养学生对网页设计的兴趣和热情,激发学生的创新意识。

使学生认识到网页设计在现代社会的重要性,提高学生的综合素质。

二、教学内容1. 网页设计基本概念:介绍网页设计的定义、发展历程和基本原理。

讲解网页设计的目的是和意义。

2. 网页设计原则:介绍网页设计的基本原则,如布局、色彩、字体等。

通过案例分析,让学生了解原则在实际设计中的应用。

3. 网页设计工具与软件:介绍常用的网页设计工具和软件,如Photoshop、Illustrator、Dreamweaver 等。

讲解这些工具和软件的基本功能和操作方法。

三、教学过程1. 课堂讲解:讲解网页设计的定义、发展历程和基本原理。

讲解网页设计的原则,如布局、色彩、字体等,并结合实际案例进行分析。

2. 实践操作:让学生利用所讲工具和软件,进行简单的网页设计实践。

引导学生独立思考,培养学生的创新能力和实践能力。

3. 课堂讨论:组织学生进行讨论,分享自己的设计心得和创意。

引导学生学会评价和分析他人的设计作品,提高学生的审美能力。

四、教学评价1. 课堂表现:观察学生在课堂上的参与程度、提问回答等情况,了解学生的学习态度和兴趣。

2. 实践作品:评价学生在实践操作中网页设计作品的创意、美观性和实用性。

3. 课堂讨论:评价学生在讨论中的表现,如观点阐述、评价他人作品等,了解学生的思考深度和表达能力。

五、教学资源1. 教材:选用权威、实用的网页设计教材,为学生提供系统的学习资料。

2. 网络资源:利用互联网为学生提供丰富的学习资源,如设计素材、案例分析等。

高中信息技术粤教版选修3教案-4.3.4 编辑网页图文素材-

高中信息技术粤教版选修3教案-4.3.4 编辑网页图文素材-

(Vertical Banner)。

3、banner的用途1)大家经常在各种大大小小的网站都能看到的广告banner或者焦点图,它们都有大有小、可长可短,但是他们共同的作用就是通过各种方式引导你去点击、渲染气氛。

2)大家通常可以在各种游戏网站,房地产网站,各种活动专题页中见到,也就是大家常说的头图,这种类型的banner通常并不是引导用户去触发点击,而是服务于内容,为整个页面做好气氛的渲染。

知识点二、Photoshop应用之动作、批处理1、动作的应用“动作”(Action)是photoshop中非常重要的一个功能,它可以详细记录处理图像的全过程,并且可以在其他的图像中使用,这对于需要进行相同处理的图像是非常方便、快速的。

2、批处理的应用在我们需要对很多图片作相同的处理时,一个一个处理是及其麻烦且耗时的,那么就可以使用PS的批处理功能,帮我们快速完成工作。

方法:“文件”菜单——“自动”选项——“批处理”,在弹出的面板开”命令)复选项。

如果动作中有“存储”命令,(目的)选区,一定要选中(覆盖动作“存储为”命令)复选项。

知识点三、Flash应用之遮罩动画1、遮罩的原理遮罩的原理就是透过一种形状来看被挡住的内容。

遮罩层——提供形状被遮罩层——提供内容(文字、图片等)2、遮罩的用途在Flash动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。

遮罩层:可以将与遮罩层相链接的图形中的图像遮盖起来。

用户可以将多个层组合放在一个遮罩层下,以创建出多样的效果。

知识点四、两个小软件的应用1、Banner Maker Pro。

高中信息技术人教版选修3优秀教学案例:编辑网页图片素材和超链接

高中信息技术人教版选修3优秀教学案例:编辑网页图片素材和超链接
五、案例亮点
1.紧密结合实际:本案例以校园活动宣传网页为背景,让学生能够直观地感受到信息技术在生活中的应用,增强了学生的学习兴趣和积极性。
2.任务驱动:通过设计具体的网页设计项目,引导学生动手实践,激发他们的创新意识和团队协作能力,使学生在完成任务的过程中自然地掌握所学知识。
3.小组合作:将学生分成小组进行合作学习,提高了学生的团队协作能力和沟通能力,同时也培养了他们的合作精神和集体荣誉感。
二、教学目标
(一)知识与技能
1.让学生掌握网页图片的基本编辑技巧,包括剪裁、调整大小、旋转、翻转等。
2.引导学生了解并学会使用网页图片素材库,提高查找和选用合适素材的能力。
3.让学生学会为网页图片和文字添加超链接,掌握超链接的基本设置方法。
4.培养学生掌握网页设计的基本原则,提高页面布局和美观度。
(二)过程与方法
(四)反思与评价
1.在教学过程中,我将引导学生进行自我反思,检查自己的学习进度和掌握情况,帮助他们发现自己的不足并加以改进。
2.组织学生进行互相评价,让他们学会从他人的作品中吸取优点,提高自己的审美观和设计能力。
3.定期进行课堂评价,对学生的学习成果进行总结和反馈,激发他们的学习动力,并指导他们进行下一步的学习。
四、教学内容与过程
(一)导入新课
1.利用校园活动宣传网页的实际案例,引起学生对网页设计的兴趣,并导入本节课的主题——编辑网页图片素材和超链接。
2.向学生展示一些优秀的网页设计作品,让学生初步了解网页设计的基本原则和美观度,激发他们的创造力和灵感。
3.提出问题:“你们认为一个优秀的网页设计应该具备哪些特点?”引导学生思考和讨论,激发他们的学习兴趣。
1.采用小组合作、讨论交流的方式,让学生在实际操作中学会网页图片的编辑技巧。

项目三 编排世博会网页--电子教案

项目三  编排世博会网页--电子教案
通过本任务的学习,读者能够对页面属性有一个全面的认识,并掌握参数的设置方法
1.设置【外观】分类
2.设置【链接】分类
3.设置【标题】分类
4.设置【标题/编码】分类
四、任务二编排页眉文本
本任务主要是对网页页眉部分的文本进行编排,涉及的知识点有文本字体、大小和颜色设置以及文本对齐方式等。
通过学习,需要掌握的内容主要有:
如果以CSS样式的方式设置了一个段落的字体、大小和颜色属性,按【Enter】键后下一段文本会继承这一属性。如果要取消这一属性,需要在【属性】面板的【样式】下拉列表中选择“无”。
2、插入换行符的方法
插入换行符可以在主菜单栏中选择【插入】/【HTML】/【特殊字符】/【换行符】命令,也可以按【Shift】+【Enter】键。其HTML标签是“<br>”。使用换行符只能使文本换行,但这不等于重新开始一个段落,只有按【Enter】键才是重新开始一个段落。
3、设置文本样式的方法
通过【文本】/【样式】级联菜单命令可以对文本设置简单的样式,如“下划线”、“删除线”等。在【属性】面板中,单击【B】按钮或【I】按钮也可以给文本设置粗体或斜体样式。
4、插入特殊字符
操作二编排右侧正文文本
本操作主要是编排网页右侧栏目中的文本。通过本操作的学习,应该掌握的内容主要有:
教学
方法
PPT课件;现场演示。
教学
重点
难点
页面属性的设置方法;字体、字号和颜色的设置方法;换行和段落格式的设置方法;列表的使用方法;插入水平线和日期的方法。
教学内容
一、项目背景
随着上海世博会的举办,人们对世博会的认识逐渐清晰起来。在上海世博会举办期间,人们可以亲临现场去领略其壮观的场面,也可以足不出户通过世博会专题网站一睹其芳容。可以说,在网络技术飞速发展的今天,任何大型活动都有自己的专题网站,这已成为大势所趋。基于此背景,本项目选择以世博会为主题来介绍对网页文本进行格式化的基本方法。

Dreamweaver 8中文版网页制作基础项目三 文本-编排奥运网页-电子教案

Dreamweaver 8中文版网页制作基础项目三 文本-编排奥运网页-电子教案
1、教学思路
2、教学手段
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置
作业:一~四
主要
参考资料
《网页设计与制作——Dreamweaver 8》,王君学、田明编著,人民邮电出版社
《中文Dreamweaver 8网页制作教程与上机实训》,魏聪等编著,机械工业出版社
《非常容易Dreamweaver 8网页制作》,导向科技编著,人民邮电出版社
备注
5.设置文本缩进和凸出的方法
6.插入水平线和日期的方法
重点
难点
设置文本字体、大小和颜色的方法
设置段落、换行和列表的方法要 Nhomakorabea掌握的知识点
创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题
中等职业学校教案
教研室:
课程名称:Dreamweaver 8中文版网页制作基础
任课教师:
XXXX学校教务处制
中等职业学校教案
第3次课讲授2学时实践4学时
章节
项目三文本──编排奥运网页
讲授主
要内容
1.设置页面属性的方法
2.设置文本字体、大小和颜色的方法
3.设置段落、换行和列表的方法
4.设置文本样式和对齐方式的方法

2024版《网页制作》教学设计优质课比赛优秀设计

2024版《网页制作》教学设计优质课比赛优秀设计

能力目标
能够熟练运用HTML、CSS和JavaScript等前端技术,完成静态网页和动态网页的设计与开发; 能够使用PHP、Java等后端技术,实现网站数据的处理和交互功能;能够运用响应式设计和 移动端开发技术,实现网页在不同设备上的适配和呈现。
素质目标
培养学生的创新意识和团队协作精神,提高学生的审美能力和用户体验设计能力,增强学生 的沟通能力和职业素养。
介绍如何使用JavaScript、PHP等后 端技术实现网页的交互功能和动态效 果。
响应式网页设计
讲解响应式网页设计的原理和实现方 法,使网页能够自适应不同设备的屏 幕尺寸。
8
教学方法
2024/1/28
案例教学法
01
通过分析经典案例,让学生了解优秀的网页设计作品的特点和
制作方法。
实践教学法
02
通过上机实践,让学生亲自动手制作网页,提高实际操作能力。
VS
课程定位
本课程是计算机科学与技术、软件工程等 专业的核心课程之一,也是其他相关专业 的重要选修课程。它旨在培养学生具备网 页设计与开发的能力,以适应信息化社会 对网页制作人才的需求。
2024/1/28
4
教学目标与要求
知识目标
掌握网页制作的基本概念和原理,了解网页设计与开发的前沿技术和趋势。
2024/1/28
18
教学反思与改进
2024/1/28
教学内容反思
针对教学过程中出现的问题和不足,对教学内容进行梳理和调整, 以提高教学效果。
教学方法改进
根据学生的反馈和学习效果,尝试采用新的教学方法和手段,如案 例教学、项目驱动等,以激发学生的学习兴趣和主动性。
教学资源优化
根据教学需求和学生实际情况,不断更新和完善教学资源,如教材、 教案、教学视频等,为学生提供更加优质的学习支持。

《网页制作》项目式教案

《网页制作》项目式教案

《网页制作》项目式教案一、教案简介本教案以项目式教学法为主线,通过一系列实践项目,让学生掌握网页制作的基本知识和技能。

学生将学习HTML、CSS、JavaScript等前端技术,并能运用这些技术制作出功能丰富、界面美观的网页。

二、教学目标1. 了解网页制作的基本概念和流程。

2. 掌握HTML、CSS、JavaScript三种前端技术的基本用法。

3. 能够独立完成一个简单的网页制作项目。

三、教学内容1. 网页制作基本概念:网页、网页元素、网页结构等。

2. HTML基本语法:标签、属性、注释等。

3. CSS样式表:选择器、属性、优先级、盒模型等。

4. JavaScript基本语法:变量、数据类型、运算符、函数等。

5. 网页布局与设计:浮动、定位、响应式设计等。

四、教学方法1. 项目式教学:以实际项目为载体,让学生在实践中学习。

2. 案例分析:分析经典案例,让学生了解实际应用。

3. 课堂讲解与练习:讲解理论知识,配合课后练习巩固所学。

4. 小组讨论与合作:培养学生团队协作能力,共同解决问题。

五、教学环境1. 硬件环境:计算机、投影仪、白板等。

2. 软件环境:文本编辑器(如Notepad++)、浏览器(如Chrome、Firefox)、网页设计软件(如Dreamweaver、Sublime Text等)。

六、教学评估1. 课堂参与度:观察学生在课堂上的积极参与程度,提问和回答问题的积极性。

2. 课后作业:评估学生完成的课后作业的质量,包括对HTML、CSS和JavaScript 的掌握程度。

3. 项目完成情况:评估学生在项目制作过程中的表现,包括网页设计、布局和功能实现。

4. 小组合作:评估学生在小组合作中的表现,包括团队协作能力和解决问题能力。

七、教学计划1. 第1周:网页制作基本概念和HTML基本语法。

2. 第2周:CSS样式表和网页布局与设计。

3. 第3周:JavaScript基本语法和案例分析。

网页设计与制作案例教程-电子教案6

网页设计与制作案例教程-电子教案6
网页设计与制作案例教 程-电子教案6
PPT文档演模板
2020/12/15
网页设计与制作案例教程-电子教案6
知识技能目标
• (1)学会在网页中输入文本与编辑文 本,掌握输入空格和实现文本换行的方法。 • (2)学会在网页中插入水平线和日期。 • (3)掌握网页文本格式化操作。
PPT文档演模板
网页设计与制作案例教程-电子教案6
PPT文档演模板
网页设计与制作案例教程-电子教案6
•(2)通过“文本”插入工具栏插入 • 先在Dreamweaver 8的“插入”工具栏 中选择“文本”,显示“文本”插入工具栏。 •将光标放置到需要插入特殊字符的位置,然 后单击“文本”插入工具栏最右边的按钮, 弹出快捷菜单,在快捷菜单中选择所需插入 的特殊字符“不换行空格”即可插入到网页 中。
PPT文档演模板
网页设计与制作案例教程-电子教案6
•5.3.2 插入文本列表
• 在网页中插入文本列表可以使文本内容 显得更加工整、直观。Dreamweaver 8中有两 种类型:项目列表和编号列表。 • 设置项目列表的操作过程如下: •(1)显示“文本”插入工具栏。 •(2)输入多行文本,每一行必须按Enter键 换行。 •(3)选中需要设置成项目列表的文本。
•输入法切换到半角状态,按空格键只能输 入一个空格。如果需要输入多个连续的空格 可以通过以下几种方法来实现: •(1)将输入法切换到中文全角状态。 •(2)直接按“Ctrl+Shift+Space”组合键。 •(3)在“文本”工具栏,选择【不换行空 格】命令,可以插入多个连续的空格。
PPT文档演模板
PPT6
•5.3.3 插入水平线
• 在标题与正文之间插入一条水平线,要求 “对齐”方式设置为“居中对齐”,并且给水 平线设置阴影效果。具体操作过程如下: • (1)将“插入”工具栏切换到“HTML” 类型。 • (2)将光标放置到标题最后一个字符的 右边。

网页设计电子教案项目备课

网页设计电子教案项目备课

一、教案名称:网页设计电子教案项目备课二、课时安排:2课时(90分钟)三、教学目标:1. 了解网页设计的基本概念和流程;2. 掌握HTML和CSS的基本语法和用法;3. 能够独立完成一个简单的网页设计项目。

四、教学内容:1. 网页设计的基本概念和流程;2. HTML的基本语法和用法;3. CSS的基本语法和用法;4. 网页设计项目的实践操作。

五、教学过程:第一课时:一、导入(10分钟)1. 教师通过向学生展示一些典型的网页设计案例,引发学生对网页设计的兴趣和好奇心。

2. 教师简要介绍网页设计的基本概念和流程。

二、基本语法和用法(15分钟)1. 教师讲解HTML的基本语法和用法,包括标签、属性、注释等。

2. 教师讲解CSS的基本语法和用法,包括选择器、属性、注释等。

三、实践操作(45分钟)1. 教师引导学生通过编写HTML和CSS代码,完成一个简单的网页设计项目。

2. 教师巡回指导,解答学生的问题。

第二课时:四、项目实践(45分钟)1. 学生根据第一课时所学内容,独立完成一个简单的网页设计项目。

2. 教师巡回指导,解答学生的问题。

2. 教师提出一些拓展任务,激发学生的学习兴趣。

六、课后作业:1. 复习本节课所学内容,巩固基础知识;2. 完成一个简单的网页设计项目,提高实践能力。

七、教学评价:1. 学生课堂参与度;2. 学生完成项目的情况;3. 学生对网页设计的基本概念、基本语法和用法的掌握程度。

六、教案名称:网页设计电子教案项目备课(续)七、课时安排:2课时(90分钟)八、教学目标:1. 加深对网页设计的基本概念和流程的理解;2. 进一步掌握HTML和CSS的高级用法;3. 学会使用网页设计工具进行网页制作。

九、教学内容:1. HTML的高级用法,如表单、框架等;2. CSS的高级用法,如过渡、动画等;3. 网页设计工具的使用,如Dreamweaver、Visual Studio Code 等。

十、教学过程:第三课时:六、复习与导入(10分钟)1. 教师引导学生复习上一节课所学生网页设计的基本概念、基本语法和用法以及实践操作经验。

《电子商务网站建设》课程设计方案

《电子商务网站建设》课程设计方案

《电子商务网站建设》课程设计编写:李文斌审核:李志勇林文杰漳州职业技术学院二〇一〇年二月目录第一部分课程标准 (1)一、课程性质和任务 (1)二、学习领域课程描述 (1)三、课程目标 (2)四、课程内容和要求 (2)五、教学建议与说明 (6)第二部分课程整体设计 (9)一、学习领域(典型工作任务)描述 (9)二、课程目标设计 (9)三、课程内容(学习情境/学习任务)设计 (10)四、课程教学策略设计 (11)五、课程教学进度表设计 (12)六、课程学业评价设计 (14)七、课程实施条件设计 (14)第三部分课程单元教学设计 (16)学习情境一网站系统规划设计 (16)学习情境二网站系统设计 (25)学习情境三网站系统实现 (52)学习情境四网站系统的发布 (58)学习情境五网站系统的管理与推广 (64)第一部分课程标准课程名称:电子商务网站建设适用专业:电子商务专业一、课程性质和任务《电子商务网站建设》课程是高等职业院校电子商务专业的一门必修综合性技能课程,也是该专业的主干核心课程。

该课程是在学生完成前四个学期的电子商务专业基础课程和相关专业课程后,于第五个学期开设的综合性技能课程。

根据工作过程和工作项目分析,该课程的主要工作项目为商务网站的建设与商务网站的管理,旨在培养学生实际建设商务网站的基本技能和操作能力,以及管理技能,充分体现漳州职业技术学院电子商务专业的专业定位“综合型商务企业经营管理”。

它是学生毕业后选择就业、参加国家级电子商务专业资格考试的重要基础。

本课程通过采取理论讲授、案例分析、企业参观、生产性实训和小组研究以及完成网站作品相结合的形式,使学生掌握网站建设与管理的基本理论,并具备以下能力:1.网站系统的规划设计能力;2.网站系统的设计能力;3.网站系统的实施能力;4.网站系统的发布能力;5.网站系统的推广和维护能力。

二、学习领域课程描述本课程根据电子商务专业人才培养目标、职业岗位能力需求和前后续课程的衔接,参照电子商务人员从业资格标准,根据电子商务职业道德的培养和职业素质养成的需要,以工学结合为切入点,进行《电子商务网站建设》课程标准的设计,从而培养“就业能上岗、上岗能顶岗”的创新型高技能电子商务人才。

《网页设计与制作Dreamweaver-CS6》电子教案

《网页设计与制作Dreamweaver-CS6》电子教案
教学过程
1、教师讲解站点的含义;
2、演示创建一个站点的基础操作步骤;
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。

作业布置
作业:一~四
主 要
参考资料
《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注
章 节
项目八CSS──设置环境保护网页
讲授主
要内容
1.CSS样式的作用
2.创建和设置CSS样式的方法
3.-
4.附加样式表的方法
重 点
难 点
创建和设置CSS样式的方法
附加样式表的方法
要求掌握
的知识点
【CSS样式】面板、CSS样式的类别、定义CSS样式的方法、CSS的【类型】等属性对话框、3种选择器各自的特点、创建超级链接的高级CSS样式、设置单元格ID名称和样式、修改CSS样式、删除CSS样式、应用CSS样式、附加样式表、重命名样式
Dreamweaver cs6窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局简介页面,介绍Dreamweaver cs6的功能和作用。
2、简介Dreamweaver cs6的安装、删除方法;
设置段落、换行和列表的方法
要求掌握
的知识点
创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题
教学过程

项目一 初识Dreamweaver CS3--电子教案

项目一  初识Dreamweaver CS3--电子教案

天津市信息工程学校
教师教案
课程名称:网页设计与制作
任课教师:李春玲
教学单位:天津市信息工程学校
课程教学基本信息
Dreamweaver cs3 课程教案
制作网页
、在欢迎屏幕中创建网页的方法
单击【新建】/【HTML】命令,创建空白HTML文档。

2、了解Dreamweaver CS3 窗口界面。

3、了解【标准】工具栏的使用。

选择主菜单栏中的【查看】/【工具栏】/【标准】命令将显示【标准】工具栏。

4、了解浮动面板组及其面板的组合
在Dreamweaver CS3窗口中的工具栏或各种面板,可以通过鼠标操作将它们从窗口中脱离出来成为浮动工具栏或面板,也可以根据实际需要对面板进行重组。

5、了解编辑区域的3种视图形式。

第三单元 探索3 网页的编辑和发布 教学设计苏科版(2023)初中信息技术七年级上册

第三单元 探索3 网页的编辑和发布 教学设计苏科版(2023)初中信息技术七年级上册

项目探索3 网页的编辑和发布&项目交流与评价一、核心素养学段目标根据学习需求,知道通过互联网大量案例分析,总结经验,并能借鉴这些知识经验去解决学习中的问题。

(信息意识)能执行问题解决方案,通过对数据的采集与分析,反思和优化解决方案,并将其迁移运用于解决其他问题。

(计算思维)按照任务需求,能选择合适的网络平台,合作完成数字化创新活动的创意、规划与实施。

(数字化学习与创新)负责任地共享信息和资源,并尊重他人知识产权。

(信息社会责任)二、课程内容通过大量网络案例的分析,体验网页版面布局和风格设计,并实际操练,推进项目开展,在此基础上,以小组为单位,开展H5网页的在线制作与发布。

进行点评,并适时反思和归纳。

三、学习目标认识网页版面布局和风格设计的重要性,并学会规划;选择H5网页平台对信息进行编辑与集成,并发布;通过制作中国大运河文化网页,唤起运河记忆,传播中华优秀传统文化。

四、课时安排与教学重难点建议2课时重点:初步学会网页版面布局规划和风格设计;学会通过H5网页平台制作网页并发布。

难点:能根据项目所需,灵活选用H5网页平台的各项功能对信息进行编辑与集成。

五、教学设计【教学环境】多媒体网络教室,配备台式计算机。

【教学过程】一、项目导入教师活动:对于广大普通用户来说,通过编辑HTML语言来编写网页是有很大难度的,而通过可视化工具(如H5网页等)进行互联网应用中数据的组织,既有“所见即多的”的效果,又能自动生成与之对应的网页源代码。

那么,如何制作这样的网页呢?接下来我将和同学们一起,探究网页布局的规划以及风格的设计,并尝试通过H5制作平台进行网页的在线编辑和发布。

学生活动:了解,明确接下来的学习内容和任务要求。

二、项目探索3(一)网页的规划教师活动:在前面的两个探究中,我们已经先后完成了对网页素材资源的再整理收集,以及网站的结构规划,但在动手制作网页之前,我们还需要进行版面布局的设计以及风格的确立。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
中等职业学校教案
教研室:
课程名称:Dreamweaver 8中文版网页制作基础
任课教师:
XXXX学校教务处制
中等职业学校教案
第3次课讲授2学时实践4学时
章节
项目三文本──编排奥斯卡网页
讲授主
要内容
1.设置页面属性的方法
2.设置文本字体、大小和颜色的方法
3.设置段落、换行和列表的方法
4.设置文本样式和对齐方式的方法
1、教学思路
2、教学手段
1、师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置
作业:一~四
主要
参考资料
《网页设计与制作——Dreamweaver 8》,王君学、田明编著,人民邮电出版社
《中文Dreamweaver 8网页制作教程与上机实训》,魏聪等编著,机械工业出版社
《非常容易Dreamweaver 8网页制作》,导向科技编著,人民邮电出版社
备注
5.设置文本缩进和凸出的方法
6.插入水平线和日期的方法
重点
难点
设置文本字体、大小和颜色的方法
设置段落、换行和列表的方法
要求掌握
的知识点
创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题
相关文档
最新文档