DW网页制作教学教程案例
《Dw CC网页制作案例教程》教学课件 第3章 创建简单图文网页
步骤 01 将本书附赠素材“素材与实例
\ch03〞目录下的“text〞文
件夹拷贝至第2章创立的站点
“test〞根目录下。
步骤 02 在Dreamweaver中翻开“text
〞文件夹中的“index-
1x.html〞文档,单击“文档
工具栏〞中的“拆分〞按钮,
使文档窗口左侧显示HTML代码,
第3章 创建如简下单图图文。网页
第3章 创建简单图文网页
26
2三.、编网号页列的表本质
编号列表前通常有数字或字母作前导字符。这些字符可以是阿拉伯数字、英文字母或罗 马数字等,效果如右图所示。
步骤 01 将插入点置于需要创立编号列表的位置,单击“属性〞面板中的 按钮,数字前导字符 将出现在鼠标光标前,如以下图所示。
步骤 02 在阿拉伯数字前导符后面输入相应的文本内容,按【Enter】键分段后, 下一个数字前导符会自动出现。
7
步骤 三02 、弹网出页“的页本面属质性〞对话框,对话框
左侧的“分类〞列表中显示可以设 置的类别,右侧显示相应的设置项, 默认显示“外观〔CSS〕〞设置项, 如以下图所示。
步骤 03
在左侧的“分类〞列表中选择“标 题/编码〞,然后在“标题〞编辑 框中输入网页标题“海的女儿〞, “编码〞类型保持默认,如以下图 所示。
“xinwen_1x.html 〞,将其翻开,如 右图所示。
第3章 创建简单图文网页
10
案例实施
一、网页、网站和主页
步骤 03 参照相关知识第一节中的操作,将插入点置于代码界面<meta charset=“utf-8“>标签 的后面,选择“插入〞>“Head〞>“关键字〞菜单命令,弹出“关键字〞对话框,在
Dreamweaver网页制作教案
Dreamweaver网页制作教案第一章:Dreamweaver简介1.1 课程目标了解Dreamweaver的发展历程和版本更新掌握Dreamweaver的基本功能和界面布局熟悉Dreamweaver的快捷键和基本操作1.2 教学内容Dreamweaver的历史和版本介绍Dreamweaver的界面布局和功能介绍Dreamweaver的基本操作和快捷键使用1.3 教学方法讲解与演示相结合,让学生了解Dreamweaver的发展历程和功能特点上机实践,让学生熟悉Dreamweaver的基本操作和界面布局布置课后练习,巩固所学知识1.4 教学资源Dreamweaver软件PowerPoint课件课后练习题1.5 教学评价课后练习完成情况学生对Dreamweaver基本功能的掌握程度第二章:创建和管理网页2.1 课程目标掌握新建、打开、保存和关闭网页的方法熟悉页面标签和属性的设置了解网站结构和文件管理的方法2.2 教学内容新建、打开、保存和关闭网页的操作方法页面标签和属性的设置网站结构和文件管理的方法2.3 教学方法讲解与演示相结合,让学生掌握新建、打开、保存和关闭网页的方法上机实践,让学生熟悉页面标签和属性的设置布置课后练习,巩固所学知识2.4 教学资源Dreamweaver软件PowerPoint课件课后练习题2.5 教学评价课后练习完成情况学生对网页创建和管理方法的掌握程度第三章:编辑网页文本和图像3.1 课程目标掌握在Dreamweaver中编辑文本的方法熟悉图像的插入、编辑和替换了解超的创建和使用3.2 教学内容在Dreamweaver中编辑文本的方法图像的插入、编辑和替换超的创建和使用3.3 教学方法讲解与演示相结合,让学生掌握编辑文本和图像的方法上机实践,让学生熟悉超的创建和使用布置课后练习,巩固所学知识3.4 教学资源Dreamweaver软件PowerPoint课件课后练习题3.5 教学评价课后练习完成情况学生对文本编辑和图像处理的掌握程度第四章:表格和框架的使用4.1 课程目标掌握表格的插入、编辑和删除熟悉框架的创建和应用了解表格和框架在网页布局中的应用4.2 教学内容表格的插入、编辑和删除框架的创建和应用表格和框架在网页布局中的应用4.3 教学方法讲解与演示相结合,让学生掌握表格和框架的使用方法上机实践,让学生熟悉表格和框架在网页布局中的应用布置课后练习,巩固所学知识4.4 教学资源Dreamweaver软件PowerPoint课件课后练习题4.5 教学评价课后练习完成情况学生对表格和框架使用的掌握程度第五章:CSS样式和布局5.1 课程目标掌握CSS样式的创建、应用和编辑熟悉Dreamweaver的布局方式了解响应式布局和移动端适配5.2 教学内容CSS样式的创建、应用和编辑Dreamweaver的布局方式响应式布局和移动端适配5.3 教学方法讲解与演示相结合,让学生掌握CSS样式的使用方法上机实践,让学生熟悉Dreamweaver的布局方式布置课后练习,巩固所学知识5.4 教学资源Dreamweaver软件PowerPoint课件课后练习题5.5 教学评价课后练习完成情况学生对CSS样式和布局的掌握程度第六章:表单和动画6.1 课程目标掌握表单的创建和验证熟悉Flash动画和HTML5动画的插入了解网页中的多媒体应用6.2 教学内容表单的创建和验证Flash动画和HTML5动画的插入网页中的多媒体应用6.3 教学方法讲解与演示相结合,让学生掌握表单的创建和验证方法上机实践,让学生熟悉Flash动画和HTML5动画的插入布置课后练习,巩固所学知识6.4 教学资源Dreamweaver软件PowerPoint课件课后练习题6.5 教学评价课后练习完成情况学生对表单和动画的掌握程度第七章:网页代码编辑7.1 课程目标掌握HTML和CSS代码的编写熟悉JavaScript代码的插入和调试了解网页代码的优化和规范7.2 教学内容HTML和CSS代码的编写JavaScript代码的插入和调试网页代码的优化和规范7.3 教学方法讲解与演示相结合,让学生掌握网页代码的编写方法上机实践,让学生熟悉JavaScript代码的插入和调试布置课后练习,巩固所学知识7.4 教学资源Dreamweaver软件PowerPoint课件课后练习题7.5 教学评价课后练习完成情况学生对网页代码编辑的掌握程度第八章:网站发布与维护8.1 课程目标掌握网站的发布和更新熟悉网站的维护和推广了解网站运营的基本原则8.2 教学内容网站的发布和更新网站的维护和推广网站运营的基本原则8.3 教学方法讲解与演示相结合,让学生掌握网站发布和更新的方法上机实践,让学生熟悉网站维护和推广的操作布置课后练习,巩固所学知识8.4 教学资源Dreamweaver软件PowerPoint课件课后练习题8.5 教学评价课后练习完成情况学生对网站发布与维护的掌握程度第九章:网页设计规范与最佳实践9.1 课程目标掌握网页设计的基本原则熟悉网页设计的最佳实践了解网页设计中的创新与趋势9.2 教学内容网页设计的基本原则网页设计的最佳实践网页设计中的创新与趋势9.3 教学方法讲解与演示相结合,让学生掌握网页设计的基本原则和最佳实践上机实践,让学生运用所学知识进行网页设计创新与趋势探索布置课后练习,巩固所学知识9.4 教学资源Dreamweaver软件PowerPoint课件课后练习题9.5 教学评价课后练习完成情况学生对网页设计规范与最佳实践的掌握程度第十章:综合案例与实战10.1 课程目标掌握网页设计的综合运用能力熟悉实战项目的操作流程了解行业需求和发展趋势10.2 教学内容网页设计的综合运用能力实战项目的操作流程行业需求和发展趋势10.3 教学方法讲解与演示相结合,让学生掌握网页设计的综合运用能力上机实践,让学生熟悉实战项目的操作流程布置课后练习,巩固所学知识10.4 教学资源Dreamweaver软件PowerPoint课件课后练习题10.5 教学评价课后练习完成情况学生对综合案例与实战的掌握程度重点解析本文档详细编写了一个关于Dreamweaver网页制作的教案,共包含十个章节。
《Dreamweaver网页设计》教案
《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. 确保学生已经掌握基本的计算机操作技能,如文本编辑、图片浏览等。
DW_教案讲解[五篇范例]
DW_教案讲解[五篇范例]第一篇:DW_教案讲解一网页制作与网址建设基础知识(1学时)一.教学目标初步了解WEB工作原理、初步了解URL构成、了解网页版面布局连接了Internet计算机、DreamWeaver 8和IE 6软件二.教学环境、设备三.教学步骤(一)背景知识简述WEB网站也是常用的一种软件开发模式(B/S)网站的访问是通过网址(URL地址)进行网页版面布局是网页制作中最为重要的环节之一(二)实验步骤1.Web和浏览器2.网页制作的相关知识3.网页制作的基本方法4.熟悉Macromedia Studio 8安装及操作界面四.实验习题1.确认计算机连接了Internet2.双击IE浏览器3.在地址栏中输入网址二认识DreamWeaver 8基本操作(1学时)一.教学目的了解DreamWeaver软件,能够使用DreamWeaver制作简单的网页站点的作用,创建WEB站点、创建一个静态网页并能够保存在磁盘上形成文件二.教学难点三.教学环境、设备计算机、DreamWeaver 8和IE 6软件四.教学步骤(一)背景知识简述DreamWeaver软件是当前最为流行的网页制作软件之一,熟悉和熟练掌握该软件对学生在进行后面的学习中将起到关键的作用(二)教学步骤1.了解Dreamweaver及其基本特点2.了解Dreamweaver 8的新功能3.Dreamweaver 8概述4.Dreamweaver 8的新功能5.Dreamweaver 8的编辑环境6.建立站点7.创建简单的页面8.预览页面四.实验习题1、确认计算机连接了Internet2、双击IE浏览器3、在地址栏中输入网址五.实验拓展习题使用DreamWeaver 8创建一个站点,并创建一个名为Index.html的网页三插入文本和图像(1学时)一.教学目的了解网页中插入文本和图像的基本操作、并能对插入的文本和图像进行属性设置二.教学难点文字图像的排版三.教学环境、设备计算机、DreamWeaver 8和IE 6软件四.教学步骤(一)背景知识简述文本和图像是一个网页的基本元素,向网页中插入文本和图像以及对问本和图像进行属性设置也是网页制作人员必备的技能(二)实验步骤1.掌握插入与修改文本的方法2.了解CSS样式3.插入文本4.设置文本属性5.创建列表项6.拼写检查7.图像编排 9.文本和图像应用五、实验习题1、新建一个静态页面2、在网页中输入文本3、利用属性面板对文本进行格式化操作4、向网页中插入图像5、利用属性面板对图像进行格式化操作六.实验拓展习题(学生选做)使用DreamWeaver 8创建一个图文并茂的网页四超级链接(1学时)一.教学目的了解超链接的基本特点、掌握超链接的创建与管理方法二.教学难点创建图像及热点超链接、创建邮件、关闭窗口和后退的超链接三.教学环境、设备计算机、DreamWeaver 8和IE 6软件四.教学步骤(一)背景知识简述超链接是网页间的桥梁、是一个网站必备的元素;一个有效网站就是有一个主页和多个网页构成的,网页间的相互访问就是通过超链接来实现的(二)教学步骤1.创建超链接概述2.在页面中创建文本超链接3.在页面中创建图像超链接4.在页面中创建图像热点超链接5.在页面中创建邮件超链接6.在页面中创建后退、前进和关闭超链接7.超链接管理五.实验习题1、创建两个网页,并命名为test1.htm和test2.htm2、在test1.htm中输入文本3、选中输入的文本,在属性面板中使用超链接属性来选中test2.htm 六.实验拓展习题(学生选做)制作网页间的超链接制作图像及热点超链接制作邮件、关闭窗口和后退的超链接五表格(2学时)一.教学目的了解Dreamweaver 8中表格的基本特点、掌握表格的基本操作、掌握使用表格创建网页的方法二.教学难点插入并美化表格进行页面布局。
《Dw CC网页制作案例教程》教学课件 第9章 模板和库的应用
步骤 02
在“文档类型〞列表中选择 “网站模板〞,在“站点〞列 表中选择“ydjt〞,在“站点 ‘ydjt’的模板〞列表中选择 “xinwen〞。
第9章 模板和库的应用
24
案例实施
一、网页、网站和主页
步骤 03 单击“创立〞按钮,基于模板创立文档,如以下图所示。
第9章 模板和库的应用
25
案例实施
中文版Dreamweaver CC 网页制作案例教程
目录页
CONTENTS PAGE
第9章 模板和库的应用
案例一 案例二
创建并应用库项目制作新闻显示页面——库的基本操作
案例说明
使用模板可以高效率地制作同一网站 中结构相同的网页。本案例通过创立 模板,并应用模板制作网站新闻显示 页面,来学习模板的根本操作。
第9章 模板和库的应用
20
案例实施
在学习了模板的创立、编辑、应用和管 理后,下面通过在企业网站中创立一个 模板,并使用该模板制作一个网页,以 进一步学习模板的创立和应用,网页效 果如右图所示。
一、网页、网站和主页
第9章 模板和库的应用
21
案例实施
一一、、网创页立、模网板站和主页
步骤 01 在“文件〞面板中翻开“ydjt〞站点,并双击翻开其中的网页文档“xinwen.html〞。 步骤 02 翻开“另存模板〞对话框。在“另存为〞文本框中输入“xinwen〞作为模板名,然后单
CONTENTS PAGE
第9章 模板和库的应用
案例一 案例二
案例说明
使用库工程可以将网页中的常用页面元素保存起 来,然后在多个网页中重复使用。本案例主要学 习创立和应用库工程的根本操作。
第9章 模板和库的应用
网页设计Dreamweaver教案
网页设计Dreamweaver教案第一章:Dreamweaver概述1.1 课程目标:了解Dreamweaver的基本功能和特点熟悉Dreamweaver的工作界面掌握Dreamweaver的基本操作1.2 教学内容:Dreamweaver的功能和特点Dreamweaver的工作界面Dreamweaver的基本操作1.3 教学方法:讲解和演示学生实际操作练习1.4 教学资源:Dreamweaver软件教学PPT1.5 教学步骤:1. 讲解Dreamweaver的功能和特点2. 演示Dreamweaver的工作界面和基本操作3. 学生实际操作练习第二章:HTML基础2.1 课程目标:了解HTML的基本结构和标签掌握HTML的基本语法和属性能够编写简单的HTML页面2.2 教学内容:HTML的基本结构和标签HTML的基本语法和属性编写简单的HTML页面2.3 教学方法:讲解和演示学生实际操作练习2.4 教学资源:Dreamweaver软件教学PPT2.5 教学步骤:1. 讲解HTML的基本结构和标签2. 演示HTML的基本语法和属性3. 学生实际操作练习,编写简单的HTML页面第三章:网页布局和设计3.1 课程目标:了解网页布局的基本方法掌握Dreamweaver的布局工具和功能能够设计美观的网页3.2 教学内容:网页布局的基本方法Dreamweaver的布局工具和功能设计美观的网页3.3 教学方法:讲解和演示学生实际操作练习3.4 教学资源:Dreamweaver软件教学PPT3.5 教学步骤:1. 讲解网页布局的基本方法2. 演示Dreamweaver的布局工具和功能3. 学生实际操作练习,设计美观的网页第四章:CSS样式和布局4.1 课程目标:了解CSS的基本概念和语法掌握Dreamweaver中的CSS样式和布局功能能够通过CSS实现网页的样式设计和布局4.2 教学内容:CSS的基本概念和语法Dreamweaver中的CSS样式和布局功能通过CSS实现网页的样式设计和布局4.3 教学方法:讲解和演示学生实际操作练习4.4 教学资源:Dreamweaver软件教学PPT4.5 教学步骤:1. 讲解CSS的基本概念和语法2. 演示Dreamweaver中的CSS样式和布局功能3. 学生实际操作练习,通过CSS实现网页的样式设计和布局第五章:网页交互和动画5.1 课程目标:了解网页交互的基本概念和实现方法掌握Dreamweaver中的网页交互和动画功能能够实现简单的网页交互和动画效果5.2 教学内容:网页交互的基本概念和实现方法Dreamweaver中的网页交互和动画功能实现简单的网页交互和动画效果5.3 教学方法:讲解和演示学生实际操作练习5.4 教学资源:Dreamweaver软件教学PPT5.5 教学步骤:1. 讲解网页交互的基本概念和实现方法2. 演示Dreamweaver中的网页交互和动画功能3. 学生实际操作练习,实现简单的网页交互和动画效果第六章:网页图像和多媒体6.1 课程目标:了解网页中图像和多媒体的基本使用方法掌握Dreamweaver中插入和编辑图像和多媒体的功能能够合理地在网页中使用图像和多媒体元素6.2 教学内容:网页中图像和多媒体的基本使用方法Dreamweaver中插入和编辑图像和多媒体的功能合理地在网页中使用图像和多媒体元素6.3 教学方法:讲解和演示学生实际操作练习6.4 教学资源:Dreamweaver软件教学PPT6.5 教学步骤:1. 讲解网页中图像和多媒体的基本使用方法2. 演示Dreamweaver中插入和编辑图像和多媒体的功能3. 学生实际操作练习,插入和编辑网页中的图像和多媒体第七章:网页和导航7.1 课程目标:了解网页的基本概念和实现方法掌握Dreamweaver中创建和编辑的功能能够创建合理的网页导航系统7.2 教学内容:网页的基本概念和实现方法Dreamweaver中创建和编辑的功能创建合理的网页导航系统7.3 教学方法:讲解和演示学生实际操作练习7.4 教学资源:Dreamweaver软件教学PPT7.5 教学步骤:1. 讲解网页的基本概念和实现方法2. 演示Dreamweaver中创建和编辑的功能3. 学生实际操作练习,创建和编辑网页第八章:表格和数据管理8.1 课程目标:了解表格在网页中的基本使用方法掌握Dreamweaver中插入、编辑和格式化表格的功能能够使用表格进行数据管理8.2 教学内容:表格在网页中的基本使用方法Dreamweaver中插入、编辑和格式化表格的功能使用表格进行数据管理8.3 教学方法:讲解和演示学生实际操作练习8.4 教学资源:Dreamweaver软件教学PPT8.5 教学步骤:1. 讲解表格在网页中的基本使用方法2. 演示Dreamweaver中插入、编辑和格式化表格的功能3. 学生实际操作练习,使用表格进行数据管理第九章:表单和用户交互9.1 课程目标:了解表单在网页中的基本使用方法掌握Dreamweaver中创建和编辑表单的功能能够实现简单的用户交互功能9.2 教学内容:表单在网页中的基本使用方法Dreamweaver中创建和编辑表单的功能实现简单的用户交互功能9.3 教学方法:讲解和演示学生实际操作练习9.4 教学资源:Dreamweaver软件教学PPT9.5 教学步骤:1. 讲解表单在网页中的基本使用方法2. 演示Dreamweaver中创建和编辑表单的功能3. 学生实际操作练习,创建和编辑表单第十章:网页发布和维护10.1 课程目标:了解网页发布的基本概念和流程掌握Dreamweaver中发布和维护网页的功能能够正确地发布和维护网页10.2 教学内容:网页发布的基本概念和流程Dreamweaver中发布和维护网页的功能正确地发布和维护网页10.3 教学方法:讲解和演示学生实际操作练习10.4 教学资源:Dreamweaver软件教学PPT10.5 教学步骤:1. 讲解网页发布的基本概念和流程2. 演示Dreamweaver中发布和维护网页的功能3. 学生实际操作练习,发布和维护网页重点和难点解析重点环节一:HTML的基本结构和标签学生可能对HTML标签的作用和用法理解不深,导致无法正确编写HTML代码。
网页设计Dreamweaver教案
网页设计Dreamweaver教案第一章:Dreamweaver概述1.1 课程目标了解Dreamweaver的基本功能和特点熟悉Dreamweaver的工作界面掌握Dreamweaver的基本操作1.2 教学内容Dreamweaver的功能和特点Dreamweaver的工作界面Dreamweaver的基本操作1.3 教学步骤1. 介绍Dreamweaver的功能和特点2. 演示Dreamweaver的工作界面3. 讲解Dreamweaver的基本操作4. 学生练习操作Dreamweaver1.4 作业与练习制作一个简单的网页熟悉Dreamweaver的工作界面第二章:网页设计与布局2.1 课程目标学习网页设计的基本原则掌握网页布局的方法熟悉Dreamweaver的布局工具2.2 教学内容网页设计的基本原则网页布局的方法Dreamweaver的布局工具2.3 教学步骤1. 介绍网页设计的基本原则2. 演示网页布局的方法3. 讲解Dreamweaver的布局工具4. 学生练习网页设计和布局2.4 作业与练习设计并布局一个简单的网页熟悉Dreamweaver的布局工具第三章:HTML标签与属性3.1 课程目标学习HTML标签的基本概念掌握HTML标签的属性和使用方法熟悉Dreamweaver的标签插入工具3.2 教学内容HTML标签的基本概念HTML标签的属性和使用方法Dreamweaver的标签插入工具3.3 教学步骤1. 介绍HTML标签的基本概念2. 演示HTML标签的属性和使用方法3. 讲解Dreamweaver的标签插入工具4. 学生练习插入HTML标签3.4 作业与练习插入并使用HTML标签制作一个简单的网页熟悉Dreamweaver的标签插入工具第四章:CSS样式与布局4.1 课程目标学习CSS样式的基本概念掌握CSS样式的使用方法熟悉Dreamweaver的CSS样式编辑工具4.2 教学内容CSS样式的基本概念CSS样式的使用方法Dreamweaver的CSS样式编辑工具4.3 教学步骤1. 介绍CSS样式的基本概念2. 演示CSS样式的使用方法3. 讲解Dreamweaver的CSS样式编辑工具4. 学生练习编辑CSS样式4.4 作业与练习编辑CSS样式制作一个简单的网页熟悉Dreamweaver的CSS样式编辑工具第五章:网页交互与动画5.1 课程目标学习网页交互的基本概念掌握网页交互的方法熟悉Dreamweaver的交互工具5.2 教学内容网页交互的基本概念网页交互的方法Dreamweaver的交互工具5.3 教学步骤1. 介绍网页交互的基本概念2. 演示网页交互的方法3. 讲解Dreamweaver的交互工具4. 学生练习网页交互和动画制作5.4 作业与练习制作一个带有交互和动画的网页熟悉Dreamweaver的交互工具第六章:网页素材与图像处理6.1 课程目标学习网页素材的基本概念掌握图像处理的方法熟悉Dreamweaver的图像插入和编辑工具6.2 教学内容网页素材的基本概念图像处理的方法Dreamweaver的图像插入和编辑工具6.3 教学步骤1. 介绍网页素材的基本概念2. 演示图像处理的方法3. 讲解Dreamweaver的图像插入和编辑工具4. 学生练习插入和编辑图像6.4 作业与练习插入和编辑图像制作一个简单的网页熟悉Dreamweaver的图像插入和编辑工具第七章:网页与导航7.1 课程目标学习网页的基本概念掌握网页的方法熟悉Dreamweaver的插入和管理工具7.2 教学内容网页的基本概念网页的方法Dreamweaver的插入和管理工具7.3 教学步骤1. 介绍网页的基本概念2. 演示网页的方法3. 讲解Dreamweaver的插入和管理工具4. 学生练习插入和管理7.4 作业与练习插入和管理制作一个简单的网页导航熟悉Dreamweaver的插入和管理工具第八章:表格与数据管理8.1 课程目标学习表格的基本概念掌握表格的制作和编辑方法熟悉Dreamweaver的表格工具8.2 教学内容表格的基本概念表格的制作和编辑方法Dreamweaver的表格工具8.3 教学步骤1. 介绍表格的基本概念2. 演示表格的制作和编辑方法3. 讲解Dreamweaver的表格工具4. 学生练习制作和编辑表格8.4 作业与练习制作和编辑表格展示一组数据熟悉Dreamweaver的表格工具第九章:表单与数据验证9.1 课程目标学习表单的基本概念掌握表单的制作和数据验证方法熟悉Dreamweaver的表单工具9.2 教学内容表单的基本概念表单的制作和数据验证方法Dreamweaver的表单工具9.3 教学步骤1. 介绍表单的基本概念2. 演示表单的制作和数据验证方法3. 讲解Dreamweaver的表单工具4. 学生练习制作和数据验证表单9.4 作业与练习制作和数据验证一个简单的表单熟悉Dreamweaver的表单工具第十章:网站发布与维护10.1 课程目标学习网站发布的基本概念掌握网站发布的步骤熟悉Dreamweaver的网站发布和管理工具10.2 教学内容网站发布的基本概念网站发布的步骤Dreamweaver的网站发布和管理工具10.3 教学步骤1. 介绍网站发布的基本概念2. 演示网站发布的步骤3. 讲解Dreamweaver的网站发布和管理工具4. 学生练习发布和管理网站10.4 作业与练习发布和管理一个简单的网站熟悉Dreamweaver的网站发布和管理工具重点和难点解析一、Dreamweaver概述重点和难点解析:Dreamweaver的工作界面和基本操作是初次接触该软件的学生必须要掌握的基础。
DreamWeaver网页制作公开课教案
最新DreamWeaver网页制作公开课教案一、课程简介1. 课程目标:通过本课程的学习,使学员掌握DreamWeaver的基本操作,能够独立制作出满足需求的网页。
2. 课程内容:主要包括DreamWeaver的安装与使用、网页基本结构、HTML 代码、CSS样式、表单、JavaScript等。
3. 适用对象:无基础或有一定基础想进一步学习的网页制作爱好者。
二、教学资源1. 教材:最新版DreamWeaver教程。
2. 软件:DreamWeaver CC 2024。
3. 辅助工具:浏览器、代码编辑器。
三、教学安排1. 课时:共计30课时。
2. 上课方式:线上授课。
3. 课程进度:每课时1小时,每周安排2课时。
四、教学方法1. 讲授:讲解DreamWeaver的基本操作和功能。
2. 演示:展示实例,边操作边讲解。
3. 练习:学员跟练,老师辅导。
4. 答疑:学员提问,老师解答。
五、课程大纲1. 第一课时:DreamWeaver的安装与使用1.1 安装DreamWeaver CC 2024 1.2 启动与界面简介1.3 创建第一个网页2. 第二课时:网页基本结构2.1 HTML基本结构2.2 DreamWeaver的代码视图2.3 插入与编辑文本3. 第三课时:HTML代码3.1 标签3.2 段落与换行3.3 列表标签4. 第四课时:CSS样式4.1 了解CSS4.2 添加内部样式表4.3 应用外部样式表5. 第五课时:表单5.1 表单概述5.2 插入表单元素5.3 表单的高级应用六、第六课时:插入图像与多媒体6.1 插入图像6.2 设置图像属性6.3 插入Flash动画6.4 插入音频与视频七、第七课时:超与锚点7.1 创建超7.2 管理超7.3 创建锚点7.4 使用命名锚点八、第八课时:表格8.1 插入表格8.2 设置表格属性8.3 表格样式与布局8.4 表格排序功能九、第九课时:框架与框架集9.1 了解框架与框架集9.2 创建框架集9.3 插入框架9.4 管理框架内容十、第十课时:HTML5与CSS310.1 HTML5新特性10.2 新增HTML5标签10.3 CSS3样式10.4 响应式设计初步十一、第十一课时:响应式网页设计基础11.1 响应式网页设计概念11.2 使用DreamWeaver的Responsive Design视图11.3 媒体查询的使用11.4 实战:创建一个简单的响应式网页十二、第十二课时:移动端网页优化12.1 移动端网页设计原则12.2 触摸事件与滑动手势12.3 移动端布局技巧12.4 实战:优化一个移动端网页十三、第十三课时:网页布局与排版13.1 盒子模型13.2 浮动与清除13.3 定位与层叠13.4 实战:制作一个排版精美的网页十四、第十四课时:JavaScript基础14.1 JavaScript简介14.2 在DreamWeaver中编写JavaScript14.3 基本语法与数据类型14.4 实战:实现一个简单的JavaScript效果十五、第十五课时:综合实战与作品展示15.1 课程回顾与总结15.2 学员作品展示与点评15.3 网页制作常见问题与解决方法15.4 展望未来:网页制作与发展的趋势重点和难点解析本文主要介绍了最新DreamWeaver网页制作公开课的教案,涵盖了从安装与使用、网页基本结构、HTML代码、CSS样式、表单、JavaScript等基础知识,到响应式网页设计、移动端网页优化、网页布局与排版等高级应用。
Dreamweaver网页设计电子教案(全)完整版课件整套教学课件
第1章
本章内容目录
1. 9 插入Flash:在线游戏 1.10 插入视频和声音 1.11 本章小结 1.12 本章习题
第1章
1.1 基本操作
1.1.1 网页的基本概念
网页:通常是HTML格式(文件扩展名为.html或.htm)。网页通常用
图像来提供图画,网页要透过网页浏览器来阅读。
HTML语言:HTML的全称是Hyper Text Markup Language,中文翻译
框架主要用于将浏览器划分为多个窗口,在各个窗口中显示多个不同 的HTML文档。通过设定这些文档之间的相互关系,从而实现文档导 航和文档操作的目的。
框架技术主要有两种类型的 元素:一是框架集,另外一 个是框架。
基于框架技术制 作的BBS
第1章
1.7.2 上机操作
制作一个基本框架框架
在框架的左侧插入12行1列的表 格,在右侧插入2行1列的表格
4.表格一般被划分为_______、 _______、 _______ 3部分。
5.框架是由两种元素_______和_______组成。
第1章
二、选择题
1.创建虚拟链接使用的符号是:____
A.@
B.#
C.$
D.*
2.GIF格式的图像的有点有______ A.支持动画格式 B.持透明图标 C.无损压缩方式 D.支持24位真彩色
都可以
第2章
第2章 CSS样式表与模板
本章学习知识点
● 认识CSS ● 使用CSS编辑器 ● 背景样式的定义 ● 滤镜的使用
上 一 张
返 回
下 一 张
第2章
本章内容目录
2.1 文字和图像的处理:生日贺卡 2.2 CSS样式:独具风格的主页 2.3 对文字运用CSS滤镜:蓝色生死恋 2.4 对图像运用CSS滤镜:图片滤镜 2.5 层模板:海底世界 2.6 库项目的应用:公司主页 2.7 总结提高 2.8 本章习题
dw网页教学教案
XMLHttpRequest对象
了解AJAX(Asynchronous JavaScript and XML)的基本概念、工作原理及优势 。
学习使用XMLHttpRequest对象发送异步 请求和处理服务器响应。
AJAX应用实例
AJAX与JSON
通过实例了解AJAX在动态网页中的应用, 如实时数据更新、无刷新页面交互等。
CSS属性与值
列举常用的CSS属性及其对应的值,如`color`、 `background-color`、`font-size`、`margin`、 `padding`等,并解释这些属性的作用。
CSS样式优先级与继承
讲解CSS样式的优先级规则,包括内联样式、ID选择器、 类选择器、元素选择器的优先级顺序,以及CSS样式的继 承机制。
01
介绍Dreamweaver的界面、工具栏、面板等基本功能,以及如
何创建和管理网站项目。
DW软件的高级功能
02
讲解DW中的代码提示、代码高亮、代码折叠等高级功能,提高
编写代码的效率。
DW软件的优势
03
分析DW软件在网页设计与开发领域的优势,如强大的兼容性、
丰富的插件支持、高效的代码编辑等。
课程目标与要求
学习建议
给出学习过程中的建议,如保持 积极的学习态度、及时解决问题 、多进行实践操作等。
2023
PART 02
DW软件基础操作
REPORTING
界面布局与功能介绍
菜单栏
工具栏
属性面板
文档窗口
包含文件、编辑、查看 等基础操作命令。
提供常用功能的快捷按 钮,如保存、撤销等。
显示当前选中元素的详 细属性,可进行修改。
DreamWeaver网页制作公开课教案
最新DreamWeaver网页制作公开课教案一、课程简介1. 课程目标:通过本课程的学习,使学员掌握DreamWeaver的基本操作,能够独立制作出满足需求的网页。
2. 课程内容:涵盖DreamWeaver的安装与启动、界面熟悉、基本操作、HTML 代码编辑、CSS样式设置、表单创建、特效实现等。
3. 适用对象:无网页制作经验的初学者,以及对DreamWeaver有一定了解,希望进一步提高的学员。
二、教学准备1. 软件环境:安装有最新版DreamWeaver的计算机。
2. 硬件环境:投影仪、计算机、投影屏幕等。
3. 教学资料:教案、PPT、案例文件、素材文件等。
三、教学安排1. 课时:共计10课时,每课时45分钟。
2. 课程安排:第1课时:DreamWeaver的安装与启动、界面熟悉第2课时:DreamWeaver基本操作第3课时:HTML代码编辑第4课时:CSS样式设置第5课时:表单创建与编辑第6课时:图像与多媒体操作第7课时:超的使用第8课时:表格制作第9课时:框架页面布局第10课时:综合案例实战四、教学方法1. 讲授法:讲解DreamWeaver的基本操作、功能及使用技巧。
2. 演示法:通过实际操作,展示如何制作网页,使学员更好地理解与掌握。
3. 练习法:安排课后练习,巩固所学知识,提高实际操作能力。
4. 案例教学法:通过分析与制作案例,使学员掌握网页制作的实际应用。
五、课程评价1. 课堂参与度:评估学员在课堂上的积极参与程度,提问、回答问题等。
2. 课后练习:评估学员课后练习的完成情况,包括正确性和创新性。
3. 课程总结:要求学员在课程结束后,提交一份课程总结报告,概括所学内容、收获及改进建议。
4. 综合案例实战:评估学员在综合案例实战中的表现,包括设计思路、制作技巧等。
六、教学内容1. 图像与多媒体操作插入与编辑图像插入与编辑多媒体文件图像映射的使用数据检查器的应用2. 超的使用管理超创建网站地图检查的有效性七、教学内容3. 表格制作创建表格调整表格结构应用表格样式利用表格进行页面布局4. 框架页面布局创建框架设置框架属性处理框架中的内容消除框架边框八、教学内容5. CSS样式设置CSS基本概念创建与应用样式管理样式表利用CSS进行页面美化6. 表单创建与编辑添加表单元素设置表单属性验证表单数据九、教学内容7. 网站项目管理规划网站结构管理网站资源优化网站性能部署与维护网站8. 综合案例实战案例一:个人博客页面制作案例二:产品展示页面制作案例三:在线问卷调查制作案例四:响应式网页制作十、教学内容9. 扩展学习与资源探索DreamWeaver扩展插件了解网页设计趋势与技术推荐学习资源与社区参与评估自身学习成果与设定目标10. 课程总结与反馈回顾课程重点与个人收获分析学习中的挑战与解决方案提交课程反馈与改进建议规划后续学习路径与目标设定通过上述十个章节的教学内容,学员将能够全面掌握DreamWeaver网页制作的基本技能,并能够独立完成网页设计与制作任务。
Dreamweaver网页制作教案
Dreamweaver网页制作教案第一章:Dreamweaver概述1.1 课程介绍了解Dreamweaver作为网页制作工具的优势熟悉Dreamweaver的工作界面1.2 创建和管理网页创建新文档打开和保存网页管理标签库1.3 实践操作制作一个简单的网页学会使用Dreamweaver的实时视图和代码视图第二章:网页基本结构2.1 网页元素文本图像表格表单2.2 排版和格式化字体和大小颜色和样式段落对齐和间距2.3 实践操作制作一个包含文本、图像和的网页学习使用Dreamweaver的排版和格式化工具第三章:CSS样式3.1 CSS介绍了解CSS的作用和优势熟悉CSS的基本语法3.2 创建和应用CSS样式创建样式表应用样式到网页元素编辑和删除样式3.3 实践操作制作一个使用CSS样式的网页学习使用Dreamweaver的CSS面板第四章:网页布局4.1 布局技术表格布局CSS布局框架布局4.2 常用布局方法固定布局可变布局响应式布局4.3 实践操作制作一个使用表格布局的网页学习使用CSS布局和响应式布局第五章:表单和交互5.1 表单元素表单标签输入框选择框文件5.2 验证和提交表单表单验证方法提交表单到服务器接收服务器返回的数据5.3 实践操作制作一个简单的表单页面学习表单的验证和交互功能第六章:Dreamweaver 网站管理6.1 网站结构规划了解网站结构的重要性学习如何规划网站结构熟悉网站的目录和文件组织方式6.2 站点设置和管理创建和定义站点管理站点文件和目录更新和网站文件6.3 实践操作规划并创建一个简单的网站结构配置和管理Dreamweaver 站点第七章:Dreamweaver 模板和框架7.1 模板的概念和应用理解模板的作用学习如何创建和使用模板掌握模板的插入点和使用技巧7.2 框架和框架集了解框架和框架集的概念学习如何创建和编辑框架掌握框架的布局和内容管理7.3 实践操作创建一个简单的模板文件使用模板创建网站的多个页面制作一个使用框架的网页布局第八章:Dreamweaver 动画和多媒体8.1 动画技术概述了解Dreamweaver 支持的视频和动画格式学习如何插入和编辑动画元素8.2 多媒体元素的应用插入图像、音频和视频设置多媒体属性和行为掌握交互式多媒体元素的制作8.3 实践操作制作一个包含动画和多媒体元素的网页学习使用Dreamweaver 的行为面板为网页添加交互功能第九章:Dreamweaver 网页编程9.1 行为和事件理解行为和事件的概念学习如何使用行为为网页添加功能掌握常见行为的使用方法9.2 JavaScript 基础了解JavaScript 的基本概念学习如何在Dreamweaver 中编写JavaScript 代码掌握Dreamweaver 的JavaScript 调试工具9.3 实践操作编写简单的JavaScript 代码为网页添加功能学习使用Dreamweaver 的JavaScript 面板和调试工具第十章:Dreamweaver 网站发布和维护10.1 网站测试学习网站在不同浏览器和设备上的测试方法掌握网站性能测试和优化技巧10.2 网站发布了解网站发布的流程和注意事项学习如何使用Dreamweaver 发布网站10.3 网站维护和更新学习网站的日常维护和更新技巧掌握网站安全和备份方法10.4 实践操作对一个网站进行全面的测试和优化发布和维护一个简单的网站第十一章:Dreamweaver 数据库和动态内容11.1 数据库基础了解数据库的概念和作用学习如何连接和操作不同类型的数据库11.2 动态内容创建学习如何创建动态网页和表单掌握Dreamweaver 内置的服务器模型和数据源11.3 实践操作连接一个数据库并创建一个动态表单使用Dreamweaver 插入动态内容到网页第十二章:Dreamweaver 扩展性和高级技巧12.1 扩展Dreamweaver学习如何安装和使用Dreamweaver 插件和扩展掌握Dreamweaver 扩展的创建和分享12.2 高级网页技术学习如何使用CSS3 和HTML5掌握响应式设计和移动网页制作技巧12.3 实践操作制作一个使用CSS3 和HTML5 的网页创建一个响应式设计的网页layout第十三章:Dreamweaver 与其他工具的集成13.1 图像和图形编辑工具学习如何使用Adobe Photoshop 和Fireworks 与Dreamweaver 协同工作掌握图像和图形的导入和编辑技巧13.2 代码编辑和调试工具学习如何使用Dreamweaver 的代码编辑功能掌握使用外部代码编辑器和调试工具的技巧13.3 实践操作使用Photoshop 和Fireworks 制作网页素材在Dreamweaver 中导入和应用图像和图形第十四章:Dreamweaver 项目管理和团队协作14.1 项目管理学习如何管理Dreamweaver 项目文件和资源掌握Dreamweaver 项目的备份和版本控制14.2 团队协作了解团队协作的重要性学习如何在团队中使用Dreamweaver 和版本控制系统14.3 实践操作管理一个Dreamweaver 项目并实现版本控制在团队中使用Dreamweaver 进行协作第十五章:Dreamweaver 综合实战项目15.1 项目规划和设计学习如何进行项目规划和设计熟悉项目的时间管理和资源分配15.2 项目实施学习如何实施Dreamweaver 项目掌握项目的时间管理和问题解决技巧15.3 项目评估和优化学习如何评估Dreamweaver 项目的效果掌握项目的优化和维护技巧15.4 实践操作完成一个Dreamweaver 综合实战项目进行项目评估和优化以提高网站质量和性能重点和难点解析重点:Dreamweaver的工作界面和基本操作网页基本结构元素的插入和编辑CSS样式的创建和应用网页布局技术,包括表格布局、CSS布局和响应式布局表单的创建和交互功能的实现网站的管理和站点的设置模板和框架的使用动画和多媒体元素的插入网页编程,包括行为和事件的应用、JavaScript基础网站的测试、发布和维护数据库连接和动态内容的创建扩展性和高级技巧的运用与其他工具的集成和项目管理的实践团队协作和综合实战项目的实施难点:CSS样式的复杂应用和调试网页布局的高级技巧,如响应式布局的实现表单验证和交互逻辑的编写网站管理和站点配置的细节处理模板和框架的精细操作JavaScript代码的编写和调试数据库连接和动态内容的管理扩展性和高级技巧的深入应用团队协作和项目管理的策略制定综合实战项目的规划和实施通过理解和掌握这些重点和难点,学生将能够熟练使用Dreamweaver进行网页制作,并能够应对真实世界的网页设计挑战。
边做边学——Dreamweaver CS6网页设计案例教程教学教案
2.设置文本属性
3.输入连续的空格
4.设置是否显示不可见元素
5.设置页边距
6.设置网页的标题
7.设置网页的默认格式
2.1.5【实战演练】——佳人SPA养生馆网页
2.2休闲旅游网页
2.2.1【案例分析】
2.2.2【设计理念】
2.2.3【操作步骤】
1.添加字体
2.改变文字外观
2.2.4【相关工具】
5.3综合演练——茶文化网页
5.3.1【案例分析】
5.3.2【设计理念】
5.3.3【知识要点】
5.4综合演练——火锅餐厅网页
5.4.1【案例分析】
5.4.2【设计理念】
5.4.3【知识要点】
小结
1.熟练掌握表格的插入及表格属性的设置方法和技巧。
2.熟练掌握表格嵌套布局。
作业
第6讲
课时内容
使用框架
授课时间
3.3.3【知识要点】
3.4综合演练——房源网页
3.4.1【案例分析】
3.4.2【设计理念】
3.4.3【知识要点】
小结
1.熟练掌握图像的格式与插入方法和使用技巧。
2.掌握Flash动画的插入和属性的设置。
作业
第4讲
课时内容
超链接
授课时间
180分钟
课时
4
教学目标
了解超链接的概念与路径知识
掌握文本超链接的创建方法和技巧。
《边做边学——Dreamweaver CS6网页设计案例教程》
教学教案
第1讲
课时内容
初识Dreamweaver CS6
授课时间
90分钟
课时
2
教学目标
掌握工作界面的操作。
DW网页设计教学-单元2制作基本页面
通过图片或视频的方式展 示产品的使用场景和使用 效果,让访问者更好地了 解产品的应用范围。
提供产品的价格、购买方 式、售后服务等信息,方 便客户进行购买决策。
THANKS
感谢观看
dw网页设计教学-单元2制 作基本页面
• 引言 • 网页设计基础知识 • 制作基本页面流程 • 基本页面制作技巧 • 制作实例
01
引言
课程简介
课程名称
dw网页设计教学-单元2制作基本 页面
适用对象
对网页设计感兴趣的学生、初学者、 设计师等
课程目标
通过学习基本页面制作,掌握网页 设计的基本技能和知识,能够独立 完成简单网页的设计和制作。
05
制作实例
个人主页制作
总结词
确定主题和风格
个人信息展示
个人作品展示
个人经历介绍
个人主页是展示个人形 象和风格的重要平台, 通过设计简洁、有吸引 力的个人主页,能够让 访问者更好地了解自己 的兴趣、特长和经历。
选择与个人形象和风格 相符的主题和颜色,确 保整体设计的一致性。
在主页上突出显示个人 姓名、职业、联系方式 等基本信息,方便访问 者联系。
网格系统的优点
网格系统可以提高页面的可读性和易用性,使得页面内容更加清晰、有条理。同时,网格 系统还可以提高页面的响应式设计,使得页面在不同设备和屏幕尺寸上都能得到良好的显 示效果。
如何使用网格系统
在使用网格系统时,首先需要确定网格的列数和每列的宽度,然后根据内容的重要性和布 局需求,将内容放置在不同的网格列中。同时,还需要注意网格系统的对齐和间距,以确 保页面布局的统一和美观。
展示个人作品或成果, 如摄影作品、设计作品 等,以展示个人专业能 力和技术水平。
《Dreamweaver网页设计》教案
《Dreamweaver网页设计》教案一、教学目标1. 了解Dreamweaver的基本功能和操作界面。
2. 学会使用Dreamweaver创建、编辑和管理网页。
3. 掌握Dreamweaver中的基本标签和属性。
4. 学会使用Dreamweaver的布局功能进行网页设计。
5. 掌握Dreamweaver的预览和发布网页的方法。
二、教学内容1. Dreamweaver的基本功能和操作界面介绍Dreamweaver的启动和关闭方法,熟悉Dreamweaver的操作界面,包括菜单栏、工具栏、状态栏等。
2. 创建、编辑和管理网页学习创建新网页的方法,编辑网页的内容,删除和复制网页元素,以及管理网页的打开和保存。
3. 基本标签和属性介绍HTML基本标签,如标签、段落标签、图片标签等,并学习如何使用这些标签在Dreamweaver中创建和编辑网页内容。
4. 布局功能学习使用Dreamweaver的布局功能,包括表格、框架和Div标签,进行网页的设计和排版。
5. 预览和发布网页学习在Dreamweaver中预览网页的方法,以及如何将网页发布到互联网上。
三、教学方法1. 讲授法:讲解Dreamweaver的基本功能、操作界面和基本标签。
2. 演示法:展示如何使用Dreamweaver进行网页设计和排版。
3. 练习法:让学生动手实践,创建和编辑网页。
4. 提问法:引导学生思考和解决问题。
四、教学步骤1. 启动Dreamweaver,熟悉操作界面。
2. 创建新网页,学习编辑网页内容。
3. 学习使用基本标签,如、段落和图片标签。
4. 练习使用表格、框架和Div标签进行网页布局。
5. 预览和保存网页,了解发布网页的方法。
五、教学评价1. 课后作业:让学生独立完成一个简单的网页设计,检验对Dreamweaver的掌握程度。
2. 课堂练习:在课堂上让学生动手实践,实时评价学生的操作能力。
3. 学生互评:让学生互相评价,促进学习交流。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
输入你想要的站点名称,这里输入SGJ,其实可以任意输入名称的,要注意的是,尽量不要用中文命名,以免出现意想不到的麻烦。
现在开始在DreamweaverMX中把SGJ这个文件夹定义为站点。打开Dreamweaver,在菜单栏上,点击站点菜单,选择新建站点。
接下来需要给站点起一个名字,可以起任意一个名字。
这里起名为SGJ,按下一步
按下一步按钮,选择是否使用服务器技术。因为实例建立的是一个静态站点,就选择“否,我不想使用服务器技术”。
按下一步按钮,因为要传到网上的虚拟主页空间,就要选择“编辑我的计算机上的本地副本,完成后再传到服务器上”。
接着,选择要定义的本地根文件夹
这里选择SGJ文件夹
点“选择”按钮,因为没有使用远程服务器,就选择“无”。
应该有人发现了,DreamweaverMX默认扩展名是.htm,修改DreamweaverMX的一个配置文件,就可以把默认扩展名从.htm改到.html。
以windows2000操作系统,DreamweaverMX默认安装路径为例,找到
文件名(MMDocumentTypes.xml)这个文件,此文件位于:C:\ProgramFiles\Macromedia\DreamweaverMX\Configuration\DocumentTypes文件夹下。
双击MMDocumentTypes.xml,在DreamweaverMX中打开
把第三行的html移动到"htm,html,shtml,shtm,stm,lasso,xhtml"这部分最前面的位置,就是改成"html,htm,shtml,shtm,stm,lasso,xhtml"。然后保存文件。重新打开DreamweaverMX,新建一个文件,默认扩展名变成.html了,其它扩展名修改方法类似。
选择DreamweaverMX工作区
两种布局的喜好因人而异,如果选择的是DreamweaverMX工作区,想改成Dreamweaver4工作区,可以使用“参数选择”对话框切换。
选择更改工作区
使用DreamweaverMX工作区,默认的界面中,工作区很小,如果要把工作区变大,选择三角形按钮,就可以隐藏面板组和属性面板。
新建站点→站点文件命名→定义页面属性→插入表格→定义页面大小→转换到布局视图→添加内容→插入导航条→转换到标准视图工作→添加链接→使用代码片断→定义及应用CSS→添加动态交互→链接站点各个页面。
以上是一个静态网站建设流程和需要掌握的技术。在后面的几篇文章中,将通过建立一个网站实例,具体介绍这些内容。
按下一步
按完成按钮,一个站点就定义好了。
站点定义好之后,就要开始新建网页文件和文件夹了,在站点中点击右键,选择新建文件。
给新建的文件输入名称
新建文件夹与新建文件类似,就不重复了。在文件命名和站点结构方面,养成良好的习惯很重要。
注:网站首页默认的文件名,取决于你申请的主页空间,一般是index.htm,index.html,default.htm等。同类型的文件,最好放在一个文件夹中,例如把图片文件,都放在image文件夹中。不要把所有文件都放在根目录下,把一个栏目的所有文件放在一个文件夹中,在链接网页和维护时,会很方便。文件和文件夹的命名,可以用栏目名称的拼音,也可以用栏目名称的英文,团队开发时,有统一的命名规则相当重要。例如jianli、bbs作文件夹名称。
如果要使用面板组,再点击三角形按钮。
Macromedia
Dreamweaver
学生分组讨论,由代表上讲台展示讨论内容
站点的建立
学习目标:
了解网页制作的流程
掌握使用Dreamweaver建立站点
掌握站点文件的创建
学习时间:2学时
DreamweaverMX中文版的出现,使制作一个功能强大的网站,变得很容易,可以轻易的做出以前被认为很复杂的ASP,PHP网站。通过建站实例,一步一步的带大家掌握网页制作技术。做网站制作中,首先要了解的就是制作流程了。
由于计算机网络技术发展迅速,知识更新快,而编者水平有限,书中不妥之处在所难免,恳请读者批评指正。
编者
2008年9月
Dreamweaver基础
工作区的选取
学习目标:
掌握Dreamweaver工作区的选择
掌握Dreamweaver工作区的更改
学习时间:2学时
DreamweaverMX提供了两种可供选择的工作区布局:一种将全部元素置于一个窗口中的集成布局和一种非类似于Dreamweaver4的浮动布局。第一次运行DreamweaverMX需要选择一种工作区布局。
建立一个网站,首先要在本地机器上做好网站,再传到网上的虚拟空间上。接下来主要介绍本地站点的建立,站点文件命名。简明步骤:在C盘新建一个文件夹→在Dreamweaver中定义站点→新建文件和文件夹→给文件和文件夹命名。目标是做一个个人网站。打开“我的电脑”,打开C盘,点鼠标右键,选择新建。
选择文件夹选项
参与编写“学习领域”计算机网络技术系列校本教材的教师有夏国亭、林春生、刘志毅、刘俊燕、崔志华、施琛、罗清波、卜强和华康老师。计算机网络技术系列校本教材是本着改革创新的精神组织编写的,作为“学习领域”校本教材,适用于“行为引导型”教学法,符合循序渐进的要求,从打好基础入手,突出操作技能训练的特点,着力培养学生多种能力。作为系列化校本教材,各教材的“工作页结构”得到了“学习领域”王生专家的指点,在此表示衷心感谢。
“计算机网络技术”系列校本教材
Dreamweaver进阶与实例
施 琛 前言
当前,计算机网络技术迅速发展,国民经济各部门对计算机网络技术的应用日益广泛,对计算机网络技术人员的需求越来越迫切。为了培养计算机网络技术人员的需要,不断提高教学质量,在苏州市劳动与社会保障局领导和苏州技师学院领导的支持下,苏州技师学院信息工程系的专业教师编写了此“计算机网络技术”系列校本教材。这次编写的计算机网络技术系列校本教材包括投影片制作POWERPOINT、VB程序设计、动画设计FLASH、常用工具软件、C语言程序设计、图形图像处理PHOTOSHOP、网站建设DREAMWEAVER、数据库操作ACCESS和局域网安装与维护技能。