课题：设计首页教案
一、知识目标：认识网页工作编辑的一般过程。
二、技能目标：
1、熟练掌握在网页中输入文字、插入水平线、插入图片、设置网页背景和音乐的操作；
2、掌握网页的新建、预览和保存。
三、重点：插入图片和水平线、设置网页背景和音乐。
四、难点：图片、水平线属性的设置，网页背景、图片和背景音乐属性的设置。
教法：讲授法、演示法、任务驱动法、小组合作讲解。
一、引入课题：
通过提问同学们平时喜欢上网吗？
学生：喜欢。
师：那么同学们想不想知道它是怎么制作的那？
好下面我展示一下今天我们要制作的网站首页。
它包含有标题、网站标志图、正文介绍、网页背景图片和背景音乐、链接到下一页图标和文字。
好下面我们共同来制作完成它。
二、新授：
1、打开Dreamweaver8.0（如果没有站点新建一个dongwu的站点，如果已经建好站点通过窗口——文件——打开dongwu站点。
2、新建一个空白网页的方法：单击文件——新建——基本页——HTML——创建这时就新建了一个空白网页。（为防止设计的网页丢失可先点击文件保存，弹出对话框，文件名以index.htm保存。注：同时可以通过双击标题来修改网页名称）
3、制作标题：选择“设计”模式——在编辑器窗口中输入标题（“动物——人类的朋友”）。使用文字属性窗口进行字体的设置。字体：华文新魏，大小：65像素，剧中对齐。
4、插入水平线。将插入点移动到需要插入水平线的位置，单击“插入——HTML——水平线”命令，完成水平线的插入。选定水平线并利用属性窗口设置水平线的属性：高度为2像素（PX），右击——编辑标签——浏览器特定的，选择深绿。
5、插入网站标志图。将插入点移动到标题左端，单击“插入”菜单中的“图像”命令，打开“选择图像源文件”对话框，选择图片文件所在位置，单击“确定”按钮，通过“属性窗口”设置图片大小100*100、对齐方式：绝对居中等。
6、文字输入与排版。在水平线下方录入或者复制已有文字，再利用“属性窗口”或右击快捷菜单完成文字的排版：字体大小14像素（PX），字体默认：左对齐。
段落的排版需要通过CSS样式或用HTML语言代码来进行，除此之外还可以在“WPS”中排版好先选择“复制”后，再利用“编辑”菜单——“选择性粘贴”——“带结构的文本以及全部格式”命令来完成或者在插入点右击——选择性粘贴。（字体大小等此命令不可以实现）。
7、设置网页背景图片。单击“属性窗口”中的“页面属性”按钮（也可以通过右击鼠标——页面属性），打开“页面属性”对话框，在“外观中”可以对多个参数设置，页面字体设置默认字体、大小14像素、背景图像选择STBJ006. Jpg 文件、左边距10像素。
8、添加网页的背景音乐。单击“窗口”菜单——“行为”命令，打开“行为”面板——单击“+”后选择“播放声音”命令，打开“播放声音”对话框，选择“天鹅湖序曲”音乐单击确定。
选定音乐插件图标，单击“属性面板”中的“参数”按钮打开“参数”对话框，修改“AUTOSTART”参数后面的值由“false”改为“true”。这样浏览时背景音乐就会自动响起。
9、单击插入——图片——选择“ENTER”GIF动画插入。并在ENTER后边输入“进入下一页”文字。html首页制作
10、保存网页。单击“文件——保存”或“文件——另存为”或“文件——保存全部”命令，进行保存。（区别：保存是保存正在编辑的单个网页，另存为可以更改网页另存的地方，保存全部是把所有打开的网页全部保存。）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。