网页设计实用技术 教学课件 陈建国 第2章.pdfVIP

第2章  Dreamweaver CS5 网页制作基础 制作：蔡宗吟 乐山师范学院课件 第2章  Dreamweaver CS5 网页制作基础  2.1  Dreamweaver CS5入门  2.2  Dreamweaver CS5站点管理  2.3  制作简单网页 乐山师范学院课件 2.1  Dreamweaver CS5入门  2.1.1  Dreamweaver CS5 简介  2.1.2  Dreamweaver CS5工作区 乐山师范学院课件 2.1.1  Dreamweaver CS5 简介 Adobe Dreamweaver CS5版本正式发布于2010年4 月， 是一款集网页制作和管理网站于一身的所见即所得网 页编辑器，Dreamweaver CS5是第一套针对专业网页设 计师特别发展的视觉化网页开发工具，利用它可以轻 而易举地制作出跨越平台限制和跨越浏览器限制的充 满动感的网页。 乐山师范学院课件 2.1.2  Dreamweaver CS5工作区  1 ．启动Dreamweaver CS5 乐山师范学院课件  2 ．Dreamweaver CS5工作区 文档选项卡 应用程序栏 文档工具栏 文档窗口 工作区切换器 插入面板 乐山师范学院课件 标签选择器 属性面板 文档状态栏 文件面板 2.2  Dreamweaver CS5 站点管理  2.2.1  网站站点规划与创建 1 ．规划站点结构 乐山乐水网站主页 况 概 山 乐 绍 介 点 景 路 线 游 旅 略 攻 游 旅 店 酒 山 乐 食 美 山 乐 闻 新 游 旅 接 链 情 友 理 管 户 用 言 留 线 在 图2‐9  网站模块结构图 乐山师范学院课件      网站又称为站点，是一组具有共享属性（如相关主题、 类似的设计或共同目的）的链接文档和资源，是多个网 页的集合，其包括一个首页和若干个子页。网站站点结 构将决定如何去引导浏览者在站点中漫游，要结构清晰、 易于操作。为了达到最佳效果，在创建任何Web 站点页 面之前，要对站点的结构进行设计和规划。 网站根目录 首页 images flash music 其他网页 图2‐10  网站结构图 乐山师范学院课件 2 ．创建本地站点 （1）选择“站点”→“新建站点”命令。 （2）选择新建站点后会弹出“站点设置”对话框，选 择“站点”选项，在右侧窗口提示输入“站点名称” 和“本地站点文件夹” 。单击“保存”按钮后，本 地站点创建完成。 乐山师范学院课件 3 ．创建站点目录结构 （1）在“文件”面板中右击根目录，在弹出的快捷菜单中选择“新建文 件”或“新建文件夹”选项。在根目录中建立文件index.html （首页 文件）和文件夹images （存放图片文件）、flash （存放flash 文件）、 music （存放音乐文件）等。 （2）建好一级目录后还可以在各一级目录中建立二级目录，用于分类存 放文件