师：同学们好，欢迎来到信息技术课堂。上节课我们了解了网页和网站的含义，初步认识了html语言，还掌握了规划网站的5个要点。这节课，我们要根据上节课规划的广州骑楼主题网站结构图，来创建站点和网页。
本节课的学习目标有：了解常见的网页制作软件；了解Dreamweaver的安装和窗口组成；学会站点新建和管理的方法；体验网页创建与保存属性设置的过程。
俗话说，工欲善其事，必先利其器。制作网页前，我们要先选择并安装制作软件。常见的网页制作软件有Dreamweaver、Frontpage、Sublime、Webstorm等，我们选用的是Dreamweaver。它是Adobe公司开发的一款所见即所得的网页设计软件，能提供站点和网页的创建与管理功能。那如何安装Dreamweaver呢？请同学们带着这个问题观看微课《Dreamweaver的安装》。
师：（播放微课后）通过微课，我们了解了如何安装Dreamweaver，接下来请同学们在电脑上安装。安装完成后，我们再来了解Dreamweaver的窗口组成。打开Dreamweaver后，会看到这样的窗口：上面有标题栏、菜单栏、插入工具栏、文档工具栏；中间空白区域是文档编辑区；文档编辑区下面是状态栏；底部是属性面板；右侧是面板组。
下面我们用Dreamweaver来创建广州骑楼主题站点和相关网页。首先要建立站点，就是在计算机硬盘的某个位置建一个文件夹，网站所有的网页素材文件都存放在这个文件夹里，它相当于网站基地。等整个网站制作完成，把该文件夹传送到服务器上，网站就能供人们在网上浏览了。那建立站点的具体操作步骤有哪些？请同学们带着这个问题观看微课。
师：（播放微课后）从微课中我们学习了如何建立站点，接下来请同学们完成实践任务一：建立广州骑楼站点。要求如下：首先在电脑E盘建立一个文件夹，命名为website，然后在website文件夹下建立一个子文件夹，命名为images；打开Dreamweaver软件，新建站点，站点名称命名为广州骑楼；把站点的本地根文件夹设置为E盘的website文件夹。
同学们已经建立了站点，但这个站点还是空的，接下来要把创建的网页保存在这个文件夹里。怎样创建网页呢？在Dreamweaver中，利用文件面板可以高效地创建、重命名或打开站点中的网页文档和文件夹。接下来，请同学们观看微课，学习创建网页和设置页面属性的方法。
师：（播放微课后）通过微课，我们学习了创建网页和设置页面属性的方法，接下来请同学们完成实践任务二：创建广州骑楼网页。要求如下：新建页面命名为index.html，并设置成首页；设置页面属性，包括设置页边距，左边距与上边距均为0，设置背景颜色为棕黄色（#FFC66），设置网页标题为广州骑楼首页；保存网页。这是网页的预览效果图。
同学们创建了广州骑楼网页并设置了页面属性，切换到代码视图会发现html代码也自动发生了变化。例如title标签中出现了“广州骑楼首页”这几个字，表示网页标题；margin - left、margin - top、background - color分别表示页面左边距、上边距和背景颜色。网页的背景不仅能设置为某种颜色，还能设置为图片。网页常用的图片格式有GIF、JPEG和PNG等。在页面属性对话框不仅能设置背景颜色、背景图片、页边距，还能设置超链接的样式、标题和编码、跟踪图像及其透明度等。接下来，请同学们完成实践任务三：在广州骑楼站点E盘website中再新建几张页面，用于制作发展历程、风格样式、辐射影响等栏目网页，把它们保存，分别命名为develop.html、style.html、effect.html。
随着创建的网页数量增多，遵循网页的命名规则能让网站管理更清晰有条理。一般的网页命名规则是：网站中所有的网页文件和文件夹，命名时尽量不用中文名，因为网页发布到网上时，部分Web服务器不支持中文文件名，会出现错误；最好使用有规律可循的名称，如汉语拼音、英文单词、英文缩写等，便于设计者以后查看；通常把网站的首页命名为default.html，把网站的主页命名为index.html。刚才提到了网站的首页和主页，它们是什么呢？首页是访问网站时看到的第一个页面。主页是一个网站中最主要的一个页面，通过它不仅能了解网站的性质和内容，还能访问网站中的其他页面。现在很多网站，它的首页和主页是同一个网页，例如学习强国网站、广州智慧教育公共服务平台。接下来我们做一些练习题。