《网页制作教案_静态部分(1)》由会员分享，可在线阅读，更多相关《网页制作教案_静态部分(1)（58页珍藏版）》请在金锄头文库上搜索。
1、方法教的方法：采用循序渐进地比较系统地介绍网站建设与网页制作的过程和方法，主要讲解环境的部署、文档的代码结构以及教材中学生不易理解的内容、制作网页要用到的而教材中未涉及的或教材中出现的但没有具体讲解的概念内容。由于内容太多，时间有限，教学过程主要采用用到哪儿，学到哪儿，而不是墨守成规地讲一大堆理论，有时还会错误地介绍已学过知识，看看同学们对已学知识的掌握程度，然后和同学们一起纠正来促进和加深同学们理解和记忆；一些较细节或通用的方法只详细介绍一类，而其他能触类旁通的内容，主要以学生课外自学、老师答疑的方式来完成。教师在教学中的作用一是“传道，授业，解惑”。“传道”就是传给学生一条道路，指明一个方
2、向。 “授业”就是教给学生在这个方向，这条道路上行走的方法与技巧， “解惑”就是当学生在行走的实践过程中，遇到了大雾迷茫，遇到了河流隔断，天堑相横等这样阻挠的时候，老师给以点拨、提醒，或是帮助。另一个就是帮学生把书读薄。学的方法：开始学习时多读、多写（录入），掌握结构，掌握使用方法，能看懂别人的网页代码。自己制作网页的方法是下载你喜欢的与你的功能设计较接近的别人的网页来做修改（模仿）(建议去站长好站 下载HTML类型的网页模板、可以到源码之家去下载完整的源代码)。模仿是学习的关键一步，也是有效的一步。在模仿的过程中体会并研究技术知识，要比按照书中的代码输入几段程序有效得多。这就要求学生首先能看
3、得懂别人的代码才能进入模仿阶段，这也是学习HTML的目的。而网页中出现的一些代码或术语都可在网上查阅。我们的教学不仅要知其然，还要知其所以然，因为我们是计算机专业的学生。内容一 构建网页开发环境一. 运行环境与软件要求Windows 2000 以上 （不包括Windows XP Home版）IIS 4.0 以上Microsoft Access 2000及以上Dreamweaver 8.0及以上 或frontpage2000及以上二. IIS的安装与配置1. 安装IIS若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击启动 “添加/删除程序”， 在弹出的对话框中选择 “添加/删除Wi
4、ndows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装。（图例如下图1、图2）此主题相关图片如下：图2windows组件向导2如果在安装过程中出现如下界面（服务器版的，如Windows 2003 Server不会出现）则将Windows安装光盘插入，并确保安装光盘根目录中的i386文件夹下的STAXMEM.DLL和ADMXPROX.DLL两个动态组件被安装（将出现两次选择（用“浏览”按钮分别找到这两个组件，并安装（找到后，按“打开”按钮），因有两个组件）。如下图：2. 启动Internet信息服务（IIS
5、）Internet信息服务简称为IIS，单击Windows开始菜单-所有程序-管理工具-Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具（如图3）此主题相关图片如下：图3Internet信息服务（IIS）管理器3. 配置IISIIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:Inetpubwww.root。用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，（如图4）在该对话框中，可完成对站点的全部配置。此主题相关图片如下：图4默认Web站点属性主目录与启用父路径“开启父路径”是在WI
6、NDOWS 2003开始的，之前的WINDOWS XP 和WINDOWS 2000自带的IIS是没有这个说法的，其主要作用是：ASP页面中如果使用到include=./header.asp这样的代码，即使用.表示法来引用一个父目录，则必需“启用父路径”，./表示上级目录下的header.asp页面，是用相对路径来表示的，如果IIS设置中没有开启父路径，在WINDOWS 2003服务器下正常的网站程序，在WINDOWS2003下，访问时就会报错“HTTP 500-内部服务器错误”。允许相对于当前目录的路径（使用./表示），./表示源文件所在目录的上一级目录，././表示源文件所在目录的上上级目录
7、，以此类推。这样，可能会造成潜在的安全风险，因为包含路径可以访问应和程序根目录外的重要或机密文件，出于安全考虑，可不开启父路径，建议路径指向的时候写绝对路径，即完整地址。单击“主目录”标签，切换到主目录设置页面，（如图5）该页面可实现对主目录(默认主目录为C:Inetpubwww.root)的更改或设置。注意检查启用父路径选项是否勾选，如未勾选将对以后的程序运行有部分影响。（如图6），主目录配置-选项。此主题相关图片如下：图5默认Web站点主目录设置此主题相关图片如下：图6默认Web站点启用父路径设置设置主页文档单击“文档”标签，可切换到对主页文档的设置页面，（如图7）主页文档是在浏览器中键入
8、网站域名，而未制定所要访问的网页文件时，系统默认访问的页面文件。常见的主页文件名有index.htm、index.html、index.asp、index.php、index.jap、default.htm、default.html、default.asp等IIS默认的主页文档只有default.htm和default.asp，根据需要，利用“添加”和“删除”按钮，可为站点设置所能解析的主页文档。启动与停止IIS服务在Internet信息服务的工具栏中提供有启动与停止服务的功能。单击 可启动IIS服务器；单击 则停止IIS服务器。三. 设置虚拟目录一般说来，Internet站点的内容都应当维持
9、在一个单独的目录结构内，以免引起访问请求混乱的问题。特殊情况下，网络管理人员可能因为某种需要而使用除实际站点目录(即主目录)以外的其他目录，或者使用其他计算机上的目录，来让Internet用户作为站点访问。这时，就可以使用虚拟目录，即将想使用的目录设为虚拟目录，而让用户访问。 处理虚拟目录时，IIS把它作为主目录的一个子目录来对待；而对于Internet上的用户来说，访问时并感觉不到虚拟目录与站点中其他任何目录之间有什么区别，可以像访问其他目录一样来访问这一虚拟目录。设置虚拟目录时必须指定它的位置，虚拟目录可以存在于本地服务器上，也可以存在于远程服务器上。多数情况下虚拟目录都存在于远程服务器上
10、，此时，用户访问这一虚拟目录时，IIS服务器将充当一个代理的角色，它将通过与远程计算机联系并检索用户所请求的文件来实现信息服务支持。1. 从“控制面板”里打开“管理工具”2. 从中选择“Internet信息服务”3. 在弹出的窗口中右击“默认网站”，选择“新建虚拟目录”4. 弹出虚拟目录创建向导5. 填写别名，如myasp或c等6. 再下一步，在“目录”区：浏览到E:myasp即可（这里应是IIS非主目录下的网页所在的实际路径）注：5和6中的myasp不是同一个东西，5中的myasp是我们自已取的名字，而6中的myasp是一个文件夹，所有的网页内容都放在其中。7. 访问的权限一定要把所有的权限
11、都打勾8. 点击“完成”9. 启动IE浏览器在地址栏输入点“转到”按钮，就可打开主页了四. Dreamweaver8.0本地站点的搭建与管理要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web服务器上。放置在本地磁盘上的网站被称为本地站点，位于互联网web服务器里的网站被称为远程站点。Dreamweaver 8提供了对本地站点和远程站点强大的管理功能。1、规划站点结构网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何 Web 站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示
12、什么内容，页面布局的外观以及各页是如何互相连接起来的。我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。2、创建站点在Dreamweave 8中可以有效的建立并管理多个站点。搭建站点可以有两种方法，一是利用向导完成，二是利用高级设定来完成。（1）选择菜单栏站点管理站点，出现“管理站点”对话框。点击“新建”按钮，选择弹出菜单中的“站点”项。 在打开的窗口上方有“基本”和“高级”两个标签，可以在站点向导和高级设置之间切换。下面选择“基本”标签用向导的创建。在文本框中，输入一个站点名字以在 Dreamweaver8.0中标识该站点。这个名字可以是任何你需要的名字
13、（可以是汉字）。单击“下一步”。出现向导的下一个界面，询问是否要使用服务器技术。建立静态页面，选择“否”。建立动态页面选择“是”。点下一步，在文档框设置本地站点文件夹的地址，与服务器程序“主目录”位置相同。点下一步，进入站点定义，在站点建设完成后在与FTP链接，这里选择“无”。单击“完成”按钮，结束“站点定义“对话框的设置。单击“完成”按钮，文件面板显示出刚才建立的站点。到此，我们完成了站点的创建。3、搭建站点结构站点是文件与文件夹的集合，下面我们根据前面对xmweb网站的设计，来新建xmweb站点要设置的文件夹和文件。新建文件夹，在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文
14、件夹”项，然后给文件夹命名。这里我们创建新建8个文件夹，分别命名为：img、med、swf、txt、css、js、moan和fy。创建页面，在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件”项，然后给文件命名。首先要添加首页，把首页命名为IIS中默认的文档，一般为index.html，再分别新建01.html、02.html、03.html、04.html和05.html等页面。4、文件与文件夹的管理对建立的文件和文件夹，可以进行移动、复制、重命名和删除等基本的管理操作。单击鼠标左键选中需要管理的文件或文件夹，然后单击鼠标右键，再弹出菜单中选“编辑”项，即可进行相关操作。内容二
15、 HTML基础HTML是WWW的描述语言，1988年由ISO（International Standardization Organization）国际标准化组织批准的SGML（Standard Generalized Markup Language）标准通用标记语言（为电子文档交换制订标准，即为标题、段标题、段落和代码示例等规定起始位置和结束位置）是HTML的基础，其设计目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中某处点击，Internet就会马上转到与该点相关的内容上去，而这些信息可能存放在网络的另一台电脑中。这个过程是通过一种称为超链接的技术实现的；另外， HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等；再加上下面马上要介绍的概念“标记”，同学们就知道了HTML全称叫法了，即HTML(Hyper Text Mark-up Language)超文本标记语言。我们在学习一种语言时需要学习该语言的规则，即语法，否则其语句将没有任何意义。即然HTML是一种语言，那它与任
