1.2认识HTML（课件）-高二《网页设计与制作》同步教学（华东师大版）

活动二：认识HTML 了解HTML语法的基本构成，并能认识几种常用的标签，能简单的应用这些标签。 教学目标： 知识要点： <html>、<head>、<title>、<body>、<p>、 <font>、<img>、<a>等标签。 准备知识： （1）HTML标签：标识HTML文件的开始和结束 （2）head标签：标题信息，包含了许多网页的属性信息 （3）title标签：标识当前网页的标题 （4）body标签：主体标签，<body>标签和</body>标签之间包括文档中所有 文本、图像等网页元素的内容。 （5）p标签： 段落标签，<p>标签和</p>标签之间是一个段落的内容 （6）font标签：字体标签，用来设置文字的格式 （7）img标签： 图像标签，设置网页中图像的来源、尺寸、对齐方式等属性 （8）a标签： 设置超级连接目标和名字等 活动二：认识HTML HTML是Hyper Text Markup Language的简称 一、网页的属性（背景与标题） 二、网页中的文字 三、网页中的图片 四、网页中的链接 活动二：认识HTML 活动引导： 通过直接修改网页中的代码可以很快地改变网页中各个网页元素的属性，但要记住如此众多的标签和相关属性的代码，却不是一件容易的事情。那么让我们来通过对Dreamweaver的学习，利用它所见即所得的优势，来轻轻松松地做自己的网页吧！ 活动二：认识HTML 活动小结 熟悉基本的界面操作，并对网页的制作有一个初步的认识。 活动三：制作 “我的第一张网页” 教学目标： 知识要点： 界面基本组成、基本操作。 主程序界面大致分 为以下几个区域： 菜单栏 插入栏 文档工具栏 编辑区 状态栏 属性面板 面板组 活动三：制作 “我的第一张网页” 准备知识： Dreamweaver SC3主程序界面 活动引导： 活动三：制作 “我的第一张网页” 一、建立站点 二、制作网页，将各种网页元素放入到网页中去。 活动三：制作 “我的第一张网页” 制作完成后的 效果图 制作网页的基本流程可以分为：建立站点->创建网页->插入网页元素->编辑网页元素->保存网页->预览效果。 活动三：制作 “我的第一张网页” 活动小结： 第一章实验：制作“我的个人介绍” 实验要求： 一、建立站点目录mysitelx，并将站点指定至站点目录。 二、制作网页“我的个人介绍”，在网页中加入背景图片、文字、 水平线、图片和超级链接。 三、通过记事本打开网页，修改现有的HTML代码，比较前后效果。 注意：本实验提供的样例仅供参考，也许你能设计出别具一格的网页。 修改后效果 第一章实验：制作“我的个人介绍” $$