奥鹏作业网web前端页面制造基本领导材料二
主 题：第二章 Dreamweaver CS3基本（课件）
进修时光：2021年10月4日－10月10日
内 容：
我们这周重要进修第2章Dreamweaver CS3基本的相干内容。盼望经由过程下面的内容对Dreamweaver CS3基本停止总结，盼望能使同窗们加深对Dreamweaver CS3基本相干知识的懂得。
知识要点
Dreamweaver CS3任务情况
树破当地站点
利用Dreamweaver CS3制造网页
重点难点
控制树破当地站点的一般步调
控制利用Dreamweaver CS3制造网页的步调
Dreamweaver是一款专业的HTML编辑器，用于对Web站点、Web页跟Web利用顺序停止计划、编码跟开辟。Dreamweaver中的可视化编辑功能跟功能富强的编码情况，使差别档次的网页制造者都能拥有愈加完美的Web创作休会。
与Dreamweaver前面的版本相比，Dreamweaver CS3包含有一个簇新、高效的任务情况，且功能也掉掉落了较大的改进。
第一节 Dreamweaver CS3任务情况
1、开端页
运转【开端】| 【顺序】| 【Adobe】| 【Adobe Dreamweaver CS3】顺序，启动Dreamweaver软件，因为是初次启动Dreamweaver，会呈现一个【默许编辑器】对话框，如图2-1所示。在这个对话框中可能设置哪些文件范例默许用Dreamweaver打开停止编辑。
单击【断定】按钮后，开端初始化操纵。实现初始化后，屏幕上呈现一个“Adobe Dreamweaver CS3”窗口，如图2-2所示。
在此窗口中表现一个开端页，在其中可能疾速地抉择以何种方法来利用Dreamweaver软件。比方打开近来利用过的文件或已有文件；或是创建某一范例新文件；或是从模板创建文件等。
专家点拨：假如要暗藏“开端页”，可能单击抉择“不再表现”复选框，然后在弹出的对话框单击【断定】按钮。如许下次再启动Dreamweaver软件时，就不再表现开端页。假如要再次表现开端页，可能经由过程抉择【编辑】|【首选参数】命令，打开“首选参数”对话框，然后在“惯例”类别下的“文档选项”中勾选“表现欢送屏幕”复选框即可。
2、Dreamweaver软件界面
在“开端页”中，单击【新建】列表中的【HTML】项，打开Dreamweaver软件窗口，如图2-3所示。Dreamweaver CS3软件窗口重要由5部分构成，分辨是菜单栏、东西栏、【属性】面板、面板组跟文档编辑区。
3、自定义软件界面
针对差其余用户须要，Dreamweaver CS3供给了多种预定义的界面打算。比方，抉择【窗口】|【任务区规划】|【编码器】命令，这种界面比较合适习气编写代码的用户利用，如图2-9所示。
专家点拨：假如想前去到默许的计划器界面，可能抉择【窗口】|【任务区规划】|【计划器】命令即可。
假如用户本人对界面停止了自定义，并且盼望本人的界面定义可能保存上去，可能抉择【窗口】|【任务区规划】|【保存以后】命令，在弹出的【保存任务区规划】对话框中设置【称号】为“我的界面规划”，然后单击【断定】按钮，如图2-10所示。
4、Dreamweaver的视图形式
【文档】东西栏位于新建或许打开的网页文档上方，如图2-11所示。这个东西栏重要由3个部分构成，最左边的3个按钮用来切换视图形式；旁边的文本框表现页面标题，可能直接输入文字停止编辑；最左边是一些常用的文件管理功能，比方文件兼容性检查、预览网页以及上传下载等。
在【文档】东西栏中单击【代码】按钮，可能切换到代码视图形式，编辑区将表现页面的HTML代码，如图2-12所示。
专家点拨：在代码视图中，可能直接输入网页代码，或许利用Dreamweaver供给的代码东西编辑网页代码。
在【文档】东西栏中单击【计划】按钮，可能切换到计划视图形式，编辑区将表现网页的预览后果，如图2-13所示。
专家点拨：在计划视图中，以所见即所得的方法编辑网页。制造者只有利用Dreamweaver供给的计划东西直接拔出跟编辑网页中的元素，体系会主动生成HTML代码。
在【文档】东西栏中单击【拆分】按钮，可能切换到拆分视图形式，编辑区将会分红两个部分，上半部分表现代码，下半部分表现网页在浏览器中的预览后果，如图2-14所示。
第二节 树破当地站点
在制造网页之前，必须先树破当地站点，这对创建跟保护网站是至关重要的。树破当地站点就是在本人电脑硬盘上树破一个目录，然后将全部与制造网页相干的文件都存放在表面，以便停止网页的制造跟管理。因此，站点可能懂得成同属于一个Web主题的全部文件的存储地点。
1、创建站点目录
站点目录构造的好坏，浏览者并不太大的感到，但是对站点本身的上传跟保护，内容的更新跟挪动就有较大的影响。因此，在树破站点目录时，应当留神以下多少点：
不要将全部的文件都存放在根目录下，如许不轻易混淆，易于管理跟上传。
按照文件的范例树破差其余子目录。
目录的档次不克不及太深。
目录命令要得当，不克不及利用中文或许过长的目录名。
2、在Dreamweaver中定义站点
下面在Dreamweaver CS3中一步步实现站点的定义。
（1）抉择【站点】|【新建站点】命令，在弹出的导游对话框中，为网站设置称号为samples_web，如图2-16所示，设置实现后单击【下一步】按钮。下面的【你的站点的HTTP地点（URL）是什么？】临时不要设置，因为现在只是停止站点的当地测试，前面须要利用效劳器技巧时再回首来修改这些设置。
专家点拨：网站的文件夹称号及文件称号，可能选用轻易懂得网页内容的英文名（或拼音），最好不要利用大写或中文。这是因为很多网站利用Unix操纵体系，该操纵体系对大小写敏感，且不克不及辨认中文文件名。
（2）在导游的第二步中抉择【否，我不想利用效劳器技巧】单选按钮，然后单击【下一步】按奥鹏大工答案请进：opzy.net或请联系微信：1095258436
钮，如图2-17所示。
（3）在导游的第三步中单击【你将把文件存储在打算机上的什么地位】右侧的文件夹图标，在弹出的【抉择站点samples的当地根文件夹】对话框中抉择“G:\samples”，然后单击【抉择】按钮前去导游窗口，如图2-18所示。单击【下一步】按钮。
（4）在导游的这个步调中，开展【你怎样连接到远程效劳器？】下拉列表，在其中抉择【无】，如图2-19所示。实现设置后，单击【下一步】按钮。
（5）导游的最后一步将会展示站点的相干设相信息，验证无误后直接单击【实现】按钮，如图2-20所示。
（6）站点定义实现后，可能看到【文件】面板中列出了站点中的目录构造，如图2-21所示。假如【文件】面板不表现在窗口中，可能抉择【窗口】|【文件】命令将其表现出来。
专家点拨：以上操纵步调仅仅介绍了定义站点导游供给的最基本设置，另有很多设置涉及到效劳器技巧的选用，以及利用Dreamweaver开动员态网站时开辟言语的抉择等。因为跟本书内容关联不大，所以这里不再赘述。
例题
Dreamweaver是一款专业的HTML编辑器（）。
2、在代码视图中，可能直接输入网页代码，或许利用Dreamweaver供给的代码东西编辑网页代码。（）。
答案
对
对
