《Dreamweaver网页制作简明教程(8.0版)》第2章.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,第,2,章,Dreamweaver,8,入门,熟悉,Dreamweaver,8,工作界面,网站创建与管理,基本页面属性设置,2.1,熟悉,Dreamweaver,8,工作界面,启动,Dreamweaver,8,后，在起始页的“创建新项目”列中单击第一项“,HTML”,，将会创建一个“,.html”,格式的新文档，并进入,Dreamweaver,8,工作界面。,2.1.1,标题栏和菜单栏,标题栏上显示软件名称、文档标题和程序窗口控制按钮（“最小化窗口”按钮 、“最大化窗口”按钮 和“关闭窗口”按钮 ）。,菜单栏中几乎集中了,Dreamweaver,的全部操作命令，利用这些命令可以编辑网页、管理站点以及设置操作界面等。,2.1.2 “,插入”栏,“,插入”栏包含各种类型的对象按钮（如图像、表格和层等），通过单击这些按钮，可将相应的对象插入到文档中。,2.1.3,文档标签与“文档”工具栏,文档标签显示了网页文档名称；“文档”工具栏用于切换网页视图，设置网页标题，检查浏览器支持等。,2.1.4,状态栏,状态栏位于文档编辑窗口底部，它提供了与当前文档相关的一些信息。,课堂练习,1,利用状态栏中标签选择单元格,在制作网页时，往往会使用一些像素值非常小的图片作为装饰，而要选中这些小图片或小图片所在的单元格就有些困难了，本节我们就来看看如何利用,“,标签选择器,”,来选中这些小单元格。,2.1.5,属性面板与面板组,在,Dreamweaver,中，大多数操作都是通过面板实现的。,“属性”面板位于文档窗口的下方，主要用于查看或编辑所选对象的属性。,除“属性”面板外，,Dreamweaver,8,还提供了众多面板，如“文件”面板、“历史记录”面板等。,如要打开或关闭某个面板，可单击“窗口”菜单下的相应选项。,课堂练习,2,面板基本操作,在了解了面板的种类和作用后，本节来看看如何打开新的面板、隐藏面板，以及完全关闭面板等。,2.2,网站创建与管理,2.2.1,确定站点目录结构,为便于以后管理和维护网站，在开始创建网页之前，最好先确定站点的目录结构。它主要包括两项任务，一是在本地磁盘上创建用来保存网站内容（包括网页文件和图像、动画等）的文件夹，该文件夹被称为站点根文件夹；为便于管理站点中的内容，还要根据网站栏目结构图在站点文件夹中创建若干子文件夹，以存放不同类型的文件。,课堂练习,3,在,Dreamweaver,中定义,“lily,”站点,为便于管理和编辑站点，在创建网页之前，首先要在,Dreamweaver,中定义站点。定义站点可以将本地磁盘中的站点同,Dreamweaver,建立一定的关联，可以使用,Dreamweaver,上传或下载站点内容。,2.2.2,网页文档基本操作,1,新建文档,Dreamweaver,中的文档也就是网页，创建新网页的方法有多种，下面使用,“,文件,”,菜单创建网页。,选择,“,文件,”,“,新建,”,菜单，打开,“,新建文档,”,对话框。,2,保存文档,新建或编辑网页文档后，需要保存文档，才能使所做的设置生效。,选择,“,文件,”,“,保存,”,菜单，弹出,“,另存为,”,对话框,选择保存位置,输入文件名,单击,“,保存,”,按钮,3,预览文档,对网页进行编辑或修改后，可在浏览器中预览其效果。,打开文档后，单击文档工具栏中的 按钮，在弹出的菜单中选择,“,预览在,IExplore,6.0,”,菜单项,4,打开和关闭文档,如果要打开某站点中现有的网页文档，可以选择“文件”,“,打开”菜单，在弹出的“打开”对话框中选择要打开的文件，然后单击“打开”按钮。,选择目标文件所在文件夹,关闭文件的操作相当简单，只需单击相应文件右上方的,“,关闭,”,按钮 。,单击选择文件,单击,“,打开,”,按钮,课堂练习,4,利用“文件”面板创建网页,使用“文件”面板，可以非常方便地管理站点和站点中的文件。本节看一下在“文件”面板中创建和命名文档的方法。,2.2.3,网页文档与文件夹命名规则,为便于日后的维护和管理，网站中所有文件和文件夹的命名最好遵循一定的规则。首先，静态的首页文件一般命名为“,index.html,”,或“,index.htm,”,。如果是包含程序代码的动态页面，比如,ASP,文件，则命名为“,index.asp,”,。总之，后缀名与网页本身所使用的技术是对应的。,2.3,基本页面属性设置,2.3.1,指定网页文档标题和边距,在浏览网页时，可以看到浏览器上端都会有表示网页特征或欢迎词之类的标题。另外，一般网页的上、下、左、右边距均为,0,，它们是如何设置的呢？下面以,“,lily,”,网站中的,“,index.html,”,为例，来看看具体设置方法。,2.3.2,指定网页背景颜色和背景图像,指定网页背景颜色的方法非常简单，只需在“页面属性”对话框中单击“背景颜色”后的颜色按钮，然后在弹出的调色板中单击选择相应颜色就可以了。,如果用户喜欢的话，也可以将图像设置为网页背景。,2.3.3,为网页设置文本和链接属性,通过设置“页面属性”对话框中的“页面字体”、“大小”和“文本颜色”，可以设置网页中文本的属性。,另外，要设置链接文本的属性，可以在“页面属性”对话框左侧的分类列表中选择“链接”选项，然后在右侧设置各项参数。,课堂练习,5,为“,movie”,网页设置页面属性,通过前面的学习，相信大家对基本页面属性的设置已经有了个大概的认识。本节通过编辑“,movie”,网页，来使读者进一步掌握网页页面属性的设置方法。,设置页面属性前后效果对比,