DW-第1章网页制作基础讲解.pptVIP

1.2浏览网页的工具——浏览器 浏览器：用于打开显示网页的软件，最常见的是windows系统自带的IE浏览器。 还有火狐Firefox、360安全浏览器等等。 （1）网址：用于定位某个网站某个页面的一串字符，通常是这种格式： （2）主页：访问网站时，默认打开的第一个页面就是主页也叫首页。 1.3认识网页的组成元素 1、制作网站的流程 规划网站类型及主题 搜集资料素材 使用软件进行网页制作 测试及发布 2 、认识 Dreamweaver 是当前最流行、最主便的网页设计和网站开发工具软件。 Dreamweaver：（梦想编辑者）通过这个工具，实现编辑网页的梦。 Dream：梦想 Weaver：织布者， 织工 早期是Macromedia公司推出的“网页三剑客”之一，“网页三剑客”指的是Dreamweaver、flash、fireworks这三个软件，它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中的专用利器，它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，在2005年Macromedia公司被Adobe公司收购，推出了CS3版本。 Dreamweaver 网页制作 主讲：孙洪娟 教学目标 通过课程的学习，我们将全面了解网站开发的原理，掌握使用Dreamweaver这个软件制作网页的方法和技巧，并能够根据需要独立开发网站。 第1章 网页设计基础 网站鉴赏 一、网站的概述 1.1网页与网站 浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关的网页的集合就构成了一个网站。 举例： (搜狐网) (百度) （优酷网）等等 一、网站的概述 网页标题 logo 导航栏 图片 表单 视频 文字 超级连接 二、初识Dreamweaver 二、初识Dreamweaver 3 、 发展史(版本更新) Macromedia时代 Dreamweaver 1.0 Dreamweaver 2.0 Dreamweaver 2.01 Dreamweaver 3 Dreamweaver 4 Dreamweaver 5 Dreamweaver MX Dreamweaver MX 2004 Dreamweaver 8 Adobe时代 DreamWeaver CS3 DreamWeaver CS4 Dreamweaver CS5 Dreamweaver CS5.5 Dreamweaver CS6 二、初识Dreamweaver 提问： 网页由那些元素组成？ 一个完整的网站由多个网页构成； 网页与网站的关系？ Dreamweaver中文名称？是一款什么样的编辑器？ 所见即所得网页编辑器 标题、logo、导航、表单、文字、图片、视频等等 Dreamweaver CS5是创建网站的专业工具。它将网页可视化布局、应用程序开发功能和代码编辑支持组合在一起、功能强大，使得各个层次的开发人员和设计人员都能够基于标准的网站和应用程序快速创建吸引人的界面。 三、Dreamweaver安装 三、Dreamweaver安装 进入Dreamweaver工作界面 Dreamweaver CS5的工作界面主要由菜单栏、文档窗口、属性面板、插入栏、工具栏以及多个浮动面板组成。 四、Dreamweavercs5用户界面 菜单栏 工具栏 文档窗口 浮动面板 属性面板 工作界面 1、菜单栏主要包括： 四、Dreamweavercs5用户界面 2、插入工具栏： 3、文档工具栏 【文档】工具栏包括了控制文档窗口视图的按钮和一些比较常用的弹出菜单，用户可以通过【代码】、【拆分】、【设计】和【实时代码】这4个按钮使工作区在不同的视图模式之间进行切换。 四、Dreamweavercs5用户界面 5、编辑窗口 四、Dreamweavercs5用户界面 6、状态栏 四、Dreamweavercs5用户界面 五、 站点的创建与管理 选择【菜单栏】中的“站点” 单击“新建站点” 选择【菜单栏】中的“站点” 单击“管理站点” 在弹出的“管理站点”对话框中选择“新建”“站点” 五、 站点的创建与管理 注意：本地站点文件夹：路径文件存放位置不要存放在装系统文件盘下， 系统破坏文件易丢失 五、 站点的创建与管理 五、 站点的创建与管理 新建的站点 任务1 1、安装DW在自己的机器上，了解一些Dreamweaver CS6的基本工作界面和菜单命令的使用。 2、站点的创建和管理 要求：创建一个站点（留做今后上课用）