dreamweaver网页设计教案


    dreamweaver网页设计教案
    第1章 网页设计基础
    教学目标求
    熟记站标导航条广告条钮等网页构成素网页网站IP址域名网址等概念解网页质网页布局类型HTML文档基结构熟练掌握网站建设基流程
    教学重点
    重点:站标导航条广告条网页网站IP址域名网址等概念网站建设流程
    教学难点
    难点: IP址域名网址HTML文档基结构常见标签
    教学方法
    提问启发图示情景教学案例课堂讨
    教学课时
    2课时
    第1章 网页设计基础
    教学
    提示
    导入课程:家会输入文字制作处理图设计动画作品放internet中更查阅欣赏呢?DW制作网页
    1网页构成素组成元素
    n 网页构成素:站标导航条广告条标题栏钮
    n 网页组成元素:文字图片动画(gifflash)表单(交互功)音频视频超链接表格框架导航等
    2网页相关知识简介
    n 基概念:
    Ø 网页质

    Ø 网页网站页互联网


    Ø 动态网页静态网页
    Ø IP址域名网址(url)浏览器等概念



    n 网页布局
    Ø 网页布局相关概念
    Ø 常见布局类型
    n 网站理网页制作相关软件
    Ø 制作理网页工具
    Ø 制作优化网页图工具
    Ø 制作网页动画工具
    Ø 中Dreamweaver fireworks flash三软件合称网页三剑客
    Ø 工具软件
    n HTML语言
    Ø HTML概念
    Ø HTML文档基结构
    Ø 常见html标签: htmlheadtitlestylescriptlinkmetabodyimgpfont等
    n XHTML语言简介
    n 脚语言简介


    3网页设计理念配色方案
    n 网页设计理念
    n 色彩三素
    n 网页中色彩心理网页表现
    n 色彩搭配应遵循原
    4网站开发流程
    ① 网站需求分析
    ② 设计制作网站页面
    ③ 空间域名申请
    ④ 测试发布网站
    ⑤ 网站推广








    制作页面
    第二阶段:创建站点设计制作级页面
    规划网站
    准备素材
    定义站点
    设置页面属性
    第阶段:网站需求分析

    第三阶段:申请空间域名
    第四阶段:测试发布网站
    第五阶段:网站推广

    5典型网站分析
    n 页面结构
    n 色彩运
    提问方式引入课程





    采课堂讨教学法开典型网页学讨总结构成素组成元素







    开搜狐页保存成类型家保存效果加深网页质理解
    先开网页源文件结合网络常识详细讲解网页定义然略讲网站页概念提醒学理解记忆概念

    注册登录邮箱例讲解动态网页静态网页特点区
    顶山学院搜狐网站IP址域名例简讲述两概念通查分析知名网站网址引入url定义组成概念略讲提醒学生理解记忆述概念

    开网页(详细讲解网页布局效果教程)学生讨分析总结布局类型


    根学生特点简讲解psflashfw等软件网页设计中功









    开搜狐页源代码学生认识html语言结构然分记事dw创建2简单网页学生细源代码详细讲解8基标签结构关系根时间酌情讲解常见标签

    简讲解两概念然创建网页复制缝循环代码粘贴网页body标签学生解脚语言功
    学生欣赏插入效果吸引学生dw相关代码
    结合网验学生总结网页设计理念
    色彩三素心理表现学生学期ps课程中学采提问法进行复然开典型网站分析配色方案总结网页中色彩运原


    根设计先序学生起分析总结网站开发流程图加解释重点讲解网站需求分析加深学生重点知识掌握















    采课堂讨教学法开典型网页学讨总结网站构成素组成元素布局结构配色方案
    作业布置:
    1察分析型网站(中国网著名学校网著名医院网官方网科技网娱乐休闲运动网童网体育网著名出版社网cctv网站sohuyahooIBM微软等)风格色彩搭配布局
    2 察时载需文章图片软件等资源
    3课题
    提问
    结:通提问启发图示情景教学课堂讨等教学方法综合运提高学生学兴趣学生反应授课效果




    第2章 Dreamweaver基础知识
    教学目标求
    熟悉Dreamweaver 8工作界面 熟记常工具钮菜单命令熟练掌握站点创建步骤快速规范创建站点够快速创建开保存网页文档熟练设置页面属性
    教学重点
    1创建站点组织站点结构2 站点中创建网页3页面属性设置
    教学难点
    HTML基础
    教学方法
    举例适讲授操作领提问测试课题效果
    教学课时
    2课时
    第2章 Dreamweaver基础知识
    教学 提示
    贯浏览网页想动手做网站?什工具做网站?样做呢? Dreamweaver网页制作工具
    21 熟悉Dreamweaver 8工作界面

    22 网站创建理
    221 站点定义组成结构
    222 网页文档文件夹命名规
    223创建站点步骤

    224组织站点结构
    23 网页文档基操作
    新建保存预览开关闭
    24 基页面属性设置
    制定文档标题边距网页背景颜色背景图网页设置文属性链接属性踪图属性总结页面技巧:
    抛出问题引入新课

    启动dw详细讲解插入栏文档标签文档工具栏状态栏作区分标签检查器标签选择器标记选择符3概念作

    详细讲解站点定义组成结构文件文件夹命名规

    演示站点创建程步骤着重提出保存站点文件夹命名
    详细讲解站点结构组织方法原
    分演示操作

    通dw设计视图分创建1网页分演示文档标题边距背景颜色背景图文链接属性踪图属性设置方法步骤帮助学生掌握页面设置程总结页面设置创建程中技巧
    作业:题第12 3 题
    结:次课容操作性强学生台操作发现数学生创建组织站点快速设置网页属性达教学目标求

    第3章 网页中基元素
    教学目标求
    1熟练操作网页中文
    2熟练插入种格式图设置属性
    3解图切片作
    4熟练制作图切片插入dw中
    教学重点
    1文象插入格式设置
    2GIFPNGJPEG三种图格式 异点环境
    3fireworks制作网页切片方法
    教学难点
    1设置文标题段落设置效果
    2GIFPNGJPEG三种图格式异点环境
    3Dreamweaver 80中图基方法技巧
    4 dreamweaver中插入fireworks制作切片
    教学方法
    课堂讲授辅媒体演示适举例提问测试课题效果实验式教学
    教学课时
    4课时
    第3章网页中基元素
    教学提示
    复节容:
    1. 创建站点?
    2. 站点结构组织
    31网页中文操作
    311 认识文钮属性面板
    • 思考题:根前学知识说出文编辑设置属性包括方面?
    312 插入文象
    n 文(英文中文数字)添加文档中3种方法
    n 插入特殊字符
    n 水线
    n 插入日期:菜单法插入栏钮法
    n 插入文执行删搜索换检查拼写(文-检查拼写/shift+f7)等操作
    313 设置文格式
    字符样式包括方面设置方法
    314 设置文标题
      标题含义作
    315 设置段落效果
    1 设置段落格式 
    2 缩进段落
    3.齐段落 (4种齐方式)
    4分段换行相关操作区:
    316创建项目列表
    32网页图运
    321网页中图格式简介
    1 图网页中作网页中常图格式:GIF JPEG PNG
    2三种图格式特点网页中场合
    Web页显示图片前通常需考虑列三问题:
    322网页中图
    1插入图:
    2插入图占位符:注意图占位符命名规作
    3创建鼠标图象(轮换图)
    4 dw中图编辑功仅适GIF JPEG 图格式
    Ø 属性检面板中编辑图述设置通菜单实现:修改图
    Ø fireworks优化图
    5.热点工具图热区添加
    6设置图文混排效果:
    7制作电子相册:命令——创建网站相册
    323切片fw中创建dw
    开图片网页时总等长时间样处理减少图片载时间呢?做成切片
    1切片定义作
    2切片fw中创建方法步骤
    3DW中插入Fireworks HTML(切片)方法步骤
    Fireworks HTML插入Dreamweaver中方法
    方法1:切片Fireworks复制剪贴板然直接粘贴Dreamweaver文档代码视图中相应位置处
    方法2:直接Fireworks HTML插入Dw中操作步骤
    33网页媒体运
    331网页中视频flash
    1网页中常见视频文件格式插入方法



    2常见flash文件格式插入方法
    flash文件(fla格式)flash影片文件(swf格式)flash模板文件(swt格式)flash元素文件(swc格式)flash视频文件(flv格式)


    332网页中音频
    添加声音需考虑素:添加文件声音品质浏览器中差异
    1音频文件格式相应特点:
    n 网页中常见音频格式:
    u midmidi格式:
    u wavaif(aiff)文件
    2网页中插入音频文件2种方式:
    n 链接音频文件
    n 嵌入声音文件
    34dw扩展插件
    1安装扩展插件
    2扩展插件
    扩展插件2步骤:
    ① 先安装插件
    ② 然启动dreamweaver相应位置找调扩展命令
    3类型栏中显示扩展类型含义:
    类型
    含义

    dw界面插入工具栏调该扩展插件
    命令
    dw命令菜单中调扩展

    dw行面板中调扩展
    4常扩展插件安装
    Page transitions
    超级链接时页渡(进入退出)效果
    命令
    选定整页面(body标签)命令菜单中找该命令实现(效果见实例站点中guodong1html guodong2html guodong3html )
    Typewritermxp
    模拟字

    先添加该效果象放入AP元素中然行面板中找yaromat|typewriter实现文字印效果显示AP元素中 (guodong1html中印文字)
    Soundmxp
    插入背景音乐

    选定整页面(body标签)常插入栏中找sound钮实现
    Marqueemxp
    滚动文字插件

    选定整页面(body标签)常插入栏中找marquee钮实现
    Insert Greetingmxp
    插入问候语

    光标定位页面合适位置然选择插入栏中CN Insert Greeting钮实现
    Calandermxp

    光标定位页面合适位置然选择插入栏中calander钮实现
    Persistent layers
    滚动链接AP元素

    先添加该效果象放入AP元素中然行面板中找ribbers zeewolde| Persistent layers实现般显示广告信息( guodong1html中送)

    提问方式复次课容


    结合WORD通复方式总结dw中文操作

    先简演示种文符号插入方法然输入首诗调整格式接着复制篇文章粘贴dw中导入篇word文档

    先简讲述文格式标题段落设置含义步骤然学生走讲台述插入文设置相应字符格式标题级段落效果选择段落创建项目列表加深印象




    通较法讲解图格式特点
    举例:文档中插入种图象设置格式属性







    演示制作图热区图文混排效果演示制作电子相册

    问题形式引入切片定义作
    容量调整机房讲解详细讲解演示切片fw中制作dw中插入方法步骤

    较法总结网页中出现视频文件格式特点举例讲解视频文件插入方法属性设置
    较法总结网页中出现flash文件格式特点重点讲解flash钮flash文flash视频插入方法属性设置

    较法总结网页中常见音频文件格式特点
    举例演示音频文件插入属性设置重点讲解背景音乐插入设置


    重点讲解页面度效果soundmarquee滚动链接AP元素4插件法设置
    先演示常扩展插件安装方法然学生台操作教师指点操作程方法
    扩展分容安排行讲解
    作业:
    1 填空题
    (1)属性检查器文菜单中选项设置更改选文字体特性设置字体______ ______(粗体斜体)______
    (2)插入更特殊字符请选择______ | ______ | ____________栏中选择______图标选择字符然单击确定
    (3)计算机领域中图分________________2类
    (4)GIF图采________压缩格式
    2 选择题
    (1)网页中连续输入空格方法_______
    A.连续空格键
    B.Ctrl键连续空格键
    C.转换中文全角状态连续空格键
    D.Shift键连续空格键
    (2)网页通常支持图格式___________
    A.GIF B.BMP C.AVI
    D.PSD E.PNG F.JPEG
    3简答题
    (1)网页中常图格式?什特点?果网页中添加动画格式浮动广告采种格式?什?电子相册应该种格式?
    (2)创建鼠标变换图图热点?
    4操作题:
    搜集喜爱图片制作电子相册

    结:章容较交简单需边讲解边总结通总结学生台操作演示学生机作业授课效果



    第4章 表格布局表格布局网页
    教学目标求
    1解表格布局表格网页布局中作
    2掌握表格布局表格插入方法基编辑方法
    3掌握表格布局表格单元格布局单元格属性设置
    4通表格布局表格学提高学生学网页制作兴趣增强学生审美观
    教学重点
    1. 表格插入方法基编辑方法应
    2. 布局表格布局单元格绘制方法属性设置应
    教学难点
    1表格单元格属性设置应
    2布局表格布局单元格绘制属性设置
    教学方法
    媒体演示案例教学务驱动引导教学提问式教学
    教学课时
    2学时
    第4章 表格布局表格布局网页
    教学提示
    表格控制文字图片动化等象位置网页布局紧凑整齐美观常页面设计布局类型:表格布局表格AP元素三种章着重讲解表格布局表格布局页面
    41表格模式
    1dw中表格3种模式
    2模式切换操作方式:
    查表格模式标准模式布局模式表格扩展模式
    3模式区注意事项:
    n 设计视图中切换布局模式
    n 模式工具栏钮作
    n 布局模式中布局表格空白区域插入容创建布局单元格布局单元格承载具体容容器
    42表格布局网页
    1.表格作
    2表格组成部分
    表格行列单元格边距间距边框
    3表格标记
    n 标记标记
    标记
    n 三者应位置关系
    4表格基操作
    n 表格插入选择删调整
    n 单元格选择合拆分调整
    n 表格扩展表格模式标准模式应
    5嵌套表格
    n 表格嵌套作
    n 创建嵌套表格操作方法
    6导入导出表格数
    7 表格布局网页应实例
    8 表格布局缺点
    43布局表格布局网页
    1绘制布局表格
    绘制布局表格注意事项:
    2绘制布局单元格
    绘制布局单元格注意事项:
    3设置布局表格布局单元格属性参数
    4布局单元格中添加容
    5课堂实例――布局表格布局网站页









    展示布局合理美观网页激起学生学兴趣


    简讲解3种表格模式作重点演示模式钮






    回顾wordexcel中讲关表格概念基操作引入dw中表格概念基操作重点讲解表格属性设置含义
    插入表格格中插入容然切换代码视图学生识记三标签逐演示表格基操作
    重点讲解创建嵌套表格原
    开示例网页学生讲台着制作出相效果
    讨总结表格布局缺点



    重点演示总结绘制布局表格布局单元格注意事项

    演示设置布局表格单元格属性
    设置属性布局单元格中添加文章图媒体

    先学生起分析左侧网页操作思路步骤然学生台操作加深印象
    作业:
    课堂作业:1叙述3种模式概念切换方法
    2说出表格布局表格作
    3叙述表格扩展模式作
    4什间隔图?
    书面作业:课题
    结:通学生熟悉word中表格操作讲解章讲解显较轻松学生台操作提高学生学积极性动性教学效果较

    第5章 框架布局网页
    教学目标求
    解框架网页概念熟练创建保存框架网页设置框架框架集属性框架中超级链接创建目标属性设置
    教学重点
    熟练创建保存框架网页设置框架框架集属性框架中超级链接创建目标属性设置
    教学难点
    框架网页概念保存框架中超级链接创建目标属性设置
    教学方法
    媒体演示适举例体媒体结合式教学课堂讲授师生互动提问式教学
    教学课时
    2学时
    第5章 框架网页
    教学提示
    51框架框架集概念结构应
    1基概念
    l 框架网页框架集框架
    l 框架框架集关系
    2.框架网页结构
    3认识框架面板:
    4框架网页应:通常导航
    5框架网页优缺点
    52 创建保存框架框架集
    521 预设框架集
    1创建新空预设框架具体操作步骤
    修改框架名称必须字母开头包含数字划线(_)允许javascript中保留字(topnavigator)连字符()句点空格区分写
    2创建预设框架集某框架中显示现文档
    522 创建编辑框架
    1创建框架
    2删框架
    3建立嵌套框架集
    4保存框架框架集
    53设置框架框架集属性
    1选择框架:通框架面板选择框架子框架
    2设置框架属性
    n 框架背景颜色页面属性中进行设置
    n 框架属性面板中进行设置框架名称源文件链接边距滚动边框否调整等
    3设置框架集属性:边框边框边框颜色
    54设置框架集中超级链接
    541框架网页中建立超链接
    542框架网页中设置超级链接目标开方式
    1相链接目标:_blank _top _parent_self
    2绝链接目标:mainframeLeftframeRightframeTopframe
    56课堂实例――制作框架网页








    通分析知名网站框架布局效果引入框架框架集概念









    举例演示框架创建保存操作

    开框架面板查总结框架框架集属性设置含义


    演示框架中超级链接效果




    举例演示框架网页设计制作

    作业:
    1框架优点什?
    2课题
    结:章介绍框架网页创建保存属性设置着重讲解框架网页中超级链接创建目标设置容较少授课效果较


    第6章 AP元素创建
    教学目标求
    理解AP元素作熟记AP元素命名原特点掌握绘制AP元素插入AP元素方法区熟练设置AP元素属性灵活合理AP元素心欲布局页面容
    教学重点
    AP元素作AP元素插入绘制AP元素属性设置AP元素特点AP元素应
    教学难点
    AP元素作AP元素属性设置AP元素应
    教学方法
    媒体演示适举例体媒体结合式教学课堂讲授师生互动提问式教学
    教学课时
    2课时
    第6章AP元素创建
    教学提示
    家 浏览网页时注意滚动广告图片?AP元素做出效果
    61应AP元素布局网页
    611AP元素概述
    1AP元素应:布局网页制作简单动画设计特效等
    2AP元素定义AP元素特点AP元素分类AP元素优缺点AP元素面板
    612创建AP元素
    1首选参数话框中设置AP元素参数设置AP元素嵌套显示AP元素锚记
    2插入AP元素绘制AP元素
    3绘制AP元素插入AP元素差
    4AP元素html代码
    5AP元素绝定位(般默认设置)相定位
    613AP元素属性详解
    1单AP元素属性:AP元素编号左宽高Z 轴背景图背景颜色剪辑见性溢出:
    2AP元素属性:
    614AP元素基操作
    激活AP元素选择AP元素调整AP元素移动AP元素齐AP元素吸附AP元素网格
    615嵌套AP元素
    616AP元素表格相互转换
    62 课堂实例――AP元素布局网站首页
    抛出问题引入新课
    强调AP元素页面布局中作



    演示AP元素绘制领




    选择AP元素学生观察属性详细讲解属性设置含义

    演示AP元素种操作


    综合举例
    作业:课题
    机作业:AP元素表格css排版网站首页
    结:章着重讲解AP元素创建命名属性设置学生亲台制作案例加深新知识印象机时发现学生基完成操作务总体感觉授课效果较



    第7章超级链接
    教学目标求
    解超级链接路径链接结构熟记超级链接目标开方式设置含义熟练掌握超级链接4种创建方法快速完成5种特殊超级链接创建方法步骤
    教学重点
    1超级链接种创建步骤
    2超级链接目标开方式设置含义
    3超级链接4种创建方法
    4 5种特殊超级链接创建方法步骤
    教学难点
    1超级链接路径
    2超级链接目标开方式设置含义
    教学方法
    媒体演示适举例体媒体结合式教学课堂讲授师生互动提问式教学
    教学课时
    2课时
    第7章 超级链接
    教学提示
    家已会创建容网页样分散网页组合成统整体浏览者开页访问面呢?需创建超级链接
    71超级链接定义目标选项含义
    1 超级链接定义
    2属性检查器目标弹出菜单中选项含义:_blank_parent_self_top
    3:创建完整超级链接必须考虑4方面:
    ①链接载体 ②链接目标
    ③链接路径 ④链接目标开方式
    72超级链接路径
    dreamweaver中三种类型链接路径: 绝路径文档相路径站点根目录相路径


    73超级链接分类
    1链接路径网页中超链接般分部链接锚点链接外部链接3种类型
    2象网页中链接分种:文超链接图超链接电子邮件链接锚点链接软件载链接媒体文件链接空链接等
    74超级链接创建方法
    1 属性检查器中链接文框创建种样超级链接
    2属性检查器中浏览文件图标创建种样超级链接
    3指文件图标创建超级链接
    4菜单中超级链接命令创建超级链接
    75种特殊超级链接详解
    1.锚记链接
    2.创建脚链接
    3.图热区加超级链接
    4.创建电子邮件超链接
    5.创建空链接
    76超级链接基操作:更新修改检查

    77超级链接结构
    78总结创建超级链接5点建议
    抛出问题引入新课(2分钟)

    开典型网站页家分析超级链接功进引入超级链接定义分类目标列表设置学生讨总结创建超级链接注意事项(20分钟)
    通举例配图讲解链接路径类型创建超级链接时路径书写方法(20分钟)
    采讨法学生讨总结超级链接分类(8分钟)




    举例讲解种方法超级链接创建方法创建步骤总结种方法情况
    (25分钟)
    助面讲创建方法学生台操作实践创建种类型超级链接根情况部分容调整机房讲解(30分钟)
    简讲述超级链接修改更新操作(15分钟)
    结构较简单(15分钟)
    总结提出建议(10分钟)
    作业:1叙述超级链接定义 2说出超级链接路径
    3说出超级链接4种创建方法

    结:章容较超级链接路径较难理解容相容易操作性较强易掌握学生基创建种类型超级链接总体感觉授课效果



    第8章交互(行图AP元素时间轴综合运javascript)
    教学目标求
    1 熟练应行够心欲制作出具交互功网页
    2 掌握时间轴概念基法
    3 通行学应增加网页设计特殊效果提高学生学网页制作兴趣培养家动手操作力
    4 解java脚基法
    教学重点
    1行概念创建2DW置行3AP元素行时间轴综合运
    教学难点
    1DW置行2高级行应3AP元素行时间轴综合运
    教 学 方 法
    媒体演示适举例体媒体结合式教学课堂讲授师生互动提问式教学务驱动引导教学理操作紧密结合
    教 学 课 时
    4课时
    第8章交互(行图AP元素时间轴综合运js)
    教学提示
    问题:家已会网页中特殊效果:弹出消息检查表单设置导航文鼠标花瓣棉花糖雪礼花绽放等样动态网页制作呢?行实现
    811初步认识行
    1DW行引出
    2行概念
    3行相关三重部分:象事件动作
    4认识行面板
    812行创建修改更新
    · 创建行三步骤
    · 修改行
    · 更新行
    813DW置行
    dw80带行
    1弹出消息 2播放声音实例 
    3跳转菜单跳转菜单开始 4开浏览器窗口
    5交换图象恢复交换图象 6控制shockshaveflash 
    7设置导航栏图 8设置文
    9显示弹出菜单(拉菜单) 10显示隐藏AP元素
    11拖动AP元素 12滚动链接AP元素
    814高级行应
    1插入滚动字幕
    示例:文动循环滚动鼠标放面会暂停
    2载安装扩展插件
    3载网页特效适修改相关代码代码放代码视图具体位置 举例:花瓣棉花糖
    82AP元素行时间轴综合运
    1时间轴面板
    2时间轴图AP元素综合运
    (1)滚动字幕 (2)网页浮动动画
    (3)设置文字阴影效果(4)幻灯片效果
    (5)控制图播放动画 (6)制作滚动折叠菜单
    (7)具预览功电子相册效果
    83网页中应javascript
    1认识代码片段面板
    2应代码片段
    3应举例
    抛出问题导入新课

    举出典型带行网页显示行应进引出行作相关概念(25分钟)
    举例讲解行创建步骤(10分钟)

    演示常DW置行操作步骤领部分调整机房讲解(30分钟)
    部分选讲容举例讲解高级行应重点讲解4种扩展插件安装应效果(30分钟)
    举典型实例演示AP元素行综合应效果(40分钟)
    引入特效代码举例讲解jsDw中应(20分钟)
    作业:课题123题
    结:通举例详细讲解AP元素时间轴行综合运节容较步骤繁琐通视频演示实际操作演示加深行理解加强学生实际操作力希学练学完章家应该灵活制作出较简单具特殊效果动态网页


    第9章cssAP元素叠样式表
    教学目标求
    1解css概念样式类型
    2熟练掌握css属性设置熟练操作(创建导入导出)cssAP元素叠样式表
    3css表格cssdiv综合运
    教学重点
    css概念样式类型Css创建属性设置css表格综合运
    教学难点
    Css创建属性设置css表格cssdiv综合运
    教学方法
    媒体演示课堂讲授师生互动案例教学
    教学课时
    4课时
    第9章cssAP元素叠样式表
    教学提示
    开没应样式设置预先准备网页先学生观察设计视图中效果然IE中预览学生总结显示效果变化回事呢?没样式
    91css基础
    1 css样式表基概念
    n 样式cascadingcss
    n Css改变性质
    n 外部css样式表扩展名css
    2css5优点:
    3 css面板
    v 开css面板3种方法
    v css面板中钮功
    adobe建议css面板作创建编辑css工具户创建AP元素叠样式表dw附带AP元素叠样式表
    4样式表类型(理解)
    选择器三种(常见)类型创建4种选择器类型样式:
    (1)定义css规(类样式)命名规
    (2)html标签样式表
    (3)高级样式(称ID伪类选择器)
    92 CSS规详解
    规话框中通类型背景区块方框边框列表定位扩展项设置美化页面定义某CSS样式时需项进行设置需什效果选择相应项进行设置

    93创建新CSS规 




    94应CSS样式
    941种样式表应
    l 应定义CSS样式列3种方法
    l html标签样式高级样式定义仅该文档会动应相应文档中
    l 外部css样式表:样式面板中选择附件样式表钮开链接外部样式表话框链接外部CSS样式文件
    l 清样式选中清样式象设置成样式
    l 范例css样式表
    942应举例(参课p131139示例)
    1课堂实例――CSS格式化文
    2课堂实例――CSS控制表格
    3CSS控制列表
    4CSS控制背景
    5CSS控制区块
    6CSS样式滤镜应
    95 编辑CSS规CSS样式
    编辑CSS规:样式面板中直接双击进行修改
    编辑CSS样式:样式列表中选中需编辑规名称直接单击编辑样式钮弹出CSS规定义话框中修改相应设置
    96 CSS样式三种存放方式
    (1)直接插入 (部标签):

    (2)嵌样式 ( 嵌入式):位html文件头(标签)style标签
    (3)链接已创建外部文件css (统风格):类样式表保存站点common文件夹html中引

    97关突CSS规
    1突显示
    2部CSS规外部CSS规突时部规优先显示
    3果应文两种规属性发生突原显示
    4果直接突定义 CSS 规优先显示
    抛出问题引入新课


    开典型应css网页家分析css优点进引入css定义类型

    开样式面板演示钮作


    开css样式创建话框通创建程选择讲解css类型


    通举例详细讲解css规项设置容

    先演示css创建具体步骤然学生台操作演练







    先讲解应方法然通量举例讲解种样式创建应 举4例子分类样式伪类样式ID样式标签样式











    开代码视图观察种样式代码中显示位置显示方式



    举特例讲解种突解决规学生学会代码视图中修改删需样式
    总结章学知识学生样式表灵活运
    作业:
    1什cssAP元素叠样式表?简述css样式优点
    2css类型背景区块方框边框列表定位扩展分定义什样设置?
    3制作实例
    结:章前部分理较窗体节相关概念较难理解部分操作性较强易掌握学生基完成操作务总体感觉授课效果


    第10章(1)理站点资源库项目
    教学目标求
    灵活理站点资源库模板提高网页制作速度效率
    教学重点
    资源面板
    教学难点
    库理创建编辑
    教 学 方 法
    务驱动引导教学学生学教师讲授辅简单演示
    教 学 课 时
    1课时
    第10章(1)理站点资源库项目
    教学
    提示
    10(1)1资源库概念作
    10(1)2站点资源面板
    1开资源面板方式 2 站点资源资源分类 3 站点资源类型 4查选取资源 5添加资源 6 刷新资源面板
    7资源定位 8理资源面板
    10(1)3创建理编辑库项目
    1 3种创建库项目方法
    创建库项目动保存站点library文件夹中站点中没dreamweaver会动创建该文件夹库项目扩展名lbi
    2应库项目:文档中应库项目操作步骤
    3理库项目:修改重命名重建删源文件中分离方面
    堂练:列关库说法中正确项( )
    A库种存储想整网站常重复更新页面元素 B库实际段html源代码 Cdreamweaver中文字\数字作库项目图片脚作库项目 D库email址\表格版权信息等
    举例说明资源库项目意义

    演示库项目创建应
    作业:课题

    结:知识总结:章介绍资源面板库项目学完章应熟练应站点资源库项目提高制作网页效率
    第10章(2)利模板设计网页
    教学目标求
    1学会创建模板
    2巧妙模板创建风格统页面
    教学重点
    模板创建编辑理
    教学难点
    模板创建编辑理
    教 学 方 法
    务驱动引导教学学生学教师讲授辅简单演示
    教 学 课 时
    1课时
    第10(2)章利模板设计网页
    教学
    提示
    提高做网页效率呢?巧模板
    10(2)1利模板创建网页
    模板定义模板实际意义模板区域类型模板链接
    模板默认保存templetes文件夹中模板扩展名:dwt
    10(2)2 创建模板
    1 现文档保存模板
    2 通资源面板创建新空白
    3新建文档话框创建模板
    10(2)3模板编辑区域
    1插入编辑区
    v 定义编辑区域两种方法
    v 编辑区域命名规:单引号双引号尖括号(<>)符号(&)
    注意:
    v 整表格某单元格定义编辑区域时指定单格编辑区域
    v AP元素定义编辑区域时户改变AP元素位置AP元素容定义编辑区域时修改AP元素容
    2 删编辑区域
    10(2)4选区域
    1插入选区域
    2插入编辑选区域
    3修改选区域
    10(2)5重复区域
    10(2)6应模板
    1 创建基模板新页面
    2 模板应现文档 (学容易出现致区域建议采)
    3 文档模板分离
    10(2)7编辑模板
    10(2)8理模板
    重命名模板删模板重命名编辑区域选择编辑区域

    举例说明模版作

    演示操作模板创建重点讲解编辑区域插入





    根已创建模板创建新网页体会模板作
    注意模板注意事项
    作业:
    1说出模板意义
    2模板默认保存文件夹中模板扩展名什?
    3模板种模板区域类型?
    4课题页面

    结:章讲模板意义创建编辑应问题学完章应创建出风格致



    第12章DW 8 站点创建设置理
    教学目标求
    1学会编辑设置理站点
    2理解站点面板设置
    3开编辑删传站点
    教学重点
    创建理站点站点文件
    教学难点
    编辑设置理站点
    教学方法
    务驱动引导教学学生学教师讲授辅简单演示
    教学课时
    1课时
    第12章DW 8 站点创建设置理
    教学提示
    121安装配置web服务器
    122创建设置站点
    创建设置站点:
    二设置远端站点
    种连接服务器方式方式
     1通ftp访问远端站点
      2通局域网访问远端站点
    3通RDS访问远端站点
    4通Source safe数库访问远端站点
    5通WebbDAV访问远端站点
    123站点文件理:开站点编辑站点复制站点删站点站点导入导出存回取出功
    134站点图
    1设置页:设置页开站点图
    A现文件设置页
    B创建新页
    2显示站点图
    3站点图中显示文件标题
    4分枝查站点图
    5站点图中进行操作
    6显示隐藏站点图
    7保存站点图
    125设置站点参数选项
    126指定服务器技术
    127站点测试发布
    1检查站点链接
    2检查浏览器兼容性
    3站点报告
    4分辩率测试
    5传网页方法
    Adw 带方法传
    Bcuteftp50软件传
    网页必须诸检查站点链接状态检查浏览器兼容性页面分辩率兼容性测试等步骤传远程服务器供浏览器户欣赏
    演示安装配置步骤

    设置站点远端站点






    演示页设置站点图开操作








    演示申请域名空间程dw带传工具传网站
    作业:请制作网站传服务器
    结: 章讲解站点创建理设置传等





















    第13章综合实例——制作宝贝爱网站
    教学目标求
    1学会编辑设置理站点
    2理解站点面板设置
    3开编辑删传站点
    教学重点
    创建理站点站点文件
    教学难点
    编辑设置理站点
    教学方法
    务驱动引导教学学生学教师讲授辅简单演示
    教学课时
    1课时
    第13章综合实例——制作宝贝爱网站
    教学提示
    131 网站规划
    1311 网站命名
    般情况公司网站直接公司名作网站名网站爱命名网站名应该反映出网站性质章制作专营婴幼品公司网站网站名公司名宝贝爱
    1312 划分栏目确定网站结构
    果想建站程更利必须事先规划网站栏目结构样面制作中做章循
    网站容分析该网站划分6栏目:首页公司简介产品服务动联系

    1313 确定网站风格
    般情况根公司性质标志确定网站风格章制作专营婴幼品公司网站选代表沉静理智诚实蓝色代表生命活力青春绿色作网站色调浅灰色作点缀仅突出重点产生强烈视觉效果整网站起特色鲜明生机勃勃

    1314 设置站点目录定义站点
      编辑网页前首先定义站点站点定义前面已讲止次里简单介绍定义程
    1415 收集整理素材
    网页设计素材收集相重通常情况素材源面种
    l 客户提供素材:产品企业相关图文字产品外观图等例中指产品中图片
    l 网收集素材:辅助性图图装饰性较强背景图等
    l 独创作素材:整页面中视觉面积说服力图广告图标题图片等
    132 网站制作
    1321制作库项目:考虑版权信息制作成库项目
    1322制作网页模板
    1.新建模板文档
    2.设置模板容
    3.创建编辑区域
    4.模板中定义CSS样式表
    1424制作网站首页
    制作网页模版面基础制作网站首页

    1324 制作级子页
    级子页包括产品服务动级页面里产品级页面例讲解级子页制作方法

    1325 制作二级子页

    1326 设置超链接
    超链接网站灵魂超链接网站中页面间回跳转接页面添加超链接
    1.模版设置链接
    2.首页设置链接

    宝贝爱网站例演示整网站制作程

































































    15分钟时间总结网站创建详细步骤

    作业:创建dw精品课程网站
    结: 章详细演示网站创建详细程步骤学生反应情况学生知识掌握较牢固

    文档香网(httpswwwxiangdangnet)户传

    《香当网》用户分享的内容,不代表《香当网》观点或立场,请自行判断内容的真实性和可靠性!
    该内容是文档的文本内容,更好的格式请下载文档

    下载文档到电脑,查找使用更方便

    文档的实际排版效果,会与网站的显示效果略有不同!!

    需要 5 香币 [ 分享文档获得香币 ]

    下载文档

    相关文档

    网页设计HTML中表单网页设计教案

     教学项目十六 HTML中表单网页设计(二) 【教学内容】讲解HTML中复选框、多行文本框、下拉列表的使用【教学目的】使学生掌握综合性表单的制作【教学重点】 HTML综...

    5个月前   
    157    0

    网页设计的灵魂

    一个不懂得欣赏优秀网页作品的设计师可能永远都无法懂得借鉴的真谛;一个无法将优秀作品的精髓融入到现有需求中的设计师可能永远都无法找到真正的灵感。  即便是那些看似独创的设计,其灵感也往往来自设计...

    5年前   
    1124    0

    网页设计实习报告

    网页设计实习报告  一实验目的  1.学习html语言和dreamweaver,frontpage等工具  2.掌握在本地环境下运用asp技术实现一个简单的电子商务网站  二实验的方法和原理 ...

    12年前   
    607    0

    国家开放大学电大专科《Dreamweaver网页设计》期末试题标准题库及答案(试卷号:2445)

    一、单项选择题1.下面哪个顶层域名( )可以用来标识非盈利的组织、团体。A.comB.govC.orgD.mil

    3年前   
    835    0

    国家开放大学电大专科《Dreamweaver网页设计》2023期末试题及答案(试卷号:2445)

    一、单项选择题【每个题只有一个选项是正确的。每题3分,共45分)1.如果要进行站点的管理,最直接并常用的操作应在下面( )进行设置。

    3年前   
    1040    0

    电大《Dreamweaver网页设计》期末考试模拟试题及参考答案资料参考

    电大Dreamweaver网页设计模拟试卷一、单项选择题1. 下列( )不能在网页的“页面属性”中进行设置。A. 网页背景图及其透明度B. 背景颜色、文本颜色、链接颜色C. 文档编码D....

    3年前   
    884    0

    (更新版)国家开放大学电大专科《Dreamweaver网页设计》操作题题库及答案

    (更新版)国家开放大学电大专科《Dreamweaver网页设计》操作题题库及答案盗传必究一、操作题题目1代码按照如下要求定义div样式效果。A height:60px;B text-ali...

    3年前   
    2188    0

    国家开放大学电大专科《Dreamweaver网页设计》多项选择题题库及答案(试卷号:2445)

    国家开放大学电大专科《Dreamweaver网页设计》多项选择题题库及答案(试卷号:2445)盗传必究多项选择题1.在Dreamweaver 8中,Behavior(行为)是由( )构成...

    3年前   
    826    0

    (精华版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务1-9题库及答案

    考试说明:形成性考核占课程综合成绩的50%,终结性考试占课程综合成绩的50%。形考任务一(1)网页的内容应该包括哪些元素?答:一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等。...

    3年前   
    599    0

    国家开放大学电大专科《Dreamweaver网页设计》填空题题库及答案(试卷号:2445)

    国家开放大学电大专科《Dreamweaver网页设计》填空题题库及答案(试卷号:2445)盗传必究填空题1.规划网站,一般要从三个方面去思考,即网站的主题、网站的内容、网站的对象。 2....

    3年前   
    1211    0

    (精华版)国家开放大学电大专科《Dreamweaver网页设计》多项选择题题库及答案

    一、多项选择题题目1在Dreamweaver中,下面关于定义站点的说法正确的是( )选择一项或多项:正确答案:首先定义新站点,打开站点定义设置窗口正确答案:本地站点的定义比...

    3年前   
    1283    0

    国家开放大学电大专科《Dreamweaver网页设计》2021期末试题及答案(试卷号:2445)

    一、单项选择题(每个题只有一个选项是正确的。每题3分,共60分)1.如果要使图像在缩放时不失真,在图像显示原始大小时,按下( )键,拖动图像右下方的控制点,可以按比例调整图像大小。A.Ct...

    3年前   
    2243    0

    (更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务1试题及答案

    形考任务一(1)网页的内容应该包括哪些元素?答:一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等。一、框架框架是网页的一种组织形式,将相互关联的多个网页的内容组织在一个浏览器窗口中显示。

    3年前   
    831    0

    国家开放大学电大专科《Dreamweaver网页设计》2025期末试题及答案(试卷号:2445)

    国家开放大学电大专科《Dreamweaver网页设计》2025期末试题及答案(试卷号:2445)盗传必究一、单项选择题1.关于在Dreamweaver中插入Flash文本,说法错误的是( ...

    3年前   
    669    0

    (更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务5试题及答案

    形考任务五使用 <div> 元素以及CSS样式表对下面的内容进行的布局设计。城市介绍北京上海南京南京简称“京”,是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、...

    3年前   
    1194    0

    (精华版)国家开放大学电大专科《Dreamweaver网页设计》单项选择题题库及答案

    一、单项选择题题目1下面关于网站策划的说法错误的是( )选择一项:正确答案:对于网站策划来说最重要的还是网站的整体风格题目2为链接定义目标窗口时,_blank表示的是( )。选择一项:

    3年前   
    2609    0

    (精华版)国家开放大学电大专科《Dreamweaver网页设计》机考网考形考题库及答案

    终结性考试题型包括配伍题、单项选择题、多项选择题、操作题。一、 匹配题 题目1匹配题Telnet(远程登陆)E-mail(电子邮件)SGML(标准通用标记语言)CSS(级联样式表)BBS(电子公告栏)

    3年前   
    1699    0

    国家开放大学电大专科《Dreamweaver网页设计》2024期末试题及答案(试卷号:2445)

    国家开放大学电大专科《Dreamweaver网页设计》2024期末试题及答案(试卷号:2445)盗传必究一、单项选择题(每个题只有一个选项是正确的。每题3分,共60分)1.下面哪个顶层域名( ...

    3年前   
    1739    0

    国家开放大学电大专科《Dreamweaver网页设计》2022期末试题及答案(试卷号:2445)

    一、单项选择题(每个题只有一个选项是正确的。每题3分,共60分)1.( )不能在网页的“页面属性”中进行设置。A.网页背景图及其透明度B.背景颜色、链接颜色C.文本颜色D.跟踪图像及其透明...

    3年前   
    575    0

    (更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务3试题及答案

    形考任务三题目1XHTML 指的是?选择一项:A. EXtra Hyperlinks and Text Markup LanguageB. EXtreme HyperText Markup La...

    3年前   
    1195    0

    文档贡献者

    文***享

    贡献于2020-11-14

    下载需要 5 香币 [香币充值 ]
    亲,您也可以通过 分享原创文档 来获得香币奖励!

    该用户的其他文档