《Dreamwearver网页制作实用教程》教学大纲设计
- 格式:doc
- 大小:173.70 KB
- 文档页数:13
^Dreamweaver网页制作》教学大纲一、课程性质《网页制作技术》是计算机类各专业开设的一门实践环节课程,为省开课。
它是一门操作性和实践性很强的课程。
本课程的主要内容有网页编辑与制作软件Dreamweaver MX、图像处理软件Fireworks MX和矢量动画编辑与制作软件Flash MX。
二、教学目的要求:《网页制作技术》是计算机类各专业开设的一门很重要的实践环节课程。
通过本课程学习,使学生掌握的内容如下:()了解Internet应用有关的名词术语,WWW服务器、Web节点、主页(Homepage)、浏览器(Browser), ,留级链接、http ( hypertext transmission protocol)> URL(Uniform Resource Locator), html (hypertext markup language)语言、文件传输(FTP)、Gopher> WWW(World Wide Web)> 电子邮件(E-mail)电子邮件(E-mail)、网络新闻。
掌握Flash MX的工作界面、启动、建新与保存页面文档、工具面板、属性面板以及各种控制面板的布局方式和使用方法。
能够用基本法和高级法新建站点,掌握在站点中新建文件和文件夹,熟悉Dreamweaver MX的几种试图方式及切换方法,会预览网页。
掌握在网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性等操作方法。
掌握在Dreamweaver MX中使用的图像格式,掌握在网页文档中插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、设置图像的缩略图的操作方法,会使用图像编辑器,会在网页中插入翻转图像和导航条的操作。
掌握表格的组成和基本操作方法,熟练掌握创建表格、表格操作、表格编辑的方法,掌握表格和单元格的属性设置,会用表格组织网页的总体布局,掌握使用布局视图布局页面的总体布局。
《Dreamweaver网页设计》教学大纲适用专业:全校各专业理论学时:30课程名称:Dreamweaver网页设计英文名称:Dreamweaver Web Design一、课程的性质、目的和任务1.课程性质《Dreamweaver网页设计》是一门操作性和实践性很强的课程。
本课程的主要内容是系统地介绍网页编辑与制作软件Dreamweaver的使用方法和技巧,通过学习这种有代表性的网页设计软件,使学生系统地掌握网站设计与制作的全过程,并能熟练地制作出有专业水准的网站。
2.课程的教学目的通过本课程的学习,使学生能够了解html语言的结构,掌握网站的设计理念和开发流程,掌握Dreamweaver的使用方法,掌握网页的基本元素、创建方法、布局方法和美化技巧,能够熟练地设计并制作出界面美观、布局合理且具有简单交互效果的网站前台,为动态网站开发奠定基础。
3.课程的任务本门课程在专业教学计划中起着十分重要的作用,通过这门课程,学生需要掌握以下技能和知识:掌握网站的开发流程,如建站规划、建立站点等相关知识;掌握各种网页元素在Dreamweaver中的使用,例如表格、文本、图像、超级链接、AP元素等;熟练使用表格、布局表格、AP元素和框架布局网页;掌握网页模板和库项目的创建应用,以提高网页设计的效率;熟悉一些网页设计辅助软件的功能和使用方法,如Flash、Fireworks、Photoshop等;能够使用简单的行为或复制一些html代码设计简单的交互网页;掌握测试和发布网站的方法。
包括网站测试的内容和方法等。
二、课程与其他课程的关系1.先修课程:计算机应用技术2.关联课程:色彩、Adobe Photoshop、Flash动画制作等。
三、课程内容与重点难点第一章网页设计基础教学目的与要求:1.理解网页设计理念和配色方案;2.了解HTML语言的一般结构、网页的布局类型、网站管理与网页制作相关软件。
3.熟记网页的概念和组成元素,能够区分动态网页和静态网页;4.掌握网站的开发流程,能够分析网站;教学内容:1.网页的组成元素;2.网页相关知识简介;3.网页的设计理念和配色方案;4.网站建设流程;5.典型网站分析。
《Dreamweaver网页设计》教案一、教案简介二、教学目标1. 掌握Dreamweaver的界面结构和基本操作。
2. 学会使用Dreamweaver制作和管理网页布局。
3. 掌握在Dreamweaver中插入和编辑各种网页元素,如文本、图片、等。
4. 学会使用CSS样式表美化网页。
5. 掌握在Dreamweaver中进行网页代码编辑和调试。
三、教学内容1. Dreamweaver的安装和界面介绍。
2. 网页制作的基本流程和规范。
3. 文本的插入、编辑和格式设置。
4. 图片的插入、编辑和优化。
5. 的创建和管理。
四、教学方法采用讲解、演示、实践相结合的教学方法。
教师先进行理论知识讲解和操作演示,学生跟随实践,巩固所学知识。
在实践过程中,教师会提供指导和解答疑问。
五、教学环境1. 计算机房,每台计算机安装有Dreamweaver软件。
2. 投影仪或白板,用于展示操作过程。
3. 教学PPT或教案文档。
六、教学评估1. 课堂参与度:观察学生在课堂上的积极参与程度,提问和回答问题的积极性。
2. 实践操作:评估学生在实践环节中制作网页的质量和完成情况。
3. 作业和练习:布置相关作业和练习题,评估学生的理解和掌握程度。
4. 期末考核:进行期末考核,包括理论知识和实践操作,以评估学生整体学习效果。
七、教学资源1. Dreamweaver软件:确保每台计算机都安装有Dreamweaver软件,以便学生实践操作。
2. 教学PPT或教案文档:提供清晰的教学内容和操作步骤,方便学生理解和跟随。
3. 网页设计素材:提供一些图片、字体等网页设计素材,供学生自由使用。
4. 网络资源:提供一些优秀的网页设计参考案例和教程,供学生学习和参考。
八、教学进度安排1. 教案一:Dreamweaver的安装和界面介绍(1课时)2. 教案二:网页制作的基本流程和规范(1课时)3. 教案三:文本的插入、编辑和格式设置(1课时)4. 教案四:图片的插入、编辑和优化(1课时)5. 教案五:的创建和管理(1课时)6. 实践环节:学生自主制作网页(4课时)7. 作业和练习:布置相关作业和练习题,学生进行理论知识巩固(1课时)8. 教学评估:进行课堂参与度、实践操作、作业和练习的评估(1课时)9. 期末考核:进行期末考核,包括理论知识和实践操作(2课时)九、教学注意事项1. 确保学生已经掌握基本的计算机操作技能,如文本编辑、图片浏览等。
Dreamweaver网页制作教案第一章:Dreamweaver 简介1.1 课程目标了解Dreamweaver 的基本功能和特点掌握Dreamweaver 的界面布局和基本操作1.2 教学内容Dreamweaver 的历史和发展Dreamweaver 的特点和优势Dreamweaver 的界面布局Dreamweaver 基本操作1.3 教学方法讲解和演示学生实际操作练习1.4 教学资源Dreamweaver 软件教学PPT1.5 教学步骤1. 讲解Dreamweaver 的历史和发展2. 讲解Dreamweaver 的特点和优势3. 演示Dreamweaver 的界面布局4. 演示Dreamweaver 基本操作5. 学生实际操作练习第二章:网页布局和设计2.1 课程目标了解网页布局的基本概念掌握Dreamweaver 中的网页布局工具学会设计美观实用的网页2.2 教学内容网页布局的基本概念Dreamweaver 中的网页布局工具网页设计的原则和技巧2.3 教学方法讲解和演示学生实际操作练习2.4 教学资源Dreamweaver 软件教学PPT2.5 教学步骤1. 讲解网页布局的基本概念2. 讲解Dreamweaver 中的网页布局工具3. 演示如何使用网页布局工具进行布局4. 讲解网页设计的原则和技巧5. 学生实际操作练习第三章:HTML 代码编辑3.1 课程目标了解HTML 代码的基本结构掌握Dreamweaver 中的HTML 代码编辑工具学会使用Dreamweaver 编写简单的HTML 代码3.2 教学内容HTML 代码的基本结构Dreamweaver 中的HTML 代码编辑工具HTML 代码的基本标签和使用方法3.3 教学方法讲解和演示学生实际操作练习3.4 教学资源Dreamweaver 软件教学PPT3.5 教学步骤1. 讲解HTML 代码的基本结构2. 讲解Dreamweaver 中的HTML 代码编辑工具3. 演示如何使用Dreamweaver 编写HTML 代码4. 讲解HTML 代码的基本标签和使用方法5. 学生实际操作练习第四章:添加多媒体元素4.1 课程目标了解多媒体元素在网页中的作用掌握Dreamweaver 中添加多媒体元素的方法学会使用Dreamweaver 添加音频、视频和图像等元素4.2 教学内容多媒体元素在网页中的作用Dreamweaver 中添加多媒体元素的方法音频、视频和图像等元素的基本属性和使用方法4.3 教学方法讲解和演示学生实际操作练习4.4 教学资源Dreamweaver 软件教学PPT4.5 教学步骤1. 讲解多媒体元素在网页中的作用2. 讲解Dreamweaver 中添加多媒体元素的方法3. 演示如何使用Dreamweaver 添加音频、视频和图像等元素4. 讲解音频、视频和图像等元素的基本属性和使用方法5. 学生实际操作练习第五章:网页和交互5.1 课程目标了解网页的作用和类型掌握Dreamweaver 中创建和编辑的方法学会使用Dreamweaver 实现简单的网页交互效果5.2 教学内容网页的作用和类型Dreamweaver 中创建和编辑的方法网页交互效果的实现方法5.3 教学方法讲解和演示学生实际操作练习5.4 教学资源Dreamweaver 软件教学PPT5.5 教学步骤1. 讲解网页的作用和类型2. 讲解Dreamweaver 中创建和编辑的方法3. 演示如何使用Dreamweaver 创建和编辑4. 讲解网页交互效果的实现方法5. 学生实际操作练习第六章:CSS样式应用6.1 课程目标理解CSS样式的作用和基本概念掌握Dreamweaver中创建和应用CSS样式的方法学会通过CSS样式美化网页元素6.2 教学内容CSS样式的作用和基本概念Dreamweaver中的CSS面板创建和应用CSS样式的基本方法CSS选择器和优先级CSS属性和值6.3 教学方法讲解和演示学生实际操作练习6.4 教学资源Dreamweaver软件教学PPT6.5 教学步骤1. 讲解CSS样式的作用和基本概念2. 讲解Dreamweaver中的CSS面板3. 演示如何创建和应用CSS样式4. 讲解CSS选择器和优先级5. 讲解CSS属性和值6. 学生实际操作练习第七章:表格和表单的使用7.1 课程目标理解表格在网页中的作用掌握Dreamweaver中创建和编辑表格的方法学会使用表格进行数据展示掌握表单的创建和应用学会使用表单收集用户数据7.2 教学内容表格在网页中的作用Dreamweaver中创建和编辑表格的方法表格的属性和布局表单的创建和编辑表单元素和属性7.3 教学方法讲解和演示学生实际操作练习7.4 教学资源Dreamweaver软件教学PPT7.5 教学步骤1. 讲解表格在网页中的作用2. 讲解Dreamweaver中创建和编辑表格的方法3. 演示如何创建和编辑表格4. 讲解表格的属性和布局5. 讲解表单的创建和编辑6. 讲解表单元素和属性7. 学生实际操作练习第八章:Dreamweaver 高级功能8.1 课程目标了解Dreamweaver 的高级功能掌握Dreamweaver 中的模板和库的使用学会使用Dreamweaver 进行站点管理和发布网页8.2 教学内容Dreamweaver 的高级功能模板和库的使用站点管理和发布网页8.3 教学方法讲解和演示学生实际操作练习8.4 教学资源Dreamweaver 软件教学PPT8.5 教学步骤1. 讲解Dreamweaver 的高级功能2. 讲解模板和库的使用3. 演示如何使用模板和库4. 讲解站点管理和发布网页5. 学生实际操作练习第九章:响应式网页设计9.1 课程目标理解响应式网页设计的概念和重要性掌握Dreamweaver 中的响应式设计工具学会创建适应不同设备的网页布局9.2 教学内容响应式网页设计的概念和重要性Dreamweaver 中的响应式设计工具媒体查询的使用弹性布局和网格系统9.3 教学方法讲解和演示学生实际操作练习9.4 教学资源Dreamweaver 软件教学PPT9.5 教学步骤1. 讲解响应式网页设计的概念和重要性2. 讲解Dreamweaver 中的响应式设计工具3. 演示如何使用媒体查询4. 讲解弹性布局和网格系统5. 学生实际操作练习第十章:项目实战与拓展10.1 课程目标学会使用Dreamweaver 完成实际项目培养学生的网页设计能力和创新思维了解网页设计行业的前沿动态和发展趋势10.2 教学内容项目实战:综合运用Dreamweaver 完成一个网页设计项目拓展训练:学习网页设计相关的软件和技能行业动态:了解网页设计行业的前沿动态和发展趋势10.3 教学方法项目指导学生实际操作练习行业分享10.4 教学资源Dreamweaver 软件项目案例和素材教学PPT10.5 教学步骤1. 项目启动:讲解项目要求和设计思路2.重点和难点解析本教案中,需要重点关注的环节包括:1. 第二章“网页布局和设计”中的演示和实际操作练习环节。
Dreamwearver第一课讲义本章学习重点1. 我们需要了解网页与网站特色功能2. 我们需要了解操作环境了解安装卸载3. 我们需要学习界面认识浏览网页的工具-浏览器4. 我们需要学习认识网页的组成元素5. 我们需要学习空间和域名的管理举例演示:浏览一些网页作品打开网页看看一些经典网页模板ppt第一、“网页三剑客”有谁知道?(Photoshop 或Fireworks+Dreamweaver+flash )(大家知不知道?有那位同学能回答?)Dreamwearver1. 在互联网中的应用* 当前最流行、最方便的网页设计和网站开发工具软件。
提供了可自定义的、易于使用的所见即所得HTML 编辑器特色功能具备可视化的设计界面,强大的网页设计功能和编辑功能Dreamweaver CS6的安装、卸载和启动1 系统要求以下硬件和软件是运行Dreamweaver CS6所必需的。
对Microsoft Windows系统的要求如下。
处理器:Intel Pentium 4 或AMD Athlon 64(或兼容处理器)。
操作系统:Windows XP SP2 或更高版本,Windows Vista Home Premium、Business、Enterprise 或Ultimate(仅提供对32位版本的认证支持)。
RAM:512 MB。
硬盘:1.3 GB以上可用空间。
媒体:DVD-ROM驱动器。
Internet 连接(用于激活)。
对Macintosh系统的要求如下。
处理器:G4、G5 或基于Intel 的Mac。
操作系统:Mac OS 10.6或10.7版。
RAM:512 MB。
硬盘:1.8 GB以上可用空间。
媒体:DVD-ROM 驱动器。
Internet 连接(用于激活)。
2 安装Dreamweaver CS6安装Dreamweaver CS6时,首先关闭系统中当前正在运行的所有应用程序,包括其他Adobe 应用程序,然后执行下列操作之一。
安徽工业经济职业技术学院计算机多媒体专业《Dreamweaver网页设计》教学大纲一、课程的性质和任务(一)本课程的教学目的全面介绍与网页设计制作有关的知识,向学生阐明Web基本工作机制,并使学生具有解决一般网页制作问题的能力。
与此同时,通过对网页制作技术和制作工具Dreamweaver MX 2004的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。
(二)本课程在教学过程中的地位在网络技术迅速发展的今天,网页制作已成为当今社会上一种比较热门的技术,也是计算机专业学生的一门必修课,同时又可作为相关专业学生的选修课。
而目前比较流行的Dreamweaver MX 2004是可视化网页编辑软件的“头把交椅”。
由于网页制作课程不涉及太多的计算机基础知识,本课程可以激发学生学习本专业的兴趣和热情。
(三)本课程与其他有关课程的分工与联系此课程与计算机文化、界面制作艺术、多媒体技术应用等课程互相联系,互相补充,分别给学生提供计算机基础知识、网页制作技术的技能,图形和动画的设计与制作,美观的页面设计技巧等知识的学习。
此课程可以使学生深入理解和应用计算机中所学的基础知识,使学生能够得到全面的培养,成为社会所需专用人才。
二、教学目的和要求(一)知识要求:1.了解Internet的过去、现在和将来;2.了解WWW、HTTP、HTML、CSS的定义,概念和作用;3.理解服务器、客户端、浏览器的概念和作用;4.深入理解表格、框架、表单的作用;5.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用;6.深入理解HTML语言的各种功能和应用;7.理解CSS样式表中属性的作用和意义;8.理解对象的定义,及含义;(二)能力要求:1.会用HTML语言中的标记设置颜色、文本格式和列表;2.熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法;3.熟练掌握网页设计中字符格式的设置方法,掌握段落分段与换行的方法;4.掌握HTML的语法结构,熟练掌握 HTML语言中标记的使用方法;5.掌握在网页中添加CSS的方法。
《Dreamweaver网页设计》教学大纲(64学时)一、课程性质和任务《网页设计》是网页制作的一门实用课程,是计算机软件专业的一门实践性很强的专业课。
本课程开设的主要目的,是为了适应web技术的飞速发展,让学生掌握网页制作的基本技术,为学生今后在学习、工作中建立网站及制作网页打下基础。
通过本课程的学习,使学生了解网站设计制作的全过程,并且熟练掌握《网页设计》制作网页的基本方法和技巧。
二、课程教学目标(-)知识教学目标1、网页设计基础知识2、Dreamweaver 的使用3、网站制作实例(―)能力培养目标1、学会熟练运用Dreamweaver应用软件2、熟练掌握使用绝对和相对URL ,创建超链接,图像链接3、熟练掌握设置颜色、文本格式和列表4、掌握在网页中添加CSS的方法5、掌握在网页中嵌入图像、声音、多媒体信息的方法6、熟练掌握表格的使用方法,学会利用表格布局网页7、掌握框架制作网页的方法,会使用框架设计网页(三)思想教育目标1、具有勤奋学习的态度,严谨求实、创新的工作作风;2、具有良好的心理素质和职业道德素质3、具有高度责任心和良好的团队合作精神4、具有一定的科学思维方式和判断分析问题的能力5、具有较强的网页设计创意思维、艺术设计素质。
三、教学内容及要求1、创建Web站点的基本方法与步骤2、掌握系统属性及网页属性的设置方法,及各设置参数的作用3、掌握制作超级链接、E-ma订链接、书签等形式的超级链接4、掌握使用HTML样式和CSS样式创建、编辑网页的方法5、掌握水平线、日期、图像对象的主要属性与设置方法6、掌握表格的创建、结构调整与美化方法7、掌握在网页中创建、修改层和嵌套层的方法8、掌握时间线的创建与调整方法9、掌握框架结构网页的制作方法10、学会利用行为面板设置控制对象的行为11、学会使用Dream weaver中应用表单设计网页的方法12、全面掌握交互式网站的制作方法教学模式1、建议使用任务型模式的教学方法。
dreamwearver课程设计一、教学目标本课程的教学目标分为三个维度:知识目标、技能目标和情感态度价值观目标。
1.知识目标:通过本课程的学习,学生需要掌握DreamWaver的基本操作、页面布局、动画制作、表单应用等核心知识。
2.技能目标:学生能运用DreamWaver独立完成静态网页的设计与制作;能结合HTML、CSS、JavaScript等前端技术,实现网页的动态效果。
3.情感态度价值观目标:培养学生对网络技术的兴趣,提高创新意识和团队协作能力,使之具备持续学习信息科技的动力。
二、教学内容本课程的教学内容以教材《DreamWaver》为主线,结合网络资源和相关的前端技术,分为以下几个模块:1.DreamWaver基础:介绍DreamWaver的界面和基本操作,让学生熟悉软件环境。
2.页面布局:讲解布局、框架布局及响应式布局等方法,培养学生良好的页面设计习惯。
3.动画制作:教授动画制作的基本原理,引导学生发挥创意,制作出吸引人的动画效果。
4.表单应用:讲解表单的创建和应用,使学生掌握收集、处理网络信息的方法。
5.网页动态效果:结合HTML、CSS、JavaScript等技术,实现网页的动态效果。
三、教学方法本课程采用多种教学方法,如讲授法、讨论法、案例分析法、实验法等,以激发学生的学习兴趣和主动性:1.讲授法:讲解基本知识和操作,为学生提供系统的学习框架。
2.讨论法:分组讨论案例,培养学生的团队协作能力和解决问题的能力。
3.案例分析法:分析经典案例,引导学生运用所学知识解决实际问题。
4.实验法:上机操作,让学生动手实践,巩固所学知识。
四、教学资源为了支持教学内容和教学方法的实施,丰富学生的学习体验,我们将采用以下教学资源:1.教材:《DreamWaver》,为学生提供基本的学习资料。
2.参考书:推荐一些与DreamWaver相关的书籍,拓展学生的知识视野。
3.多媒体资料:收集相关的视频教程、动画演示等,以直观的方式辅助教学。
**学院教案课程名称:网页设计 Dreamweaver 任课教师(职称):授课对象及时间:20**级**班 2022-2022学年第二学期 2 月 28 日 3、4 节授课题目(章节):第一章教具:多媒体机房课时安排:2基本教材:Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次):掌握 Dreamweaver CS6 基础知识掌握如何将 Photoshop设置为图象文件的外部编辑器。
掌握创建网页并插入文档教学重点*、难点#创建网页并插入文档通过打开“新建文档”对话框来设置新文件的各项参数教学主要内容与教学方法:教学主要内容通过 3 个工作任务向大家介绍 Dreamweaver CS6 的基本操作。
Dreamweaver 是一款功能强大的可视化的网页编辑与管理软件。
利用它,不仅可以轻松地创建跨平台和跨浏览器的页面,也可以直接创建具有动态效果的网页而不用自己编写一行源代码。
Dreamweaver CS6 最主要的优势在于能够进行多任务工作,并且在操作方法、界面风格方面更加人性化。
教学方法:演示法、讲授法课程作业或者思量题:教材第 28 页参考资料或者常用网址:教学后记:学生能大致了解基础知识,学生能大致了解网站的一些原理,使学生对网站的认识上了一个阶梯。
教研室主任意见:**学院教案课程名称:网页设计 Dreamweaver 任课教师(职称):授课对象及时间:20**级**班 2022-2022学年第二学期 3 月 14 日 3、4 节授课题目(章节):第二章教具:多媒体机房课时安排:2基本教材:Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次):掌握如何创建网站。
掌握以 FTP 连接方式并定义远程站点教学重点*、难点#控制站点结构,管理站点中的每一个文件定义远程站点教学主要内容与教学方法:教学主要内容:将通过“以 FTP 连接方式定义远程站点”和“建立 MyTestm 网站”共 2 个工作任务向大家介绍如何创建、设计网站。
Dreamwearver CS3网页制作实用教程教学大纲一、课程的任务网页制作课程是一门应用性和理论性都很强的课程,是软件技术专业的一门专业课程。
随着网络广泛应用,网页制作技术在广大大中专院校得到了普及和推广。
网页制作者主要讲叙的是静态网页的制作,它是该专业后继课程动态网页制作的基础课程。
本课程针对网页设计与制作人员的要求,结合高职高专人才培养的特点,精心安排和组织了以实践岗位为中心的容,通过对本课程的学习,学生能够掌握有关网页制作的技术及其综合应用:如规划、页面组织、素材准备等,通过实践训练,能够举一反三,能够将所学知识点与工作技巧融合,为本专业学生将来成为“职场精英”打下坚实的基础,本课程侧重于实际的软件开发,加强实践环节,提高网页制作能力,使学生适应当前的计算机网络流行趋势。
二、课程的基本要求掌握建立与网页设计方法。
使用网页设计常用软件Dreamweaver创建与设置、管理与维护、测试与发布的技术与方法。
网页与的基本概念、策划与创建原则、的开发与发布工作流程、网页制作的各种方法和技巧,如文本处理、图象处理、超级、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。
在较短的时间,通过学习《Dreamwearver CS3网页制作实用教程》,能够设计制作出布局美观、合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页;能够建立、管理与发布小型;应用与网页技术传授知识、传播信息。
三、课时分配表四、课程的要求与容基础教学要求1、使学生了解和掌握、网页的基本知识;2、使学生了解和掌握网页的基本结构;3、使学生了解网页开发及建设的工具。
本章的重点和难点重点:1、创建和管理;2、创建和编辑首页;3、开发流程介绍。
难点:1、创建和管理;2、创建和编辑首页。
教学容:§1.1任务导入与问题思考1、任务导入——访问“搜狐”2、问题与思考§1.2知识点1、设计网页和的预备知识2、初识网页和3、网页制作软件§1.3任务实施步骤1、创建站点2、Dreamweaver CS3 新建首页3、Dreamweaver CS3 管理站点§1.4上机实训1、新建“我的学习”站点2、创建“花店”站点§1.5知识总结与回顾1、回顾学习要点2、学习要点参考添加网页元素教学要求:1、使学生熟练掌握网页基本组成元素;2、使学生能动手设计出简单、漂亮的网页本章的重点和难点重点:1、文本的插入、编辑及属性设置;2、图像的插入及属性设置;3、Flash文本的插入及属性设置;4、插入Shockwave影片及属性设置;5、特殊元素的插入及属性设置。
难点:1.图像的插入及属性设置;2.Flash文本的插入及属性设置;3.插入Shockwave影片及属性设置;教学容:§2.1任务导入与问题思考1、任务导入——设计五彩缤纷的网页2、问题与思考§2.2知识点1、网页基本元素2、网页特殊元素§2.3任务实施步骤1、添加网页文本2、添加图像3、鼠标移动效果4、插入Shockwave影片§2.4上机实训1、在“花店”主页中添加文本2、在“花店”主页中插入图像元素3、在“花店”主页中插入多媒体元素§2.5知识总结与回顾1、回顾学习要点2、学习要点参考表格布局教学要求:1、使学生熟练掌握网页表格的创建2、使学生熟练掌握网页表格的编辑3、使学生能够使用表格设计出布局合理的网页本章重点和难点重点:1、创建表格2、编辑表格难点:1、编辑表格2、使用表格进行网页布局教学容:§3.1任务导入与问题思考1、任务导入——用表格布局网页2、问题与思考§3.2知识点1、创建表格2、编辑表格§3.3任务实施步骤1、制作细线表格2、用表格布局“我们的家园”主页§3.4上机实训1、制作个性化的立体表格2、用表格布局“花店”主页§3.5知识总结与回顾1、回顾学习要点2、学习要点参考网页交互教学要求:1、使学生熟练掌握网页的交互方式2、使学生能够动手设计出与用户互动良好的网页本章重点和难点重点:1、链路、路径与锚的使用2、的设置方法3、使用特殊的4、使用常用的行为难点:1、链路、路径与锚的使用2、的设置方法3、使用特殊的4、使用常用的行为教学容:§4.1任务导入与问题思考1、任务导入——设计互动的网页2、问题与思考§4.2知识点1、超2、行为§4.3任务实施步骤1、为“学习”主页创建2、设置图像映射3、用行为制作交互网页§4.4上机实训1、为“花店”主页创建2、制作地图网页3、用行为制作导航条§4.5知识总结与回顾1、回顾学习要点2、学习要点参考表单应用教学要求:1、使学生熟练掌握表单的设置2、使学生能动手设计出与服务器数据处理紧密联系的网页本章重点和难点重点:1、表单的使用2、表单的设置方法3、使用表单进行数据采集与提交难点:1、表单的设置方法2、使用表单进行数据采集与提交教学容:§5.1任务导入与问题思考1、问题导入——制作用户信息调查表2、问题与思考§5.2知识点1、关于表单2、插入表单对象§5.3任务实施步骤1、制作登录页面2、制作新用户注册页面§5.4上机实训1、制作新客户登记页面2、制作信息反馈页面§5.5知识总结与回顾1、回顾学习要点2、学习要点参考使用框架布局网页教学要求:1、使学生熟练掌握网页的框架布局方式2、使学生能够动手设计出操作灵活、控制准确的网页本章重点和难点重点:1、框架和框架集的创建2、框架和框架集文件的基本操作3、框架和框架集的属性设置4、在框架中使用难点:1、框架和框架集文件的基本操作2、框架和框架集的属性设置3、在框架中使用教学容:§6.1任务导入与问题思考1、任务导入——制作奇特的框架布局2、问题与思考§6.2知识点1、创建框架集2、在框架页面中插入容3、设置框架和框架集属性§6.3任务实施步骤1、创建框架集§6.4上机实训1、为“花店”站点制作导购页面§6.5知识总结与回顾1、回顾学习要点2、学习要点参考模板和库教学要求:1、使学生熟练掌握模板和库的制作;2、使学生能动手设计出适用性广、扩展性强的网页模板。
本章重点和难点重点:1、模板和库的基本概念;2、制作和应用模板和库;3、模板和库与文档分离。
难点:1、制作和应用模板和库;2、模板和库与文档分离。
教学容:§7.1任务导入与问题思考1、任务导入——制作网页模板2、问题与思考§7.2知识点1、模板2、库§7.3任务实施步骤1、创建和应用模板2、制定库和应用库项目§7.4上机实训1、创建模板§7.5知识总结与回顾1、回顾学习要点2、学习要点参考CSS样式表教学要求:1、使学生熟练掌握网页的样式表设置;2、使学生能够动手设计出表现力丰富的网页本章重点和难点重点:1、创建和应用部样式表、外部样式表;2、创建和应用标签、类、高级样式表;3、CSS样式的属性介绍;4、管理CSS样式,CSS样式的应用、取消、修改和删除。
难点:1、创建和应用部样式表、外部样式表;2、创建和应用标签、类、高级样式表;3、CSS样式的属性介绍;4、管理CSS样式,CSS样式的应用、取消、修改和删除。
教学容:§8.1任务导入与问题思考1、任务导入——制作网页样式2、问题与思考§8.2知识点1、CSS概述2、创建CSS样式表§8.3任务实施步骤1、创建标签部样式表2、知识拓展:CSS代码3、创建个性化文字外部样式4、知识拓展:外部样式表的应用5、创建个性化样式6、创建竖排文字样式§8.4上机实训1、创建个性化表格样式2、创建横向菜单§8.5 CSS样式属性1、类型2、背景3、区块4、方框5、边框6、列表7、定位8、扩展§8.6知识总结与回顾1、回顾学习要点2、学习要点参考构建ASP开发环境教学要求:1、使学生熟练掌握IIS中虚拟目录的设置;2、使学生能够动手构建支持发布的ASP网页平台。
本章重点和难点重点:1、动态网页与ASP的工作原理2、ASP运行环境及IIS的配置;3、在Dreamweaver 中搭建ASP站点。
难点:1、动态网页与ASP的工作原理2、ASP运行环境及IIS的配置;3、在Dreamweaver 中搭建ASP站点。
教学容:§9.1任务导入与问题思考1、任务导入——构建ASP开发环境2、问题与思考§9.2知识点1、认识动态网页与ASP2、安装与启动IIS3、配置IIS4、测试IIS服务器5、在Dreamweaver中设置ASP服务器站点§9.3任务实施步骤1、安装IIS2、配置IIS服务器3、测试IIS服务器§9.4上机实训1、配置与测试IIS服务器2、搭建ASP开发环境§9.5知识总结与回顾1、回顾学习要点2、学习要点参考新闻系统的制作教学要求:1、使学生熟练掌握新闻系统的制作2、使学生能设计出实用的新闻系统本章重点和难点重点:1、新闻系统的组成2、动态网页与数据库的连接3、动态网页如何操作数据库难点:1、动态网页与数据库的连接2、动态网页如何操作数据库教学容:§10.1新闻系统准备工作1、新闻系统需求分析2、新闻系统站点的建立3、设计新闻数据库4、连接新闻数据库§10.2管理员登录页面设计1、管理员登录页2、新闻管理页3、错误信息页§10.3新闻信息管理页面设计1、添加新闻页2、编辑新闻页3、删除新闻页§10.4新闻前台查看页面设计1.新闻浏览主页2.新闻浏览网页§10.5系统调试§10.6知识总结与回顾留言板系统的制作教学要求:1、使学生熟悉留言板的制作流程2、使学生能动手设计出实用的留言系统本章重点和难点重点:1、留言板系统的结构2、留言板系统数据库的设计与创建3、留言板系统前后台的构建难点:1、留言板系统的结构2、留言板系统数据库的设计与创建3、留言板系统前后台的构建教学容:§11.1留言板系统准备工作1、留言板系统需求分析2、留言板站点的建立3、留言板数据库的建立4、连接留言数据库§11.2留言板前台页面设计1、创建留言板模板文件2、浏览留言信息3、发布留言4、管理员回复页面(前台登录方式)§11.3留言板后台页面设计1、后台登录界面2、留言管理列表页面3、删除留言页面4、回复留言页面(后台登录方式)5、管理员修改回复页面§11.4知识总结与回顾综合实训——博客的开发教学要求:1、使学生熟练掌握构建网页应用系统的一般流程;2、使学生能恰当选用建服务器行为表达页面效果本章重点和难点重点:1、博客各种模块的功能2、设计一个博客所需要用到的数据库3、利用各种建服务器行为制作ASP动态页面效果4、通过编辑代码修改网页效果难点:1、博客各种模块的功能2、设计一个博客所需要用到的数据库3、利用各种建服务器行为制作ASP动态页面效果4、通过编辑代码修改网页效果教学容:§12.1博客概述1、博客概述§12.2博客的建立1、如何建立博客§12.3博客数据库1、数据库的建立2、数据库的连接§12.4博客网页设计1、CSS样式表文件和站点模板的构建2、博客登录与注册页面设计3、博客首页设计4、博文显示页面设计5、博文查询页面设计§12.5博客的发布1、博客的发布§12.6知识总结与回顾。