第2讲+手工编写HTML网页 (1)

第2讲+手工编写HTML网页 (1)

ID:39801232

大小:372.50 KB

页数:7页

时间:2019-07-11

第2讲+手工编写HTML网页 (1)_第1页
第2讲+手工编写HTML网页 (1)_第2页
第2讲+手工编写HTML网页 (1)_第3页
第2讲+手工编写HTML网页 (1)_第4页
第2讲+手工编写HTML网页 (1)_第5页
资源描述:

《第2讲+手工编写HTML网页 (1)》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、授课计划一、授课时间:2014年月日二、授课章节项目一:任务二手工编写HTML网页三、教学目的要求1、掌握手工编写HTML网页文件和查看网页文件源代码的方法;2、掌握HTML文档的基本结构及语法使用规范。四、教学重点难点1、HTML文档的基本结构及语法使用规范;Dreamweaver界面的基本使用(重点)2、懂得运用HTML语句修改网页元素属性效果(难点)五、教学方法讲授法、演示法、实验法六、教学用具多媒体计算机、互联网七、教学过程l复习:评讲P19-20练习题l案例导入:(1)在记事本输入P9图1-13

2、源代码,并浏览效果。(2)进入DW查看源代码(或在浏览网页效果时,击“查看”—源文件(P17));(3)在DW中新建空白文档,在代码视图下查看文档源代码。让学生总结:网页是由HTML语句所组成。l新授一、HTML文档结构1、HTML的基本结构7(HTML开始标识)(头部开始标记)是HTML文档的头部信息(头部结束标记)(正文开始标记)是HTML文档的主体部分(正文结束标记)(HTML结束标识)2、格式说明:(在DW中演示分析)(

3、1)HTML(超文本标记语言)不是一种编程语言,仅仅是描述性的标记语言。它定义了一系列的标签,每个标签表示一种意义。(2)标记是由相应的英文嵌在“<>“内构成,英文不区分大小写;(3)标记可分为单标记与双标记;例:单标记:
(换行)、


(水平线)(4)标记不能嵌套使用(演示错误码效果)(5)大部分标记都拥有属性,通过属性可进一步描述标记的作用二、HTML的常用标记1、标题标记(p11)格式:文本功能:用于设置字体大小,共有6个等级,n越小,标题字号越大。例:

1

4、3电子商务

(在DW中可在“属性”面板—“格式”中选定标题字号)2、换行标记
(单标记)相当于在DW中按shift+enter键,在XHTML 1.0 Transitonal 规范里所有的标签都要求闭合,以前那种单一标签都要在其后加“/”,例:
变为
(在DW中拆分视图下把第一行代码删除演示分析,若要显示代码提示:击“编辑”-显示代码提示)3、水平线段标记
(P12,单标记,具有4个属性)7例:在XHTML 1.0 Transitona

5、l 规范中要变成(DW中击“插入”—HTML-水平线)4、段落标记

(相当于在DW中按enter键)l语法格式:文本

。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。例:13电子商务

(在DW中运用工具设置效果看观察代码的变化)5、文字标记(p13)l语法格式:文本

6、FONT>例:欢迎光临6、插入图像标记(P15)基本语法:   其中,src属性指明了所要链接的图像文件地址,这个图形文件可以是本地机器上的图形,也可以是位于远端主机上的图形。  例如:三、Dreamweavercs6工作界面的认识(P38)1、启动Dreamweaver的方法:(1)双击图标;(2)击“开始”---程序

7、---Macromedima—Dreamweavercs6。2、工作区的基本组成(P38)①标题栏;②菜单栏;③“插入“面板;(在DW中演示,击“窗口”--“插入”)④文档工具栏:(文档工具栏的显示/隐藏:击“查看”—工具栏—文档;演示:标题的输入方法,观察代码的变化)l提供了四种视图切换模式:A.设计视图:系统默认的文档窗品视图模式,显示设计视图;B.代码视图:用于显示和编辑HTML源代码。例:新建一个空白文档,在“代码”视图查看源代码C.拆分视图:用于同时显示HTML源代码和设计视图。d.实时视图:可

8、在实际的浏览器条件下设计网页。单击该按钮将显示“7实时代码”和“检查”按钮,可以显示代码或启动检查模式。7【多屏幕】:用户可以选择网页显示的屏幕分辨率。(相对于DW8版本新增内容)【在浏览器中预览/调试】按钮:通过指定浏览器预览网页文档,可以在文档中存在JavaScript错误时查找错误。【文件管理】按钮:有于快速执行“获取”、取出、上传、存回等文件管理命令。【W3C验证】按钮:可弹出W3C验证菜单。(W3C是万维网联盟的缩写

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。