第章DreamweaverCS创建基本文本网页.ppt
《第章DreamweaverCS创建基本文本网页.ppt》由会员分享,可在线阅读,更多相关《第章DreamweaverCS创建基本文本网页.ppt(40页珍藏版)》请在三一文库上搜索。
1、第1章DreamweaverCS6创建基本文本网页,教学内容:Dreamweaver CS6是业界领先的Web开发工具,使用该工具可以高效地设计、开发和维护网站。利用Dreamweaver CS6中的可视化编辑功能,可以快速地创建网页而不需要编写任何代码,这对于网页制作者来说,使工作变得很轻松。文本是网页中最基本和最常用的元素,是网页信息传播的重要载体。学会在网页中使用文本和设置文本格式对于网页设计人员来说是至关重要的 。,学习目标 熟悉Dreamweaver CS6 掌握在网页中插入文本 掌握网页中的超链接创建,教学目标和基本要求 _ _ _ 教学时间:本章共分_课时 教学方法 案例教学 多
2、媒体教学 理论面授 教学素材 课程范例文件:sample第1章 练习文件:exercise第1章,1.1 DreamweaverCS6的操作界面,Dreamweaver CS6是最新推出的网页制作软件,它提供了方便快捷的工具,不仅使得网页制作过程更加直观,同时也大大简化了网页制作步骤,以快速制作网站雏形、设计、更新和重组网页 。 Dreamweaver CS6的工作界面是由菜单栏、插入栏、文档窗口、属性面板以及浮动面板组组成,整体布局显得紧凑、合理、高效 。,1.1.1 菜单栏 菜单栏包括【文件】、【编辑】、【查看】、【插入】、【修改】、【格式】、【命令】、【站点】、【窗口】和【帮助】10个菜
3、单 。,1.1.2【属性】面板 【属性】面板主要用于查看和更改所选对象的各种属性,每种对象都具有不同的属性。在【属性】面板包括两种选项,一种是“HTML”选项,将默认显示文本的格式、样式和对齐方式等属性。另一种是“CSS”选项,单击【属性】面板中的“CSS”选项,可以在“CSS”选项中设置各种属性 。,1.1.3 文档窗口 文档窗口主要用于文档的编辑,可同时打开多个文档进行编辑,可以在【代码】视图、【拆分】视图和【设计】视图中分别查看文档 。,1.1.4 插入栏 插入栏中放置的是编写网页的过程中经常用到的对象和工具,通过该面板可以很方便地使用网页中所需的对象以及对对象进行编辑所要用到的工具 。
4、,1.1.5 浮动面板 在Dreamweaver工作界面的右侧排列着一些浮动面板,这些面板集中了网页编辑和站点管理过程中最常用的一些工具按钮。这些面板被集合到面板组中,每个面板组都可以展开或折叠,并且可以和其他面板停靠在一起。面板组还可以停靠到集成的应用程序窗口中。这样就能够很容易地访问所需的面板,而不会使工作区变得混乱 。,1.2 DreamweaverCS6的新功能,Adobe Dreamweaver CS6软件使设计人员和开发人员能充满自信地构建基于标准的网站。利用 Adobe Dreamweaver CS6软件中改善的 FTP 性能,更高效地传输大型文件。更新的“实时视图”和“多屏幕预
5、览”面板可呈现 HTML5 代码,使你能检查自己的工作。下面介绍Adobe Dreamweaver CS6软件的新特性和功能 。,1.2.1可响应的自适应格版面 使用响应迅速的CSS3自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,提高工作效率。协助你设计能在台式机和各种设备不同大小屏幕中显示的项目。直观地创建复杂网页设计和页面版面,无需忙于编写代码 。,1.2.2 FTP快速上传 利用重新改良的多线程 FTP 传输工具节省上传大型文件的时间。更快速高效地上传网站文件,缩短制作时间 。,1.2.3 AdobeBusinessCata
6、lyst集成 使用Dreamweaver中集成的Business Catalyst 面板连接并编辑你利用Adobe Business Catalyst(需另外购买)建立的网站。利用托管解决方案建立电子商务网站 。,1.2.4 增强型jQuery移动支持 使用更新的jQuery移动框架支持为 iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序,同时简化你的移动开发工作流程 。 jQuery Mobile 是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球
7、主流的移动平台 。,1.2.5 更新PhoneGap 支持更新的 Adobe PhoneGap 支持可轻松为 Android 和 iOS 建立和封装本地应用程序。通过改编现有的 HTML 代码来创建移动应用程序。使用PhoneGap 模拟器检查你的设计 。,1.2.6 CSS3过渡 将CSS属性变化制成动画过渡效果,使网页设计栩栩如生。在处理网页元素和创建优美效果时保持对网页设计的精准控制 。,1.2.7 更新的实时视图 使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit 转换引擎,能够提供绝佳的 HTML5支持 。,1.2.8 更新的多屏幕预览面板 利用更新
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DreamweaverCS 创建 基本 文本 网页
链接地址:https://www.31doc.com/p-3139447.html