网页制作教案_静态部分

《网页制作教案_静态部分》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、方法教的方法：采用循序渐进地比较系统地介绍网站建设与网页制作的过程和方法，主要讲解环境的部署、文档的代码结构以及教材中学生不易理解的内容、制作网页要用到的而教材中未涉及的或教材中出现的但没有具体讲解的概念内容。由于内容太多，时间有限，教学过程主要采用用到哪儿，学到哪儿，而不是墨守成规地讲一大堆理论，有时还会错误地介绍已学过知识，看看同学们对已学知识的掌握程度，然后和同学们一起纠正来促进和加深同学们理解和记忆；一些较细节或通用的方法只详细介绍一类，而其他能触类旁通的内容，主要以学生课外自学、老师答疑的方式来完成。教师在

2、教学中的作用一是“传道，授业，解惑”。“传道”就是传给学生一条道路，指明一个方向。“授业”就是教给学生在这个方向，这条道路上行走的方法与技巧，“解惑”就是当学生在行走的实践过程中，遇到了大雾迷茫，遇到了河流隔断，天堑相横等这样阻挠的时候，老师给以点拨、提醒，或是帮助。另一个就是帮学生把书读薄。学的方法：开始学习时多读、多写（录入），掌握结构，掌握使用方法，能看懂别人的网页代码。自己制作网页的方法是下载你喜欢的与你的功能设计较接近的别人的网页来做修改（模仿）模仿是学习的关键一步，也是有效的一步。在模仿的过程中体会并研究

3、技术知识，要比按照书中的代码输入几段程序有效得多。这就要求学生首先能看得懂别人的代码才能进入模仿阶段，这也是学习HTML的目的。而网页中出现的一些代码或术语都可在网上查阅。我们的教学不仅要知其然，还要知其所以然，因为我们是计算机专业的学生。内容一构建网页开发环境一.运行环境与软件要求Windows2000以上（不包括WindowsXPHome版）IIS4.0以上MicrosoftAccess2000及以上Dreamweaver8.0及以上或frontpage2000及以上二.IIS的安装与配置1.安装IIS若操作系统

4、中还未安装IIS服务器，可打开“控制面板”，然后单击启动“添加/删除程序”，在弹出的对话框中选择“添加/删除Windows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装。（图例如下图1、图2）此主题相关图片如下：图2—windows组件向导2如果在安装过程中出现如下界面（服务器版的，如Windows2003Server不会出现）则将Windows安装光盘插入，并确保安装光盘根目录中的i386文件夹下的STAXMEM.DLL和ADM

5、XPROX.DLL两个动态组件被安装（将出现两次选择（用“浏览”按钮分别找到这两个组件，并安装（找到后，按“打开”按钮）），因有两个组件）。如下图：2.启动Internet信息服务（IIS）Internet信息服务简称为IIS，单击Windows开始菜单---所有程序---管理工具---Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具（如图3）此主题相关图片如下：图3—Internet信息服务（IIS）管理器3.配置IISIIS安装后，系统自动创建了一个默认的Web站点，该站点的

6、主目录默认为C:Inetpubwww.root。用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，（如图4）在该对话框中，可完成对站点的全部配置。此主题相关图片如下：图4—默认Web站点属性主目录与启用父路径“开启父路径”是在WINDOWS2003开始的，之前的WINDOWSXP和WINDOWS2000自带的IIS是没有这个说法的，其主要作用是：ASP页面中如果使用到include=../header.asp这样的代码，即使用".."表示法来引用一个父目录，则必需

7、“启用父路径”，../表示上级目录下的header.asp页面，是用相对路径来表示的，如果IIS设置中没有开启父路径，在WINDOWS2003服务器下正常的网站程序，在WINDOWS2003下，访问时就会报错“HTTP500-内部服务器错误”。允许相对于当前目录的路径（使用../表示），../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。这样，可能会造成潜在的安全风险，因为包含路径可以访问应和程序根目录外的重要或机密文件，出于安全考虑，可不开启父路径，建议路径指向的时候写绝对路

8、径，即完整地址。单击“主目录”标签，切换到主目录设置页面，（如图5）该页面可实现对主目录(默认主目录为C:Inetpubwww.root)的更改或设置。注意检查启用父路径选项是否勾选，如未勾选将对以后的程序运行有部分影响。（如图6），主目录—配置---选项。此主题相关图片如下：图5—默认Web站点主目录设置此主题相关图片如下：图6—默认We