单元1 创建站点与浏览网页
【引导训练】
【任务1-1】创建“单元1”站点并浏览网页
【任务1-1-1】创建本地站点“单元1”
【任务描述】
创建一个名称为“单元1”的本地站点，站点文件夹为“Unit01\task01-1”。
【任务实施】
（1）打开【站点设置对象】对话框
在Dreamweaver CC的主界面中，单击【站点】→【新建站点】菜单命令，打开【站点设置对象】对话框，如图1-3所示。
图1-3 【站点设置对象】对话框
（2）在【站点设置对象】对话框中设置本地站点信息
在【站点设置对象】对话框的“站点名称”文本框中输入站点名称“单元1”，在“本
地站点文件夹”文本框中输入完整的路径名称“D:\网页设计与制作案例\Unit01\”。
（3）保存创建的站点
在【站点设置对象】对话框中单击【保存】按钮，保存创建的站点，更新站点缓存。此时在【文件】面板中可以看到新创建的本地站点“单元1”中的文件夹和文件，如图1-5所示。
图1-5 新创建的本地站点“单元1”中的文件夹和文件
【任务1-1-2】认识Dreamweaver CC的工作界面
【任务描述】
（1）熟悉Dreamweaver CC工作界面的基本组成。
（2）熟悉【文件】面板的组成。
（3）了解Dreamweaver CC工作界面各个组成部分的主要功能。
【任务实施】
Dreamweaver CC的工作界面如图1-6所示。
1．认识Dreamweaver CC的标题栏
标题栏用于显示网页文档的路径和名称。
2．认识Dreamweaver CC的菜单栏
Dreamweaver CC的菜单栏包含10类菜单：【文件】、【编辑】、【查看】、【插入】、【修
改】、【格式】、【命令】、【站点】、【窗口】和【帮助】，如图1-6所示。
菜单栏【标准】工具栏【文档】工具栏文档窗口面板组
标签选择器【属性】面板【文件】面板
图1-6 Dreamweaver CC的界面布局与组成
3．认识Dreamweaver CC的【文档】工具栏
【文档】工具栏中包含用于切换文档窗口视图的【代码】、【拆分】、【设计】、【实时视图】按钮和一些常用功能按钮。
4．认识Dreamweaver CC的【标准】工具栏
【标准】工具栏中包含网页文档的基本操作按钮，例如【新建】、【打开】、【保存】、【剪切】、【复制】、【粘贴】等按钮，如图1-8所示。
图1-8 【标准】工具栏
5．认识Dreamweaver CC的“文档”窗口
【文档】窗口也称为文档编辑区，该窗口所显示的内容可以是代码、网页，或者两者的
共同体。
6．认识Dreamweaver CC的“插入”面板
网页设计个人名片模板选择【窗口】→【插入】命令，在Dreamweaver CC的主界面的右侧面板区域将显示【插入】面板。通常情况下会显示【插入】面板之“HTML”类型，如图1-10所示。
图1-10 【插入】面板
在Dreamweaver CC的【插入】面板中，单击【插入】面板【模板】按钮，即可展开“插入”工具类型列表，如图1-11所示。
图1-11 “插入”工具的类型
7．认识Dreamweaver CC的【属性】面板
【属性】面板用于查看和更改所选取的对象或文本的各种属性，每个对象有不同的属性。【属性】面板比较灵活，它随着选择对象不同而改变，例如当选择一幅图像，【属性】面板上将出现该图像的对应属性，如图1-13所示。
图1-13 【属性】面板
8．认识Dreamweaver CC的面板组
Dreamweaver CC包括多个面板，这些面板都有不同的功能，将它们叠加在一起便形成了面板组。如图1-15所示。面板组主要包括“插入”面板、“文件”面板、“CSS设计器”面板、“CSS过渡效果”面板等。
图1-15 面板组与【文件】面板
9．认识Dreamweaver CC的【文件】面板
网站是多个网页、图像、动画、程序等文件有机联系的整体，要有效地管理这些文件及其联系，需要有一个有效的工具，【文件】面板便是这样的工具。
【文件】面板的组成如图1-18所示，在该面板中显示了当前站点的内容。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。