网页教案设计2.doc免费

网页教案设计2 - PAGE 5 - 第二章 创建网页 教学目标 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”的网页文件窗口，进行主页设计。 marquee align=# width=400我移动了！/marquee （6）/font font size=6。 六、预览网页 1．执行“文件”菜单下的“保存”命令，保存网页 2．按快捷键F12预览网页 §2.2 制作图像页面 一、“页面属性”设置 使用Dreamweaver创建了空白网页后可以对页面进行属性设置。执行“修改”→ “页面属性”命令，打开“页面属性”对话窗口： 使用“页面属性”对话框，可以设置页面的整个外观，如页面的字体、大小、颜色、背景颜色、背景图象，还可以设置链接的样式、页面的标题等。虽然页面的属性有很多，并不是一个页面要将所有的属性全部都设置，用户在使用过程中根据自己的需要进行设置。 二、插入图像 1．步骤： （1）光村定位； （2）执行菜单“插入记录”下的“图像”命令。 2．设置属性 （1）在“属性”面板的“替代”列表中输入替代文字； （2）在“属性”面板的“对齐”列表框中对齐方式。 三、鼠标经过图像 步骤： （1）执行菜单“插入记录”中的“图像对象”中的“鼠标经过图像”命令； （2）在“原始图像”文本框中选取图像文件； （3）在“鼠标经过图像”文本框中选取图像文件； （4）单击“确定”按钮。 提示： 该效果只有在网页预览时才能看到。 §2.3制作网站相册 创建网站相册 步骤： （1）执行菜单“命令”→“创建网站相册”命令； （2）根据对话框设置参数。 二、美化网站相册 步骤： （1）设置标题文字的大小、颜色； （2）设置标题文字所在的表格的背景颜色。 提示： 在创建网站相册时，应把照片事先存在一个文件夹中，然后创建一个文件夹在创建网页时应用。 本章小结 本章主要介绍了简单文本网页页面的制作方法，网页中页面属性的设置、图片的应用及鼠标经过图像的设置与应用，同时讲解了网页中网站相册的创建与应用。 本章作业 1．试写出网页中空格字符的输入方法？ 2．试写出使用Enter键与Shift+Enter键在网页中的效果有什么不同？ 3．鼠标经过图像的含义是什么？ 4．制作鼠标经过图像的步骤有哪些？ 5．网站相册的含义？ 6．写出制作网站相册的步骤？