最新网页教案设计 免费下载.doc

第二章 创建网页教学目标1掌握输入空格、普通文本、特殊字符、日期、列表等项目的操作方法2掌握文本的断行3掌握设置文本的属性及滚动文字的制作4掌握设置网页的属性5了解网页图像的格式6掌握图像插入、编辑的方法7掌握网站相册的建立教学重点 1文本段落的编辑2文本属性的设置3网页中图像的应用及属性的设置教学难点 1图像的编辑为难点2滚动文字的制作教学时间4课时（2节理论课，2节实验课）教学过程2.1制作文本页面一、新建网页文件1、方法一：启动了Dreamweaver软件，如同启动Word等其它应用软件一样打开了一个新的空的网页文档，就可以在这个新的文档中进行网页设计编辑；或者单击“文件”菜单中的“新建”命令，或直接按Ctrl+N键，打开一个新页面，在该页面中也可以进行网页的设计编辑。网页设计编辑完毕后，保存网页文件：保存的位置在站点根目录下，新文件取名为“index.html”即建立了主页文件。2、方法二：打开站点管理窗口，在站点管理窗口右边的本地文件夹列表框中建立新文件，新文件取名为“index.html”按回车键，即建立了主页文件。双击“index.html”文件，进入编辑“index.html”的网页文件窗口，进行主页设计。二、输入普通文本1、输入文本（1）“文件”“导入”（2）复制已有的文本：“复制”“粘贴”（3）直接输入：在文档编辑窗口中直接输入2、输入网页中的空格l 汉字输入状态下输入l “属性”面板“格式”“预先格式化的”l Shift+Ctrl+空格l “编辑”“首选参数”“常规”“允许多个连续的空格”3、文本换行l Enter分段（隔一行）l Shift+Enter换行（不分段）4、文本的属性设置（1）选用字体在“字体”下拉表框中找到字体。如果在“字体”下拉表框中，没有找到字体。“字体”下拉表框中找到字体。单击“文本”“字体”“编辑字体列表”命令。或者在“属性”面板中选择“字体”下拉列表中选择“编辑字体列表选项”。要添加字体组合，可单击对话框中的加号按钮，若要删除字体组合，可单击减号按钮。在该对话框中的“可用字体”列表中选择所要添加的字体。（2）设置字号字号指的是相对缺省字体而言的字体的大小。我们可以在浏览器中使用缺省字号，可在“属性”在面板的“大小”下拉列表框中选择。（3）设置颜色颜色是网页外观的一个重要因素，要改变文本的颜色，可选中要设置的文本，单击“文本”“颜色”命令。三、插入水平线1插入水平线（1）将光标置于“我的简历”后面（2）执行菜单“插入记录”中的“HTML”中的“水平线”命令 2水平线的属性面板可以通过水平线的“属性”面板设置水平线的宽度、高度、类型、对齐方式及是否有阴影。水平线的“属性”面板如下：四、时间日期在Dreamweaver系统中可以插入页面的制作日期和时间。将光标置于要插日期和时间的位置，选择“插入”“日期”命令，可以在页面上插入插日期和时间，还可以设置日期和时间的格式。五、滚动文字的应用1基本格式 . 示例：我移动了！2属性（1）方向 #=left, right,up,down 举例：我从右向左移！ 我从左向右移！ （2）方式 #=scroll, slide, alternate 举例：我一圈一圈绕着走！ 我只走一次就歇了！ 我来回走！ （3）循环 #=次数；若未指定则循环不止举例： 我只走 3 趟哦！ 我只走 3 趟哦！ 我只走 3 趟哦！ （4）速度 举例：我走得好快哦！ （5）对齐方式(Align) #=top, middle, bottom对齐上沿、中间、下沿举例： 我移动了！（6） 。六、预览网页1执行“文件”菜单下的“保存”命令，保存网页2按快捷键F12预览网页 2.2 制作图像页面一、“页面属性”设置使用Dreamweaver创建了空白网页后可以对页面进行属性设置。执行“修改” “页面属性”命令，打开“页面属性”对话窗口：使用“页面属性”对话框，可以设置页面的整个外观，如页面的字体、大小、颜色、背景颜色、背景图象，还可以设置链接的样式、页面的标题等。虽然页面的属性有很多，并不是一个页面要将所有的属性全部都设置，用户在使用过程中根据自己的需要进行设置。二、插入图像1步骤：（1）光村定位；（2）执行菜单“插入记录”下的“图像”命令。 2设置属性（1）在“属性”面板的“替代”列表中输入替代文字；（2）在“属性”面板的“对齐”列表框中对齐方式。三、鼠标经过图像步骤：（1）执行菜单“插入记录”中的“图像对象”中的“鼠标经过图像”命令； （2）在“原始图像”文本框中选取图像文件； （3）在“鼠标经过图像”文本框中选取图像文件；（4）单击“确定”按钮。提示：该效果只有在网页预览时才能看到。2.3制作网站相册一、 创建网站相册步骤：（1）执行菜单“命令”“创建网站相册”命令；（2）根据对话框设置参数。二、美化网站相册步骤：（1）设置标题文字的大小、颜色；（2）设置标题文字所在的表格的背景颜色。 提示：在创建网站相册时，应把照片事先存在一个文件夹中，然后创建一个文件夹在创建网页时应用。本章小结本章主要介绍了简单文本网页页面的制作方法，网页中页面属性的设置、图片的应用及鼠标经过图像的设置与应用，同时讲解了网页中网站相册的创建与应用。本章