欢迎来到天天文库
浏览记录
ID:39801232
大小:372.50 KB
页数:7页
时间:2019-07-11
《第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开始标识)
3、1)HTML(超文本标记语言)不是一种编程语言,仅仅是描述性的标记语言。它定义了一系列的标签,每个标签表示一种意义。(2)标记是由相应的英文嵌在“<>“内构成,英文不区分大小写;(3)标记可分为单标记与双标记;例:单标记:(换行)、
4、3电子商务(在DW中可在“属性”面板—“格式”中选定标题字号)2、换行标记(单标记)相当于在DW中按shift+enter键,在XHTML 1.0 Transitonal 规范里所有的标签都要求闭合,以前那种单一标签都要在其后加“/”,例:变为(在DW中拆分视图下把第一行代码删除演示分析,若要显示代码提示:击“编辑”-显示代码提示)3、水平线段标记
5、l 规范中要变成(DW中击“插入”—HTML-水平线)4、段落标记
(相当于在DW中按enter键)l语法格式:
文本
13电子商务
6、FONT>例:欢迎光临
7、---Macromedima—Dreamweavercs6。2、工作区的基本组成(P38)①标题栏;②菜单栏;③“插入“面板;(在DW中演示,击“窗口”--“插入”)④文档工具栏:(文档工具栏的显示/隐藏:击“查看”—工具栏—文档;演示:标题的输入方法,观察代码的变化)l提供了四种视图切换模式:A.设计视图:系统默认的文档窗品视图模式,显示设计视图;B.代码视图:用于显示和编辑HTML源代码。例:新建一个空白文档,在“代码”视图查看源代码C.拆分视图:用于同时显示HTML源代码和设计视图。d.实时视图:可
8、在实际的浏览器条件下设计网页。单击该按钮将显示“7实时代码”和“检查”按钮,可以显示代码或启动检查模式。7【多屏幕】:用户可以选择网页显示的屏幕分辨率。(相对于DW8版本新增内容)【在浏览器中预览/调试】按钮:通过指定浏览器预览网页文档,可以在文档中存在JavaScript错误时查找错误。【文件管理】按钮:有于快速执行“获取”、取出、上传、存回等文件管理命令。【W3C验证】按钮:可弹出W3C验证菜单。(W3C是万维网联盟的缩写
此文档下载收益归作者所有