网页设计与制作——Dreamweaver CC标准教程（第3版）全套PPT课件.pptx

第1章网页设计基础;本章学习主要内容：;?1.1互联网基础;?1.1.1Internet与Web服务;?1.1.1Internet与Web服务;?1.1.2URL路径;?1.1.3服务器与客户机;?1.1.4互联网数据中心;1.2网页设计知识;1.2网页设计知识;1.2.1色彩;1.2.1色彩;1.2.2网页设计元素;1.2.2网页设计元素;1.2.2网页设计元素;1.2.3页面布局;1.3网页标准化技术;1.3网页标准化技术;1.3.1结构化语言;1.3.2CSS样式;1.3.3脚本语言;1.3.4PHP技术;1.4前端UI框架技术;1.4.1Bootstrap框架;1.4.2MUI框架;1.5网站制作流程;1.5网站制作流程;1.5.1前期准备工作;1.5.1前期准备工作;1.5.2方案实施;1.5.2方案实施;1.5.3后期工作;1.5.3后期工作;1.6HTML语言;1.6HTML语言;第2章DreamweaverCC基础;1.DreamweaverCC工作界面

2.创建网站站点

3.管理站点

4.网页文档头部信息设置;AdobeDreamweaverCC是一款集网页设计、制作和管理网站于一身的可视化网页编辑软件，它保留了Dreamweaver早期版本的各种优点，不仅可以轻松设计网站的前台页面，也可以方便地实现网站后台各种复杂功能。;2.1.1工作环境

2.1.2工作区布局

2.1.3多文档的编辑界面

;DreamweaverCC的工作环境由菜单栏、文档工具栏、文档窗口、状态栏、属性面板（或属性检查器）和浮动面板组等部分组成。;DreamweaverCC为用户提供了多种工作区布局，用户可以根据需要设定工作区环境，也可以新建工作区布局，并对它进行管理和删除操作。

选择菜单【窗口】|【工作区布局】，在子菜单中选择一种工作区布局。;DreamweaverCC提供了多文档的编辑界面，将多个文档集中到一个窗口中，用户可以单击文档编辑窗口上方选项卡的文件名切换到相应的文档，还可以按住鼠标左键拖动选项卡改变文档的顺序。;站点是存放一个网站所有文件的场所，由若干文件和文件夹组成。用户在开发网站前必须先建立站点，便于组织和管理网站文件。;2.2.1创建新站点

2.2.2新建和保存网页

2.2.3管理站点文件和文件夹

2.2.4课堂案例—慈善救助中心;站点按站点文件夹所在位置分为两类：本地站点和远程站点。

本地站点是指本地计算机上的一组文件，远程站点是远程WEB服务器上的一组文件。

创建本地站点首先要在本地硬盘上新建一个文件夹或者选择一个???经存在的文件夹作为站点文件夹，那么这个文件夹就是本地站点的根文件夹。;创建本地站点的操作步骤如下。

?选择菜单【站点】|【新建站点】，或选择【管理站点】并在【管理站点】对话框中单击【新建】按钮，打开【站点设置对象】对话框，在左边选择【站点】，在右侧输入站点名称和本地站点文件夹路径。

?单击左侧【高级设置】，展开其他选项，选择【本地信息】，在右侧设置相应的属性。

?其他项可以根据需要设置，设置完毕后单击【保存】按钮。在【文件】面板中可以看到新建的本地站点。;1．新建网页文档

选择菜单【文件】|【新建】，打开【新建文档】对话框，在左侧选择【空白页】，在【页面类型】中选择【HTML】，在【布局】中选择【无】。单击【创建】按钮就可以创建网页文档。

2．保存网页文档

保存网页文档有如下两种方法。

（1）选择菜单【文件】|【保存】或【全部保存】。在【另存为】对话框的【文件名】文本框中输入网页的名称，单击【保存】按钮完成保存。

（2）按Ctrl+S快捷键保存网页文档。

;1． 创建文件和文件夹

2．重命名文件和文件夹

3．移动文件和文件夹

4．删除文件或文件夹;案例学习目标：学习创建站点、管理站点文件和文件夹的方法。

案例知识要点：使用【站点】|【新建站点】创建站点，在【文件】面板中移动文件、重命名文件。

素材所在位置：光盘/案例素材/ch02/课堂案例-慈善救助中心。

案例效果如图2-12所示。;建立站点以后，可以对站点进行打开、编辑、复制和删除等各种操作。;2.3.1打开站点

2.3.2编辑站点

2.3.3复制站点

2.3.4删除站点;Dreamweaver允许建立多个站点，并可以通过切换打开需要编辑的站点。打开站点的操作步骤如下。

?选择菜单【窗口】|【文件】或按F8键打开【文件】面板，单击左边的下拉框，在下拉列表中选择要打开的站点。

?打开站点后，在【本地文件】下显示该站点内的所有文件和文件夹。

;编辑站点可以重新设置站点的一些属性，操作步骤如下。

?选择菜单【站点】|【管理站点】，打开