网页设计教学教案.doc

《网页设计教学教案.doc》由会员分享，可在线阅读，更多相关《网页设计教学教案.doc（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、. .?Dreamweaver CS5网页设计教程?配套教学教案第1讲课时内容Dreamweaver CS5网页制作根底授课时间150分钟课时4教学目标了解规划的一般流程。掌握Dreamweaver CS5的工作界面。熟悉站点的创立与管理操作。教学重点Dreamweaver CS5的工作界面组成。创立站点和管理站点的操作。教学难点如何正确规划内容。教学设计1、 教学思路：1介绍Dreamweaver CS5的界面和网页制作的流程；2演示创立“千履千寻公司站点的具体步骤，让学员了解如何创立站点；3演示管理“千履千寻公司站点的操作，让学员熟悉站点的根本操作；4安排上机实训。2、 教学手段：1结合相

2、关案例讲解，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以再找一些已建立和制作完成的站点进展演示，便于学员理解。教学内容知识回忆：在前面讲解了Dreamweaver CS5的工作界面，以及站点的创立和管理，在实例制作过程中也涉及了站点中文件和文件夹的创立和管理操作。讨论问题：1、为什么要首先建立站点？ 2、一个最根本的功能有哪些？内容大纲：具体可结合本章的PPT课件进展配合讲解。1.1规划“千履千寻公司1.1.1确定风格和布局1.1.2需求分析1.1.3规划站点内容1.2Dreamweaver CS5的工作界面1.2.1界

3、面概述1.2.2标题栏1.2.3菜单栏1.2.4文档工具栏1.2.5插入栏1.2.6浮动面板组1.2.7状态栏1.2.8“属性面板1.3创立“千履千寻公司站点1.3.1站点规划1.3.2创立本地站点1.4管理“千履千寻公司站点1.4.1翻开站点1.4.2编辑站点1.4.3删除站点1.4.4复制站点1.4.5管理站点文件和文件夹1.5实训创立“快乐旅游站点1.5.1实训目标1.5.2专业背景1.5.3操作思路1.6疑难解析1.7习题拓展知识课堂案例1创立站点 课堂案例2管理站点 上机实训创立“快乐旅游站点小结1、 掌握如何确定风格和布局、分析需求。2、 掌握如何规划内容、认识Dreamweave

4、r CS5的工作界面、创立与管理站点等。3、 本章内容虽然尚未涉及到网页设计和制作，但却是网页设计制作的根底。学员应认真理解和掌握，为后面制作网页打下根底。思考及作业想一想：站点的作用是什么？站点有何意义？举例日常浏览网页时遇到的站点，并分析其分为几大板块？练一练：1查看Dreamweaver CS5中“表单插入栏包含的内容。2在浮动面板组中将“资源、“行为和“组件3个面板排列到同一个面板中首先需要利用“窗口菜单显示出这些面板。3创立名为“wodewangzhan的站点，将位置设置在D盘的“OK文件夹中，然后通过编辑站点的方法将其重命名为“mynet，最后删除站点并取消操作。4规划并构思一个美

5、食站点，创立一个导航草图，其中必须包含“菜谱和“食材两大板块，要求整个站点构造能满足一般的浏览和查询美食资源的要求。5在上一题的根底上，启动Dreamweaver CS5，创立该美食站点并在其中添加相应的文件夹和文件。第2讲课时内容输入与格式化文本授课时间120分钟课时3教学目标掌握文本段落的输入与换行分段的操作。掌握设置文本格式的方法。熟悉工程列表的设置和水平线的创立方法。了解添加滚动字幕的方法。教学重点文本的输入、字体格式的设置、段落的设置等操作。插入特殊文本对象、创立列表、设置水平线和添加滚动字幕等操作。教学难点如何设计文字版式，使页面舒适美观。教学设计1、 教学思路：1演示“公司简介网

6、页的具体制作步骤，让学员学习如何在Dreamweaver中输入文本并设置相应的格式；2演示“企业文化网页的具体制作步骤，让学员了解如何在网页中插入其他对象；3安排上机实训。2、 教学手段：1实例讲解过程穿插输入和设置的相关根底知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以再找一些文字类网页进展展示，与学员互动，讨论文字添加了何种格式，便于学员理解。教学内容知识回忆：在前面讲解了Dreamweaver CS5中文本的输入和格式的设置，以及其他对象的添加操作，在实例制作过程中还涉及了滚动字幕的设置操作。讨论问题：1、设置

7、网页文字的字体时应注意些什么？ 2、网页的制作一般将就图文结合，在什么情况下需要使用纯文字的网页？内容大纲：具体可结合本章的PPT课件进展配合讲解。2.1 制作“公司简介页面2.1.1输入文本2.1.2设置文本字体格式2.1.3设置段落格式2.2制作“企业文化页面2.2.1插入特殊文本对象2.2.2创立列表2.2.3设置水平线2.2.4添加滚动字幕2.3实训制作“快乐旅游首页2.3.1实训目标2.3.2专业背景2.3.3操作思路2.4疑难解析2.5习题拓展知识课堂案例1“公司简介页面课堂案例2“企业文化页面上机实训制作“快乐旅游首页小结1、 掌握输入和编辑文本的操作。2、 掌握水平线的插入以及

8、滚动字幕的创立等操作。3、 本章是网页制作的根底内容，只有熟练掌握文本的各种设置方法后，才能创立出多姿多彩的网页效果。思考及作业想一想：为什么在制作网页时常使用默认的字体？在使用一些特殊字体的文字时，为何需要将其制作为图片？练一练：1翻开提供的“shouye-me.html网页，通过分段、换行和插入连续空格等操作输入网页中的文本内容。2利用CSS格式为各段文本设置不同的格式。3在第一段文本后插入水平线。4在倒数第二段文本后分段，输入“最近更新：文本并设置格式，然后插入日期，要求保存时自动更新。5将更新日期的上一段文本设置为滚动字幕，滚动方式为“scroll，速度为“15。第3讲课时内容插入图像

9、和多媒体对象授课时间90分钟课时2教学目标掌握在网页中插入与编辑图像的各种操作。熟悉美化与优化图像的方法。掌握插入多媒体插件、SWF动画和FLV视频的方法。了解添加网页背景音乐的方法。教学重点图像的插入、编辑、美化与优化等操作。多媒体插件的使用。教学难点如何在网页中设计图像与多媒体。教学设计1、 教学思路：1演示“关于我们页面的具体步骤，让学员了解如何在网页中使用图片；2演示“新品展台网页的具体步骤，让学员了解如何添加多媒体插件，如何在网页中使用多媒体；3安排上机实训。2、 教学手段：1实例讲解过程穿插使用其他多媒体的根底知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举

10、例说明。3、 教学资料及要求：除教材中的实例外，可以在网上找一些现成的进展展示，吸引学员注意，便于学员理解，拓宽学员思维。教学内容知识回忆：在前面讲解了Dreamweaver CS5中图像和多媒体的应用，在实例制作过程中也涉及了添加背景音乐的操作。讨论问题：1、为什么需要在网页中添加图像？ 2、在设置鼠标经过图像时应注意些什么？内容大纲：具体可结合本章的PPT课件进展配合讲解。3.1制作“关于我们页面3.1.1插入与编辑图像3.1.2美化与优化图像3.1.3创立鼠标经过图像3.2制作“新品展台网页3.2.1添加多媒体插件3.2.2添加背景音乐3.2.3插入SWF动画3.2.4插入FLV视频3.

11、3实训制作“旅游导航网页3.3.1实训目标3.3.2专业背景3.3.3操作思路3.4疑难解析3.5习题拓展知识课堂案例1“关于我们页面课堂案例2“新品展台网页 上机实训“旅游导航网页小结1、 掌握在网页中插入和编辑图像的操作。2、 掌握设置鼠标经过图像、插入多媒体插件、插入页面背景音乐、插入SWF动画和插入FLV视频等操作。3、 本章内容同样是网页制作的根底，只有掌握了这些对象的插入与使用方法，才能制作出内容丰富的网页。思考及作业想一想：图像的使用在网页中通常起什么作用？怎样才能快速在网页中添加多媒体文件？练一练：1翻开“zhuye-me.html网页，将提供的“01.jpg、“02.jpg和

12、“03.jpg图像插入到网页中，设置边框为“1。2在“我的动态图像下插入“04.jpg图像，设置对齐方式为“左对齐，缩小图像尺寸，增加水平边距，然后适当降低图像品质。3分别在“最新留言图像和“动感相册图像下插入多媒体插件和SWF动画，其中插件的尺寸为“53845。第4讲课时内容布局网页版面授课时间150分钟课时4教学目标掌握在网页中插入与编辑表格的方法。熟悉使用AP Div布局网页的方法。了解框架和框架集在网页中的应用。教学重点使用表格布局网页、使用AP Div布局网页、使用框架布局网页。表格、AP Div和框架的使用。教学难点如何在制作网页的过程综合使用3种网页布局方式。教学设计1、 教学思

13、路：1演示“产品展示网页布局的具体步骤，让学员理解表格的作用与设置；2演示“千履千寻网页布局的具体步骤，让学员理解AP Div的概念和使用方法；3演示“公司公告网页布局的具体步骤，让学员理解框架和框架集的概念和属性的设置；4安排上机实训。2、 教学手段：1实例讲解过程穿插与网页布局相关的根底知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以再找一些包含各种布局的网页进展展示，便于学员理解。教学内容知识回忆：在前面讲解了Dreamweaver CS5中使用表格、AP Div和框架布局的操作，在实例制作过程中也接触了在表格和

14、AP Div中插入内容的操作。讨论问题：1、除了介绍的3种布局方式，还有其他什么布局方式？ 2、不同的布局方式常用在哪种类型的网页中？内容大纲：具体可结合本章的PPT课件进展配合讲解。4.1使用表格布局“产品展示网页4.1.1创立表格4.1.2调整表格构造4.1.3设置表格和单元格属性4.1.4在表格中插入内容4.2利用AP Div制作千履千寻首页4.2.1创立AP Div4.2.2选择AP Div4.2.3设置AP Div尺寸4.2.4移动AP Div4.2.5对齐AP Div4.2.6更改AP Div堆叠顺序4.2.7在AP Div插入各种元素4.3使用框架制作“公司公告网页4.3.1创立

15、框架集与框架4.3.2保存框架集与框架4.3.3删除框架4.3.4设置框架集与框架属性4.3.5制作框架网页4.4实训制作“景点介绍网页4.4.1实训目标4.4.2专业背景4.4.3操作思路4.5疑难解析4.6习题拓展知识课堂案例1使用表格布局“产品展示网页 课堂案例2利用AP Div制作首页 课堂案例3使用框架制作“公司公告网页 上机实训制作“景点介绍网页小结1、 掌握网页布局的几种方式。2、 掌握创立表格、设置表格、在表格中插入内容、创立AP Div、设置AP Div、创立框架与框架集、编辑框架与框架集等操作。3、 本章内容是学习网页制作的重点和核心内容之一，对于掌控整个网页版面和设计风格

16、有至关重要的作用，读者应认真学习和掌握，并到达灵活运用和举一反三的程度。思考及作业想一想：随着网络的开展，程序语言也在开展，网页布局的方式方法也在改变，如今常用的网页布局方式有哪些？常用的与设计网页相关的编程语言有哪些？练一练：1创立“top.html网页，在其中输入并设置“我的心情客栈文本，并绘制4个AP Div对象，在其中插入提供的4X图片。2创立“bottom.html网页，插入132表格，合并最后一行单元格，并在其中插入14嵌套表格，设置表格背景颜色并在各单元格中输入文本。3创立“上方固定框架网页，在上方的框架中指定“top.html网页，在下方的框架中指定“bottom.html网页

17、，适当调整后保存并预览效果。第5讲课时内容在网页中创立超授课时间120分钟课时3教学目标了解超的组成和种类。掌握文本超、图像超、外部超和图像热点超的创立方法。熟悉锚点超、电子超、文件超和空的创立方法。了解脚本的插入方法。教学重点文本超、图像超、外部超、图像热点超的创立。锚点超、电子超、文件超、空及脚本的创立。教学难点如何在设置网页时为不同的元素添加适宜的。教学设计1、 教学思路：1演示“公司地图网页的具体步骤，让学员理解文本超、图像超、外部超和图像热点超的作用；2演示“给我们留言网页的具体步骤，让学员理解锚点超、电子超、文件超、空和脚本的作用；3安排上机实训。2、 教学手段：1实例讲解过程穿插

18、设置属性的相关根底知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可在网络中搜索一些门户，为学员展示其中的，与学员一起分析方式，让学员深入了解。教学内容知识回忆：在前面讲解了Dreamweaver CS5各种超的使用，在实例制作过程中也接触了文件下载和空的使用。讨论问题：1、在网页中经常用到的类型有哪些？ 2、超还有哪些特殊用途？内容大纲：具体可结合本章的PPT课件进展配合讲解。5.1制作“公司地图网页5.1.1认识超5.1.2创立文本超5.1.3创立图像超5.1.4创立外部超5.1.5创立图像热点超5.2制作“给我们留言

19、网页5.2.1创立锚点超5.2.2创立电子超5.2.3创立文件超5.2.4创立空5.2.5插入脚本5.3实训制作“精品线路网页5.3.1实训目标5.3.2专业背景5.3.3操作思路5.4疑难解析5.5习题拓展知识课堂案例1“公司地图网页课堂案例2“给我们留言网页上机实训“精品线路网页小结1、 掌握文本超、图像超、外部超、图像热点超、锚点超、电子超、文件超、空和脚本的创立操作。2、 本章内容是制作网页的根底，读者应认真学习和掌握，并灵活运用到各种网页上。思考及作业想一想：还有没有其他方式？怎样可快速提高操作的效率？练一练：1翻开“shouye-me.html网页，将上方的“心情客栈文本到“xqk

20、z-me.html网页。2利用热点工具将“进入主页ENTER和日志圆形分别连接到“zhuye-me.html和“xqkz-me.html网页。3利用电子将“传情文本到“myworldsina.。4分别利用各种脚本和空，实现“设为主页、“收藏我吧和“关闭窗口文本对应的互动功能，其中网址为“，收藏名称为“我的世界。第6讲课时内容CSS与盒子模型授课时间120分钟课时3教学目标了解CSS和盒子模型的概念和作用。掌握CSS样式的创立、设置、编辑和删除等方法。熟悉使用CSS+Div布局网页的方法。教学重点CSS属性的认识、样式的设置，盒子模型的使用。利用CSS+Div布局网页。教学难点如何结合CSS与D

21、iv制作网页。教学设计1、 教学思路：1演示“热销精品网页的具体步骤，让学员理解什么是CSS，并能使用CSS制作网页；2演示“消费者保障网页的具体步骤，让学员认识盒子模型，并会利用CSS+Div制作网页；3安排上机实训。2、 教学手段：1实例讲解过程穿插相关CSS属性设置的根底知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以再找设置好CSS的网页设计作品或使用了盒子模型的网页进展展示，便于学员理解。教学内容知识回忆：在前面讲解了Dreamweaver CS5CSS的使用与设置，以及盒子模型的优势和使用，在实例制作过程中

22、也对CSS属性窗口中不同的属性参数进展了讲解。讨论问题：1、为什么要使用CSS设置网页中的内容的属性？ 2、Div标签是什么，常见的Div标签有哪些？内容大纲：具体可结合本章的PPT课件进展配合讲解。6.1制作“热销精品网页6.1.1认识CSS样式6.1.2CSS样式的各种属性设置6.1.3创立与应用CSS样式6.1.4编辑CSS样式6.1.5删除CSS样式6.2制作“消费者保障网页6.2.1认识盒子模型6.2.2盒子模型的优势6.2.3利用CSS+Div布局网页6.3实训制作“驴友攻略网页6.3.1实训目标6.3.2专业背景6.3.3操作思路6.4疑难解析6.5习题拓展知识课堂案例1“热销精

23、品网页 课堂案例2“消费者保障网页上机实训“驴友攻略网页小结1、 掌握CSS样式以及Div标签的操作。2、 掌握CSS样式的新建、应用、编辑和修改，盒子模型的构造和优势，Div标签的插入以及对应CSS样式规那么的设置等知识。3、 本章内容与当前网页制作的主流方式严密相关，读者应认真学习和掌握，为实际工作中制作网页打下坚实的根底。思考及作业想一想：网页中常见的CSS样式有哪些？你能例举出见到过的盒子模型么？盒子模型一般应用在什么地方？练一练：1翻开提供的“rizhi-me.html网页，插入42表格，合并第一行和第二行单元格，合并第一列的第三行和第四行单元格，然后在该单元格中插入41的嵌套表格。

24、2依次在表格和嵌套表格的各单元格中输入文本。3通过创立多个类CSS样式为输入的文本应用相应的样式规那么。4通过创立复合内容CSS样式为嵌套表格中的超文本空设置访问前后和鼠标指针指向时等文本状态的样式。第7讲课时内容模板和库的应用授课时间90分钟课时2教学目标了解“资源面板的使用方法。掌握模板的创立、应用和编辑操作。熟悉模板的删除和更新等管理方法。熟悉库文件的创立、应用、编辑和更新操作。教学重点模板的创立、编辑、应用与管理操作。库文件的创立、应用、编辑、更新和别离等操作。教学难点如何应用模板中的相关内容并更改。教学设计1、 教学思路：1演示“客户交流网页的具体步骤，让学员认识并了解模板，并学会如

25、何利用模板创立网页；2演示“产品介绍网页的具体步骤，让学员认识“资源面板，并了解库文件的使用；3安排上机实训。2、 教学手段：1实例讲解过程穿插相关根底操作的知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以再从模板创立不同的网页，并往其中添加库文件，加深学员印象，稳固所学知识。教学内容知识回忆：在前面讲解了Dreamweaver CS5中模板和“资源面板中库文件的使用和操作，在实例制作过程中讲解了模板中不同类型的可编辑区域的设置。讨论问题：1、使用模板创立网页有什么好处？ 2、应如何有效地管理“资源面板中的库文件？内容

26、大纲：具体可结合本章的PPT课件进展配合讲解。7.1制作“客户交流网页7.1.1创立模板7.1.2编辑模板7.1.3应用与管理模板7.2制作“产品介绍网页7.2.1认识“资源面板7.2.2创立库文件7.2.3应用库文件7.2.4编辑库文件7.2.5更新库文件7.2.6别离库文件7.3实训制作“旅游相册网页7.3.1实训目标7.3.2专业背景7.3.3操作思路7.4疑难解析7.5习题拓展知识课堂案例1“客户交流网页 课堂案例2“产品介绍网页上机实训“旅游相册网页小结1、 掌握从模板创立网页，以及模板的编辑、应用、更新、删除和脱离等操作。2、 掌握“资源面板的使用、库文件的创立、应用、编辑、更新和

27、别离等操作。3、 对于本章的内容，读者应尽量掌握，以便在实际工作中灵活运用，提高的制作效率。思考及作业想一想：使用模板创立网页的益处和不益之处是什么？如何通过更改库文件，从而快速更改网页文件？练一练：1翻开“lyb-me.html网页，保存为模板，并在空白单元格中插入可编辑区域。2根据上一步创立的模板来创立网页，并利用“资源模板制作库文件，表格左侧为提供的“tx.jpg图像，右侧为输入的文本，并适当设置格式。3将新建的网页保存为“lyb-me.html，并在可编辑区域中插入31表格，并在每行表格中应用创立的库文件，最后保存并预览网页效果。第8讲课时内容表单和行为的应用授课时间120分钟课时3教

28、学目标了解表单的作用。掌握表单的创立以及在表单中插入文本字段、按钮和复选框等对象的方法。熟悉在表单中插入文件域、图像域和字段集等对象的方法。了解并熟悉行为的组成、作用、添加和编辑等根本操作。 掌握交换图像行为和效果行为的应用教学重点各种表单元素的添加。行为的根底知识和常用行为的使用方法。教学难点如何在设计作品过程中灵活应用行为命令。教学设计1、 教学思路：1演示“会员注册网页的具体步骤，让学员了解表单的作用与添加操作；2演示“品牌展厅网页的具体步骤，让学员理解行为的作用，了解常用行为的使用；3安排上机实训。2、 教学手段：1实例讲解过程穿插表单通用属性的根底知识，实例完毕后进展总结和疑难提问；

29、2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以在网络中搜索相关注册页面等与表单和行为有关的网页，与学员互动进展分析，加深学员的理解。教学内容知识回忆：在前面讲解了Dreamweaver CS5表单与行为的添加与使用方法，在实例制作过程中涉及了对表单属性的讲解，并介绍了行为的组成与事件的作用。讨论问题：1、表单除了用在注册类网页中，还可用于什么网页？ 2、你知道的行为命令还有哪些？内容大纲：具体可结合本章的PPT课件进展配合讲解。8.1制作“会员注册网页8.1.1表单的根底操作8.1.2在表单中添加各种元素8.2制作“品牌展厅网页8.2.1关于行为的根底

30、知识8.2.2常用行为的使用方法8.3实训制作“驴友交流网页8.3.1实训目标8.3.2专业背景8.3.3操作思路8.4疑难解析8.5习题拓展知识课堂案例1“会员注册网页课堂案例2“品牌展厅网页 上机实训“驴友交流网页小结1、 了解Dreamweaver中表单和行为的作用。2、 掌握表单的创立、各种表单元素的添加和管理、行为的添加、编辑和删除等操作。3、 对于本章的内容，读者可以适当了解并熟悉，尝试能按照书中介绍的知识使用表单和行为。思考及作业想一想：不同类型的中行为命令的应用领域不同，社交类与门户类的行为命令有何不同？常用的表单有哪些？练一练：1翻开“smkj-me.html网页，在空白单元

31、格中创立表单，然后在创立的表单区域依次创立“大名：文本字段、“暗号：密码字段和“进入按钮。2选择网页右上方的“文本，为其添加“弹出信息行为，信息内容可自行设置，事件需要更改为“onClick。3保存并预览网页。尝试单击“文本区域，查看弹出的对话框内容。第9讲课时内容制作ASP动态网页授课时间150分钟课时4教学目标了解动态网页的根底、开发流程和Web效劳器。熟悉IIS的安装与配置和Access数据库的使用。掌握动态站点的创立与配置，以及数据源的创立。掌握记录集的创立、记录的插入等操作。教学重点动态站点的安装与配置，数据源的创立。记录集和数据表的使用。教学难点如何使用Access创立数据表，II

32、S的安装与配置。教学设计1、 教学思路：1演示动态网页的配置和数据表的创立，为之后记录集的操作打下根底；2演示“登录数据管理网页的具体步骤，让学员了解记录集的作用，以及如何使用记录集；3演示“参加购物车网页的具体步骤，让学员了解记录表单向导的使用；4安排上机实训。2、 教学手段：1实例讲解过程穿插动态网页的根底和记录集的综合使用等知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以再找一些以包含记录集的网页或购物中的网页进展展示，便于学员理解。教学内容知识回忆：在前面讲解了Dreamweaver CS5中动态网页中数据源的

33、创立和记录集的创立与使用，在实例制作过程中初步涉及了记录集的分页操作和表单向导的使用。讨论问题：1、为什么要首先安装与配置IIS？ 2、记录集可用在哪些类型的网页中？内容大纲：具体可结合本章的PPT课件进展配合讲解。9.1配置动态网页数据源9.1.1动态网页根底9.1.2安装与配置IIS9.1.3使用Access创立数据表9.1.4创立与配置动态站点9.1.5创立数据源9.2制作“登录数据管理网页9.2.1创立记录集9.2.2插入记录9.2.3插入重复区域9.2.4分页记录集9.3制作“参加购物车网页9.3.1配置IIS和动态站点9.3.2创立数据表并数据源9.3.3绑定记录集并插入字段9.3

34、.4使用插入记录表单向导9.4实训制作“用户注册网页9.4.1实训目标9.4.2专业背景9.4.3操作思路9.5疑难解析9.6习题拓展知识课堂案例1“登录数据管理网页课堂案例2“参加购物车网页 上机实训“用户注册网页小结1、 掌握ASP动态网页的相关知识。2、 掌握IIS的创立与配置、数据库的创立、动态站点的配置、数据源的创立与连接、记录集的绑定、记录的插入、重复区域的创立以及记录表单的创立等操作。3、 对于本章的内容，读者适当理解即可，有兴趣的读者可以进一步查阅其他书籍进展更深地学习。思考及作业想一想：在购物中的各种功能按钮和数据选择的原理是什么？怎样才能灵活使用记录集和数据表？练一练：1创

35、立名为“info的Access数据库并在其中创立“info表，字段名称包括“ID、“Name、“Sex、“Age和“Email，其中“ID字段和“Age字段为数字类型，其余字段为文本类型，并输入各条记录。2配置别名为“info、位置为“D:info的IIS。配置站点名称为“info，本地根文件夹为“D:info，Web URL地址为“localhost/info/，效劳器模型为“ASP VBScript，访问类型为 “本地/网络的测试效劳器。3创立数据源名为“info，说明为“用户信息，数据库为“info.accdb的数据源。翻开“info.asp网页文件，绑定“info记录集，排序为“ID、

36、升序。在第3行各单元格中依次插入绑定好的记录集中相应的字段，将第3行设置为重复区域，并插入记录集分页等内容。4保存并预览网页效果。第10讲课时内容的测试与发布授课时间90分钟课时2教学目标掌握兼容性测试、的修复以及下载速度检查的方法。了解主页空间的申请方法与开通方法。熟悉远程信息的配置方法。教学重点兼容性测试、的检查和修复、下载速度的检测。主页空间的申请、站点的发布。教学难点如何优化站点并发布。教学设计1、 教学思路：1演示测试“千履千寻站点的具体步骤，让学员了解需要测试的内容；2演示发布“千履千寻站点的具体步骤，让学员发布站点前需要进展的操作；3安排上机实训。2、 教学手段：1实例讲解过程穿

37、插讲解测试其他内容的知识和申请主页空间应注意的事项，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可列举一些大型，介绍其测试和发布的操作和流程，便于学员理解。教学内容知识回忆：在前面讲解了Dreamweaver CS5中站点的测试和发布操作，在实例制作过程中也初步涉及了申请主页空间的操作。讨论问题：1、还有何种方法可优化站点？ 2、还有哪些可申请主页空间？内容大纲：具体可结合本章的PPT课件进展配合讲解。10.1测试“千履千寻公司站点10.1.1兼容性测试10.1.2检查并修复10.1.3检测下载速度10.2发布“千履千寻公司

38、站点10.2.1申请主页空间10.2.2发布站点10.3实训测试与发布“快乐旅游10.3.1实训目标10.3.2专业背景10.3.3操作思路10.4疑难解析10.5习题拓展知识课堂案例1测试站点课堂案例2发布站点上机实训测试与发布“快乐旅游小结1、 掌握的测试与发布知识。2、 掌握兼容性测试、的检查与修复、下载速度的测试与设置、主页空间的申请和开通、远程信息的配置以及站点的发布等操作。3、 对于本章的内容，读者可以适当理解和掌握，只要能成功发布站点即可。思考及作业想一想：大型的建立需要用到何种主页空间？网页的下载速度最好控制在多少时间内，为什么？练一练：1翻开“mysite站点中的各个网页，对

39、其进展兼容性测试。2分别对“mysite站点的各个网页进展检查，包括检查断掉的、外部，并对整个站点进展孤立文件的检查，最后修复检查出的问题。3分别对“mysite站点的各个网页的下载速度进展测试，如果超过8秒，尝试利用“首选参数对话框对窗口大小和下载速度进展设置。4重新在“虎翼网中申请试用的主页空间，并获取其中与远程信息配置相关的信息，如FTP主机地址、用户名和登录密码等内容。5对“mysite站点进展远程信息配置，包括设置访问方式、FTP主机地址、登录名及密码等信息，并进展测试。6将“mysite站点的内容全部发布到刚申请的主页空间中。第11讲课时内容制作“水族世界授课时间150分钟课时4教

40、学目标掌握并熟悉在网页中使用表格和嵌套表格的方法。掌握并熟悉文本、图像、超等对象的插入与设置方法。掌握并熟悉外部CSS样式文件的创立、设置与方法。教学重点制作整个网页的流程。网页中布局、添加内容和样式的综合操作。教学难点如何流畅地制作整个的网页。教学设计1、 教学思路：1介绍本章的目标，演示制作站点的准备工作；2演示“水族世界站点的具体步骤，让学员了解整个站点的制作流程，以及制作网页的先后顺序；3安排上机实训。2、 教学手段：1实例讲解过程穿插相关站点规划与制作的根底知识，实例完毕后进展总结和疑难提问；2对于重点操作可以着重演示，并加强举例说明。3、 教学资料及要求：除教材中的实例外，可以一些

41、门户为例，为学员讲解更多的创立的知识。教学内容知识回忆：在前面讲解了Dreamweaver CS5中制作的准备工作、思路分析和操作过程，在实例制作过程中介绍了制作的完整流程。讨论问题：1、创立前需要做的市场调研应注意哪些方面？ 2、不同类型，规划的侧重点不同，例举不同站点的侧重点？内容大纲：具体可结合本章的PPT课件进展配合讲解。11.1实训目标11.2准备工作11.2.1站点规划11.2.2素材收集11.3制作思路分析11.4操作过程11.4.1创立“水族世界站点11.4.2制作首页11.4.3制作“水族新闻页面11.5实训制作“北极数码11.5.1实训目标11.5.2专业背景11.5.3操

42、作思路11.6疑难解析11.7习题拓展知识课堂案例制作“水族世界上机实训制作“北极数码小结1、 掌握整个的制作流程。2、 掌握规划与管理、表格和嵌套表格的创立、外部CSS样式文件的创立、和设置、AP Div的绘制、超的创立、图像热点区域的创立等多种操作。3、 对于本章的内容，学员应认真学习和掌握，了解如何一气呵成地创立。思考及作业想一想：大型的制作需要经历哪些阶段？各个阶段需要注意的问题有哪些？的制作使用的是单一的程序语言还是复合的程序语言？练一练：1翻开提供的“zaojing.html网页，在空白单元格中插入嵌套表格，输入新闻的标题、内容并插入相关图像，然后复制表格制作另一条新闻内容。2翻开提供的“luntan.html网页，利用嵌套表格、文本和图像等对象设置网页内容。. .word.