[其它技巧]dreamweaver ppt DW PPT.pptVIP

1 网页设计与制作概述 学习目标: 了解有关网页的一些基本概念 了解网页制作的基本工具和开发语言 1.1 互联网与网站 基本概念: 网页：在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。 万维网（World Wide Web）：万维网简称WWW或3W，是目前Internet（因特网）上最流行的一种基于超文本形式的资源组织形式。 浏览器：要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。 目前常用的浏览器有:IE、netscape和腾训TT 1.1 互联网与网站 统一资源定位器（Universal Resource Locator，简称URL）：是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。 通信协议：包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等 1.1 互联网与网站 所要访问的文件路径及文件名：它指要访问资源的具体位置。 文件传输协议（File Transfer Protocol，简称FTP）：是一种快速、高效和可靠的信息传输方法。 超文本标记语言（Hyper Text Markup Language，简称HTML）：它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。 1.2 网页制作工具 1.2.1 网页布局工具 1．Dreamweaver 2．Frontpage 1.2.2网页美化工具 1．图像处理软件:Photoshop,Fireworks 2．动画制作软件 :FLASH,Swish、Ulead GIF Animator,Ulead Cool 3D、3D Flash Animator、Xara3D 1.3 网页开发语言 1.3.1 HTML语言 1.3.2 动态网站开发语言 1．ASP 2．JSP 3．PHP 2 Dreamweaer简介与设置 学习目标 了解Dreamwever软件的作用、基本界面布局、以及各功能区的应用范围。了解控制软件界面和文档的基本方法。 2.1 软件简介与设置 2.1.1 简介：Dreamweaver是当前最流行的网页设计和网站开发工具。可用于创建静态和动态网站页面，同时具有网站管理和FTP等辅助功能。该软件由macromedia（现Adobe）公司开发，当前8.0为最新的正式版本。 2.1.2 相关软件：Microsoft Frontpage 简单易用，与office其他组件以及微软的编程语言紧密结合。 2.1 软件简介与设置 Microsoft Expression Web Designer 是FrontPage继任者，与ASP.NET紧密集合，偏重于开发。 Adobe Golive 专业的网页设计软件，偏重于页面设计，并且可以设计移动设备的内容 2.1 软件简介与设置 2.1.3 Dreamweaver软件的设置 1.软件起始页的用法 a.主页面的介绍 b.范例创建（框架集） c.扩展功能（网络下载插件）d.起始页的关闭与打开（编辑菜单的首选参数） 2.界面布局与切换 a.HTML文档的创建 b.页面的介绍 c.窗口的“插入” d.表格的插入 e.F4的使用 3.定制工具箱 a.常用工具栏的介绍 b.常用、显示为制表符两种格式介绍 2.1 软件简介与设置 4.代码拆分与设计模式 a. 设计模式（所见即所得） b.拆分：所见即所得+代码 5.定制实用界面布局 a.拖到进行页面布局 b.通过窗口还原原始布局和保存布局 6.标签选择器 a.Body b.table c.tr d.td 7.选取手形和缩放工具 缩放的快捷键：ctr+“+”/”-” 2.1 软件简介与设置 8.显示设置与速度统计 a.由于显示器的不同，分辨率也不同，需要通过不同的显示 模式来进行调试，以达到最好的效果。可以通过自行设置的 参数进行调试，如：777 300 （800 x 600，我的自定义） b.1k/1s指的是网页内容为1k，在默认模式调整解调器下用1s 就能下载完该网页。 9.属性面板与设置 a.特点：上下级敏感 2.1 软件简介与设置 10.菜单命令快速上手 a.菜单简介 b.查看-工具栏-标准 11.HTML基础知识 HTML（HyperText Mark-up Language）即超文本标记 语言或超文本链接标示语言，是目前网络上应用最为广泛的 语言，也是构成网页文档的主要语言。HTML文本是由 HTML命令组成的描述性文本，HTML命令可以说明文字、 图形、动画、声音、表格、链接等。HTML的结构包括头部 （Head）、主体（Bo