《计算机应用基础》课程教学资源（PPT课件讲稿）第8章 网页设计_Dreamweaver网页制作基础

第六章Dreamweaver网页制作基础

第六章 Dreamweaver网页制作基础

第六章Dreamweaver网页制作基础目录>6.1认识Dreamweaver页上>6.2网页内容设置>6.3网页布局退出>6.4CSS应用2025/4/62

目 录 上一页 下一页 退 出 2025/4/6 2 第六章 Dreamweaver网页制作基础 ➢6.1认识Dreamweaver ➢6.2网页内容设置 ➢6.3网页布局 ➢6.4CSS应用

6.1认识Dreamweaver目录>66.1.1DreamweaverCS5工作环境项顶人>66.1.2本地站点的建立与管理>6.1.3网页文档基本操作退出2025/4/63

目 录 上一页 下一页 退 出 2025/4/6 3 6.1认识Dreamweaver ➢6.1.1 Dreamweaver CS5工作环境 ➢6.1.2 本地站点的建立与管理 ➢6.1.3 网页文档基本操作

6.1认识Dreamweaver目录1.认识DreamweaverDreamweaver，简称“DW”，中文名称“梦想编织者”，是美国一页Macromedia公司开发的集网页制作和网站管理于一身的“所见即所得”一页的网页编辑器，利用它可以轻而易举地制作出跨越平台限制、充满动感的网页。Dreamweaver与Flash、Firworks并称为网页制作梦幻组合。退出2.DreamweaverCS5工作界面amtEYWCH立件无程ctek精滋#牛更房儿装管点汽菜单栏文档工具栏浮动面板组报有程用用文档编辑区状态栏属性”面板LEbedrEODGHC面性2025/4/6

目 录 上一页 下一页 退 出 2025/4/6 4 6.1认识Dreamweaver ➢ 1.认识Dreamweaver ➢ Dreamweaver，简称“DW”，中文名称“梦想编织者”，是美国 Macromedia公司开发的集网页制作和网站管理于一身的“所见即所得” 的网页编辑器，利用它可以轻而易举地制作出跨越平台限制、充满动感 的网页。Dreamweaver与Flash、Firworks并称为网页制作梦幻组合。 ➢ 2.Dreamweaver CS5 工作界面 文档编辑区 状态栏 “属性”面板 菜单栏 文档工具栏 浮动面板组

6.1认识Dreamweaver目录3.本地站点的建立与管理V1）先在本地磁盘创建一个文件夹上一页2）在DreamweaverCS5中，执行“站点”/“新建站点”命令下一页站点设置对象未命名站点2X选择根文件夫+站点Dreamweaver站点是站中使用的所有文件和资源的集合：Dreamweaver翼选择）O国personal服务器站点通常包含两个部分：可在基中存储和处理文件的计算机上的本地文件版本控制美，以及奇在其中将相同文件发布到Web上的服务器上的远程文件夹，inages高然设置我最近的文档您可以在此处为Dreammeaver站点选择本地文件实和名称。站点名称：个人网站C桌面本地站点文件卖：C:iDocuments andSettings)Administrator/MyDocumentsl末我的文档我的电脑网上邻居选择（）选择personal取消超助保荐取消在对话框中输入站点名称“个人网站”并选择前面创建的“personal"文件夹。2025/4/65

目 录 上一页 下一页 退 出 2025/4/6 5 6.1认识Dreamweaver ➢ 3.本地站点的建立与管理 ➢ 1）先在本地磁盘创建一个文件夹 ➢ 2）在Dreamweaver CS5中，执行“站点”/“新建站点”命令 在对话框中输入站点名称“个人网站”并选择前面创建的“personal”文件夹

6.1认识Dreamweaver目录3本地站点的建立与管理.3）在DreamweaverCS5中，管理站点上一页一页管理站点本地视图个人网站国品早个A退出本地文件大小类型文件夹日白站点个人网站复制）文件夹田images导出早入无成移助站点定义好以后，如需修改相关信息，可执行“站点”“管理站点”菜单命令2025/4/66

目 录 上一页 下一页 退 出 2025/4/6 6 6.1认识Dreamweaver ➢ 3.本地站点的建立与管理 ➢ 3）在Dreamweaver CS5中，管理站点 站点定义好以后，如需修改相关信息，可执行“站点”/“管理站点”菜单命令

6.1认识Dreamweaver目录4.网页文档基本操作建立好站点后，就可以在站点中创建网页了。上一页环建文格0W贝款MersicalEF元典通托，居中SEL模桃1儿E，居中，B（页）为惠，居中孕单（E)，居中，更和新生2本日EBD有ketioderiyt我#中的证ERRCSSJrSariptE0中有EREJerSaigtNX性KrserigI文EKEElSHAT.TCeRE聘美·思光Codafuim男点CaEuim态，专卡文性典验mLBTriNE重件加CSX光SOmBEat863e国aeRO清C盟车内室Dreamweaver中的文件操作包括新建、打开、保存、关闭等，同时还可利用“文件”面板管理站点中的网页文件和文件夹2025/4/61

目 录 上一页 下一页 退 出 2025/4/6 7 6.1认识Dreamweaver ➢ 4.网页文档基本操作 ➢ 建立好站点后，就可以在站点中创建网页了。 Dreamweaver中的文件操作包括新建、打开、保存、关闭等， 同时还可利用“文件”面板管理站点中的网页文件和文件夹

6.1认识Dreamweaver目录4.网页文档基本操作建立好站点后，就可以在站点中创建网页了。上一页环建文格0W贝款MersicalEF元自卖典通托，居中SEL模桃1儿E，居中，B（页）为惠，居中孕单（E)，居中，更和新生2本日EBD有ketioderiyt我#中的证ERRCSSJrSariptE0中T有EREJerSaigtNX性KrserigI文EKEElSHAT.TCeTV美·思光Codafuim男点CaEuim态，专卡文性典验mLBTriNE重件加CSX光SOmBEat863e国aeRO清C盟车内室Dreamweaver中的文件操作包括新建、打开、保存、关闭等，同时还可利用“文件”面板管理站点中的网页文件和文件夹2025/4/68

目 录 上一页 下一页 退 出 2025/4/6 8 6.1认识Dreamweaver ➢ 4.网页文档基本操作 ➢ 建立好站点后，就可以在站点中创建网页了。 Dreamweaver中的文件操作包括新建、打开、保存、关闭等， 同时还可利用“文件”面板管理站点中的网页文件和文件夹

6.2.网页内容设置目录>6.2.1网页基本设置项顶一>6.2.2网页中的文字>6.2.3网页中表格操作退出>6.2.4网页中的图像6.2.5网页中的多媒体>6.2.6网页中的超链接>6.2.7网页中的表单2025/4/69

目 录 上一页 下一页 退 出 2025/4/6 9 6.2. 网页内容设置 ➢6.2.1 网页基本设置 ➢6.2.2 网页中的文字 ➢6.2.3 网页中表格操作 ➢6.2.4 网页中的图像 ➢6.2.5 网页中的多媒体 ➢6.2.6 网页中的超链接 ➢6.2.7 网页中的表单

6.2.网页内容设置目录>1.网页基本设置上一页1.1文档头信息的设置下页关键字说明X确定确定说明关键字：取消取消帮助帮助单击“插入”浮动面板的“常用”类别的“文件头”前的黑色三角按钮，从下拉列表中选择“关键字”或“说明”，在对话框中输入网页相关信息2025/4/610

目 录 上一页 下一页 退 出 2025/4/6 10 6.2. 网页内容设置 ➢ 1.网页基本设置 ➢ 1.1文档头信息的设置 ➢ 单击“插入”浮动面板的“常用”类别的“文件头” 前的黑色三角按钮， 从下拉列表中选择“关键字”或“说明”，在对话框中输入网页相关信息