Dreamweaver CS5网页制作-电子教案1
- 格式:ppt
- 大小:931.50 KB
- 文档页数:28
项目一网页制作基础任务一初识Dreamweaver CS5一、教学目标1、了解网页制作软件。
2、掌握创建本地站点。
二、学生特征分析学生利用Dreamweaver cs5,学会创建站点、首页、子页、制作一个简单的页面,利用它学生可以方便快捷地制作出美观大方、功能齐全的网页,这也是学生将要学习的主要内容。
三、课型理论课四、教学重点了解网页制作软件工作界面组成。
五、教学难点创建本地站点。
六、课前准备多媒体七、课时安排2课时(45分钟×2)八、教学过程(一)、导入在Dreamweaver CS5中有哪几种方法可以创建站点?同时本地站点与远程站点有什么区别?(5分钟)(二)、新授认识Dreamweaver:一、打开DM:开始—程序—Adobe Dreamweaver—Adobe Dreamweaver CS4二、认识DM:标题栏、菜单栏、工具栏、编辑栏、状态栏、面板。
工具栏:视图—工具栏—插入/文档/标准。
面板:窗口—相应面板。
折叠面板/展开面板。
三、网页制作步骤:创建文件—设置标题—编辑内容—保存文件—浏览器查看效果。
浏览网页:1、在编辑状态下,按F12浏览。
2、保存文件,打开浏览器,打开文件浏览。
站点操作:一、新建站点:方法:1、站点—新建站点;2、站点—管理站点—新建—站点;3、文件面板—站点下拉菜单—管理站点—新建—站点步骤:方法1:基本选项—给站点命名—不使用服务器—确定站点存储位置(选择已有文件夹或新建文件夹)--选择无远程服务器—完成。
方法2:高级选项—输入站点名称—选择本地根文件夹位置(选择已有文件夹或新建文件夹)二、编辑站点:方法:1、站点—管理站点—选择站点—编辑—修改站点名称或存储位置;2、文件面板—站点下拉菜单—管理站点—选择站点—编辑—修改站点名称或存储位置。
三、复制站点:方法:1、站点—管理站点—选择站点—复制;2、文件面板—站点下拉菜单—管理站点—选择站点—复制。
四、删除站点:方法:1、站点—管理站点—选择站点—删除;2、文件面板—站点下拉菜单—管理站点—选择站点—删除。
Dreamweaver CS5网页设计教程课程设计一、教学目标本课程的主要目标是:1.了解网页设计的基本原理与规范。
2.掌握Dreamweaver CS5的使用方法和网页设计技巧。
3.能够独立完成基本网页设计与制作。
二、教学内容2.1 网页设计概述本章主要介绍网页设计的概念和原理,阐述网页设计的规范和流程。
包括以下内容:1.网页设计的概念和作用。
2.网页设计的规范和流程。
3.网页设计中常用的设计软件和工具介绍。
2.2 Dreamweaver CS5入门本章主要介绍Dreamweaver CS5的基本界面和功能,让学生熟悉Dreamweaver CS5的基本操作。
包括以下内容:1.Dreamweaver CS5的安装和界面介绍。
2.Dreamweaver CS5的基本功能介绍。
3.Dreamweaver CS5的基本操作。
2.3 网页设计基础本章主要介绍网页设计的基础知识和技巧,包括页面布局、图片处理、文字处理和颜色搭配等。
包括以下内容:1.页面布局的概念和方法。
2.图片处理和文字处理的技巧。
3.颜色搭配的原则和方法。
2.4 网页设计实战本章主要介绍如何使用Dreamweaver CS5实现网页设计,通过实战让学生熟练掌握Dreamweaver CS5的使用和网页设计的流程。
包括以下内容:1.Dreamweaver CS5实现网页设计的流程。
2.网页设计实战案例介绍和指导。
3.指导学生独立完成网页设计任务。
三、教学方法本课程采用教师授课和学生实践相结合的教学方法。
具体包括:1.教师讲课。
2.演示Dreamweaver CS5的使用。
3.学生模仿和操作。
4.学生独立完成网页设计任务。
四、考核方式本课程的考核方式主要采用网页设计实战任务和学生作业。
具体包括:1.网页设计实战任务:由教师给出网页设计题目,要求学生独立完成。
任务要求设计符合规范、美观大方的网页,并在规定时间内提交。
2.学生作业:要求学生根据教师课堂讲解和演示,完成与课程相关的作业。