dreamweavercs6创建基本文本网页0001.pptxVIP

学习目标 熟悉Dreamweaver CS6 掌握在网页中插入文本 掌握网页中的超链接创建 ;教学目标和基本要求 ___________________________________ ___________________________________ ___________________________________ 教学时间：本章共分_______课时 教学方法 案例教学 多媒体教学 理论面授 教学素材 课程范例文件：sample\第1章\ 练习文件：exercise\第1章\ ;1.1 DreamweaverCS6的操作界面;1.1.1 菜单栏 菜单栏包括【文件】、【编辑】、【查看】、【插入】、【修改】、【格式】、【命令】、【站点】、【窗口】和【帮助】10个菜单 。;1.1.2【属性】面板 【属性】面板主要用于查看和更改所选对象的各种属性，每种对象都具有不同的属性。在【属性】面板包括两种选项，一种是“HTML”选项，将默认显示文本的格式、样式和对齐方式等属性。另一种是“CSS”选项，单击【属性】面板中的“CSS”选项，可以在“CSS”选项中设置各种属性 。;1.1.3 文档窗口 文档窗口主要用于文档的编辑，可同时打开多个文档进行编辑，可以在【代码】视图、【拆分】视图和【设计】视图中分别查看文档 。;1.1.4 插入栏 插入栏中放置的是编写网页的过程中经常用到的对象和工具，通过该面板可以很方便地使用网页中所需的对象以及对对象进行编辑所要用到的工具 。;1.1.5 浮动面板 在Dreamweaver工作界面的右侧排列着一些浮动面板，这些面板集中了网页编辑和站点管理过程中最常用的一些工具按钮。这些面板被集合到面板组中，每个面板组都可以展开或折叠，并且可以和其他面板停靠在一起。面板组还可以停靠到集成的应用程序窗口中。这样就能够很容易地访问所需的面板，而不会使工作区变得混乱 。;1.2 DreamweaverCS6的新功能;1.2.1可响应的自适应格版面 使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。协助你设计能在台式机和各种设备不同大小屏幕中显示的项目。直观地创建复杂网页设计和页面版面，无需忙于编写代码 。;1.2.2 FTP快速上传 利用重新改良的多线程 FTP 传输工具节省上传大型文件的时间。更快速高效地上传网站文??，缩短制作时间 。;1.2.3 AdobeBusinessCatalyst集成 使用Dreamweaver中集成的Business Catalyst 面板连接并编辑你利用Adobe Business Catalyst（需另外购买）建立的网站。利用托管解决方案建立电子商务网站 。;1.2.4 增强型jQuery移动支持 使用更新的jQuery移动框架支持为 iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化你的移动开发工作流程 。 jQuery Mobile 是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台 。;1.2.5 更新PhoneGap 支持更新的 Adobe PhoneGap? 支持可轻松为 Android 和 iOS 建立和封装本地应用程序。通过改编现有的 HTML 代码来创建移动应用程序。使用PhoneGap 模拟器检查你的设计 。;1.2.6 CSS3过渡 将CSS属性变化制成动画过渡效果，使网页设计栩栩如生。在处理网页元素和创建优美效果时保持对网页设计的精准控制 。;1.2.7 更新的实时视图 使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit 转换引擎，能够提供绝佳的 HTML5支持 。;1.2.8 更新的多屏幕预览面板 利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板现在能够让你检查HTML5内容呈现 。;1.3 创建本地站点 在使用Dreamweaver制作网页前，最好先定义一个站点，这是为了更好地利用站点对文件进行管理，尽可能地减少错误，如路径出错、链接出错等 。 ;1.3.1 使用向导建立站点 Dreamweaver是最佳的站点创建和管理工具，使用它不仅可以创建单独的文档，还可以创建完整的站点。;1.3.2 使用高级设置建立站点 还可以在【站点设置对象】对话框中选择【高级设置】选项卡，快速设置【本地信息】、【遮盖】、【设计备注】、【文件视图列】、【Contribute】、【模板】、【Spry】和【We