网站建设实训教案

来源：网络收集时间：2026-09-10

导读：网站建设实训教案石家庄计算机职业学院教案（实训教案）编写格式与基本要求一、概念实训教案又称课程实训指导，是任课教师实训教学的实施方案。任课教师应遵循专业教学计划制订的培训目标，以教学大纲为依据，在熟悉教材、了解学生的基础上，结合教学实

网站建设实训教案

石家庄计算机职业学院

教案（实训教案）编写格式与基本要求

一、概念

实训教案又称课程实训指导，是任课教师实训教学的实施方案。任课教师应遵循专业教学计划制订的培训目标，以教学大纲为依据，在熟悉教材、了解学生的基础上，结合教学实践经验，提前编写设计好课程的实训指导。实训教案一般以独立的实训内容为单位设计编写。二、基本格式

1、教案封面如表一

2、每次课教案包含的内容如表二（1）教案首页

主要包括课次，学时，实训题目，实训目的，实训重点，实训难点，实训仪器或实训环境，实训方法。

（2）、续页

主要包括实训内容和步骤，补充内容和时间分配。（3）、尾页

主要包括思考题、作业题、讨论题，课后总结和分析。三、印制教案要求

用A4型纸张；字体用五号宋体，标题加黑；边距（mm）：上20、下15、左20、右15。页码居中、格式为“1”。三、编写要求

1、明确教学目标。

2、将课程内容及其结构与教学对象的认识结构有机对应，构架教学内容的逻辑路线，设计讲述策略。

3、科学安排进度，突出重点，讲清难点，注重启发。 4、精心选用教学手段，注明其使用时机。 5、详略得当，书写工整，项目齐全。

网站建设实训教案

石家庄计算机职业学院电子商务网站建设

系部：任课教师：教师职称：授课对象：课程学时：学年学期：

孙悦

06电子商务1班、2班

2007-2008学年第二学期

网站建设实训教案

第 1

次课，

学时

教案编写时间 Dreamwerver 的安装和启动，安装 IIS,

实训题目实训目的：学生掌握 IIS 的安装与调试，能建设站点，制作简单的页面

实训重点：

IIS 的安装与调试站点的建设

实训难点：

实训器材或实训环境：

机房，系统安装盘，dreamweaver 软件环境

实训方法：上机练习

网站建设实训教案

实

训内容和步骤

补充内容和时间分配

一、IIS 的安装调试添加 Internet 信息服务组件，插入安装盘，安装。调试：在浏览器地址栏输入 http://localhost/ 二、建立站点步骤： (1) 选择【站点】|【新建站点】命令，打开【站点定义】对话框，在【基本】选项卡的【您打算为您的站点起什么名字?】文本框中输入站点名称，本例输入 My site。 (2) 单击【高级】标签，在【高级】选项卡中设置本地站点的参数， (3) 在对话框左侧的【分类】列表中显示了站点设置的多种类型选项，从中选定不同选项后，其右侧选项卡中将显示不同的设置内容，选择【本地信息】选项可设置本地站点。 (4) 在【站点名称】文本框中输入当前编辑的站点名称。本例用 My site 作为站点的名称。设计者可能会创建

多个站点，站点名称是站点的标识，便于 Dreamweaver MX 对各个站点分别管理。站点名称不能含有“\”、“/”、“: ”、“;”、“*”、“?”、“〉”、 “〈”、“|”符号。 (5) 在【本地根文件夹】文本框中输入本地站点所对应的本地根文件夹，指明当前创建的网页所在的位置。单击文本框右侧的按钮，可用浏览的方式输入本地站点的路径。若在文件列表区域右击，可利用快捷菜单新建一个文件夹，并可将其指定为本地根文件夹。 (6) 选中【自动刷新本地文件列表】复选框后，当设计者将文件复制到站点有关的文件夹中时，系统会自动更新站点文件列表。如果不选该复选框，则要单击站点管理器窗口中的【刷新】按钮，才能自动更新站点的文件列表。 (7) 在【默认图像文件夹】文本框中输入本地站点所对应的图像文件夹，指明当前创建的网页所用图片的位置。单击文本框右侧的按钮，可用浏览的方式输入本地站点的路径。 (8) 在【HTTP 地址】文本框中，输入当前网页将要使用的网址。如果设计者已经申请了域名，可在此文本框中输入申请好的域名。例如网站的网址是 http: //202.121.160.100,可将此网址输入到【HTTP 地址】的文本框中。 (9) 选中【缓存】复选框后，Dreamweaver MX 会给这个本地站点设置一个缓存，以提高站点管理的速度。 (10) 完成以上设置后，单击【确定】按钮，新的本地站点就创建完毕。三、制作一个网页，设置其背景，图片和文字制作要求如下： (1) 页面的背景图片为 bg0000.jpg; (2) 在合适的位置插入图片 earth.gif ; (3) 在网页中输入横排带阴影的文字“Business  to  Customer”和“欢迎访问电子商务网站”; (4) 将网页用 welcome.htm 为名保存在本地站点 My site 中。

网站建设实训教案

思考题作业题讨论题

课后总结分析

网站建设实训教案

第 2

次课，

学时

教案编写时间

实训题目

网页文档的格式化、网页元素的插入、超级链接的设计方法、

实训目的：学生掌握网页文档的格式化、网页元素的插入、超级链接的设计方法、

实训重点：网页元素的插入，超级链接的设计

实训难点：

实训器材或实训环境：

机房，Dreamweaver 软件环境

实训方法：

实

训内容和步骤

补充内容和时间分配

网站建设实训教案

一、制作一个符合下列要求的网页文件， (1) 将 ch04 文件夹中 Word 文件“新书精选.doc”转换成 HTML 文件 newbook.htm。 (2)在新的 Web 页面中导入 HTML 文件 newbook.htm, 并设置页面背景图片为 img 文件夹中的 bg0003.jpg。 (3) 添加标题“书海指南”,将其格式设置为：【标题 1】“华文行楷”、“红色”、“居中”、“加粗

” (4) 用 HTML 标记【标题 2】【标题 3】……【标题 6】分别格式化后 5 段文字，、并给这些文字设置不同的颜色。 (5) 将网页用 newbook..htm 为名保存在本地站点的根文件夹 My site 中。二、 1. 插入水平线 (1) 在网页中选择水平线插入点的位置。 (2) 单击【插入】面板中【常用】选项卡的【水平线】按钮，或选择【插入】|【水平线】命令在网页中插入一条水平分隔线。 (3) 选中水平线，在【属性】面板上可编辑其属性，改变水平线的形状，如图 4-8 所示。 (4) 单击属性面板中按钮，在编辑标签框中给水平线设置颜色，如图 4-9 所示。 (5) 按 F12 键预览水平线的效果。 2. 插入日期 (1) 在网页中选择日期插入点的位置。 (2) 单击【插入】面板中【常用】选项卡的【日期】按钮，或选择【插入】|【日期】命令，此时系统将打开【插入日期】对话框，如图 4-10 所示，此时可在网页的当前插入点上插入日期。 (3) 在插入日期对话框中设置了各项参数后，单击【确定】按钮，即可在指定位置插入时间和日期对象。 3. 插入 Flash 按钮和 Flash 文字插入 Flash 按钮的操作步骤如下: (1) 在网页中选择 Flash 按钮插入点的位置。 (2) 单击【插入】面板中【媒体】选项卡的【Flash 按钮】 ,或在网页编辑窗口中选择【插入】|【交互式图像】|【Flash 按钮】命令，此时系统将打开【插入 Flash 按钮】对话框，如图 4-11 所示。 (3) 单击【确定】按钮后，就会产生一个.swf 格式的文件，文件会被自动导入当前正在编辑的网页中。 (4) 单击网页中做好的 Flash 按钮，在 Flash 按钮的【属性】面板中单击【播放】按钮，无须打开浏览器便可预览按钮的动 …… 此处隐藏：6944字，全部文档内容请下载后查看。喜欢就下载吧 ……

网站建设实训教案.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/1581430.html（转载请注明文章来源）

上一篇：JGJ146-2004(建筑施工现场环境与卫生标准)
下一篇：七年级地理下册第八章东半球的其他国家和地区第一节中东课件人教

网站建设 实训教案

网站建设实训教案