Dreamweaver的使用PPT课件.ppt
《Dreamweaver的使用PPT课件.ppt》由会员分享,可在线阅读,更多相关《Dreamweaver的使用PPT课件.ppt(49页珍藏版)》请在咨信网上搜索。
1、Dreamweaver MX的使用的使用教学目的与要求:通过本章学习,使学生能熟练使用网页专业制作软件Dreamweaver制作图文并茂、生动形象的网页教学重点与难点:重点:Dreamweaver工作环境、基本网页制作难点:图层概念及运用、站点规划和管理更多内容请点击进入新浪博客:http:/ MXDreamweaver MX的使用的使用 1、Dreamweaver MX基础知识一、概述 Macromedia Dreamweaver MX 是一款专业的 HTML 编辑器,用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论是手工编写 HTML 代码或在可视化编辑环境中
2、工作,Dreamweaver 是非常有用的工具。Dreamweaver MX Dreamweaver MX基础知识基础知识二、二、Dreamweaver MXDreamweaver MX的启动与删除的启动与删除 (一)启动 1、标准的启动方式“开始”“程序/Macromedia/Macromedia Dreamweaver MX或通过桌面快捷方式 3、直接载入需要编辑的文档 选中要编辑的文件图标 单击鼠标右键 选择“使用Dreamweaver MX编辑”DreamweaverDreamweaver MX MX基础知识基础知识二、Dreamweaver MX的启动与删除(二)删除 “开始”“设置
3、/控制面板”“添加/删除程序”选择Macromedia Dreamweaver MX 单击“更改/删除”按钮 DreamweaverDreamweaver MX MX基础知识基础知识三、Dreamweaver MX工作区1、工作区布局(软件演示)2、Dreamweaver MX工作区元素及调整起始页:“编辑”“首选参数”“插入”面板:“窗口”“插入”文档工具栏:“右键”“文档”“标准”工具栏:“右键”“标准”Dreamweaver MX Dreamweaver MX基础知识基础知识二、Dreamweaver MX工作区标签选择器、面板组“文件”面板:管理站点文件 菜单“窗口”“站点文件”或按
4、F8键属性检查器:“窗口”“属性”或“修改”“属性”Dreamweaver MXDreamweaver MX基础知识基础知识3、文档窗口视图模式:视图模式:“设计”视图:用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境“代码”视图:用于编写和编辑 HTML、JavaScript等手工编写环境“代码和设计”视图:在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。二、Dreamweaver MX工作区 2 2、一般网页的设计与制作、一般网页的设计与制作一、站点的管理(一)定义 1、“站点”“新建站点”:采用向导方式定义本地站点 2、定义站点名称 3、要求用户指定站点文件存放位置
5、4、完成本地站点的定义 一般网页的设计与制作一般网页的设计与制作一、站点的管理(二)打开 “站点”“站点文件”(三)修改 “站点”“编辑站点”选择要编辑的站点名称 单击“编辑”在对话框中对站点进行编辑“确定”“完成”一般网页的设计与制作一般网页的设计与制作二、一般网页概念 所谓一般网页是指没有采用定位技术、HTML高级技术、Javascript等修饰的网页。(演示示例网页)一、站点的管理 (四)删除 “站点”“编辑站点”选择要编辑的站点名称 单击“删除”“是”“完成”一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作1、新建/打开页面 方法:“文件”“新建”2、页面属性的设置 方
6、法:在页面空白处点击右键“页面属性”3、文本的录入直接录入从已有的文档中复制修改已有的网页一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作 插入“不换行空格”按ctrl+shift+space组合键“插入”“特殊符号”“不换行空格”“插入”面板“字符”选项卡单击不换行空格按钮“编辑”“参数选择”,在“分类”列表里选择“常规”,选中“允许多个连续的空格”选项 一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作4、水平线的插入 方法:菜单“插入”“HTML”水平线”工具栏“HTML”水平线”图标注:dreamweaver中修改水平线的颜色 使用属性栏中的快速属性编辑器
7、5、插入版权和日期 方法:工具栏“常用”“日期”图标 一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作6、图象插入及图文混编 图片格式:JPG、GIF、PNG、BMP、SWF 一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作7、图象热点的制作 方法:选中图象图片属性工具栏热点图标 工具栏“常用”“图象”按纽热点选项6、图象插入及图文混编 方法:定位图象插入点工具栏图象图标 菜单“插入”“图象”快捷键:Ctrl+Alt+I 一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作8、锚点的插入方法 菜单“插入”“不可见标签”“命名锚点”工具栏“常用”“命名
8、锚点”快捷键:Ctrl+Alt+A建立命令锚点9、导航栏翻转图象 方法:工具栏“常用”“图象”按纽导航条选项 一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作10、翻转图象制作方法 定位图象插入点工具箱常用“鼠标经过图象”11、超级链接制作热点链接方法:选择热点右键“链接”或点击热点属性工具条上“指向文件”图标 一般网页的设计与制作一般网页的设计与制作三、一般网页的设计与制作11、超级链接制作网页间锚点链接 链接地址格式:文件名(包括后缀名)+锚点名网页间链接作业题:1、针对课堂内容,自选主题使用Dreamweaver MX建立一个简单的站点。2、练习在Dreamweaver
9、MX中进行网页的布局。3 3、Dreamweaver MXDreamweaver MX的网页定位技术的网页定位技术一、概述 网页布局是指网页中各个对象在网页中的相对位置。在Dreamweaver MX中,可以用表格、层表格、层和框架进行定位布局。Dreamweaver MX Dreamweaver MX的网页定位技术的网页定位技术二、利用表格进行页面布局二、利用表格进行页面布局1、插入表格 工具箱/插入表格图标 2、表格属性编辑 对齐方式、边框线、背景等 注:在800600分辨率下宽度不超过 778高度不超过460 Dreamweaver MX Dreamweaver MX的网页定位技术的网页
10、定位技术二、利用表格进行页面布局二、利用表格进行页面布局3、单元格属性编辑4、合并/拆分单元格5、对象的插入 logo图象、广告条、栏目、水平线、栏目及项目、图象f、文字、版权和日期等 Dreamweaver MX Dreamweaver MX的网页定位技术的网页定位技术三、利用表格进行数据规则转换三、利用表格进行数据规则转换 使用表格进行数据转换要求数据要按一定的规律排列,比如数据间使用,Tab等符号排列 方法:点击插入工具条“布局”“表格数据”Dreamweaver MX Dreamweaver MX的网页定位技术的网页定位技术四、使用表格增加网页的层次 表格可以增加网页层次,表格有表格背
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Dreamweaver 使用 PPT 课件
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【可****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【可****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。