收藏 分享(赏)

站点的规划与创建.ppt

上传人:cjc2202537 文档编号:1040613 上传时间:2018-06-06 格式:PPT 页数:106 大小:4.52MB
下载 相关 举报
站点的规划与创建.ppt_第1页
第1页 / 共106页
站点的规划与创建.ppt_第2页
第2页 / 共106页
站点的规划与创建.ppt_第3页
第3页 / 共106页
站点的规划与创建.ppt_第4页
第4页 / 共106页
站点的规划与创建.ppt_第5页
第5页 / 共106页
点击查看更多>>
资源描述

1、第四课 站点的规划与创建,基础知识,站点的规划、站点的创建、站点和站点文件的编辑、页面设置的方法。,重点知识,站点的创建、站点和站点文件的编辑及页面设置的方法。,课堂讲解,规划站点创建站点基本结构站点地图的管理页面设置,规划站点,Macromedia Dreamweaver MX 2004的站点规划站点结构导航草图设计创建设计草图,在开始使用Dreamweaver之前,一般应该先建立一个Web站点,才能够进行以后的操作。因为如果不先建立一个站点,有很多效果是不能实现的。比如要建立一个与数据库连接的动态页面,必须先建立一个站点,否则将不能建立与数据库的连接,不能实现与数据库的动态交互,这个动态页

2、面也就不能称为动态页面了。 创建Web站点的第一步是规划。为了达到最佳效果,在创建任何Web站点页面之前,应对站点的结构进行设计和规划,接着配置Dreamweaver以使可以在站点的基本结构上正常工作。如果在Web服务器上已经建有一个站点,则可以使用Dreamweaver来编辑修改该站点。,Macromedia Dreamweaver MX 2004的站点,在Macromedia Dreamweaver MX 2004中提供了3类站点,即本地站点、远程站点和测试服务器文件夹。本地站点和远程站点使能够在本地磁盘和Web服务器之间传输文件,这使可以轻松管理Dreamweaver站点中的文件;而测试

3、服务器文件夹则用于动态页面的调试。,本地站点:本地站点是的工作目录,也就是存放网页的本地文件夹。Dreamweaver将该文件夹作为Web站点的“本地站点”,它可以放在本地计算机上,也可以放在网络服务器上。在制作一般网页时只建立本地站点即可。远程站点:远程站点是存储用于测试、生产、协作等文件的地方,具体是哪些文件取决于开发环境。Dreamweaver在“文件”面板中将该文件夹称为“远程站点”。一般远程文件夹位于运行Web服务器的计算机上。测试服务器文件夹:测试服务器文件夹是Dreamweaver处理动态页面的文件夹。Dreamweaver使用此文件夹生成动态内容并在工作时连接到数据库。主要在对

4、动态页面进行测试时使用。,规划站点结构,了解了Macromedia Dreamweaver MX 2004站点的相关知识后,接下来就应该对网站进行规划了。在确定了建站的目的和站点面向的服务对象及配置好站点的软硬件环境后,具体的工作重点就是组织站点的结构。 合理地组织站点结构,能加快对站点的设计,提高工作效率。创建一个大型网站时,如果将所有的网页都存储在一个目录下,当站点的规模越来越庞大时,管理起来就会变得很不容易。因此,应合理地使用文件夹管理文档。,通常,在制作站点时首先应在本地硬盘上创建一个文件夹,然后在制作站点过程中,将所有创建和编辑的文档都保存在该文件夹中。当准备发布站点时,将这些文件上

5、传到Web服务器上即可。如果在本地对站点作了修改,还要将其上传到Web站点上更新自己的站点。,归类站点内容 项目放置的位置本地站点与远程站点的统一,归类站点内容,首先需要整理一下自己站点页面的内容,然后对其进行分类。一般把相关的网页放在同一个文件夹中。例如想创建一个大型的关于网页制作方面的网站,网站包括网页教程、网页制作软件、网页素材库等栏目,则可把如“Dreamweaver教程”、“Flash教程”、“Frontpage教程”等页面放在“网页教程”栏目里,而把“特效软件”、“网页制作软件”、“动画制作软件”等页面放在“网页制作软件”栏目中。 采用这样的分类归纳以后,整个网站的层次一目然,使管

6、理维护更加方便容易。,项目放置的位置,站点中除了基本的网页文件外,通常还包括图像、动画、模板文件等许多资源,也应该对这些内容进行分类,并采用有效的方式进行存储,这样有利于更好的管理和使用资源。 在实际的制作过程中,有两种方法保存这些内容。一种方法是在整个站点中只建一个图像文件夹、一个模板文件夹、一个动画文件夹整个站点中的相应文件都保存在相应文件夹中,如图4-1所示。另外一种方法是在每个子栏目中分别建立各自的图像、动画、模板等文件夹,各栏目中的图像、动画、模板分别保存在各自栏目的文件夹中,如图4-2所示。,图4-1,图4-2,本地站点与远程站点的统一,为了便于对本地站点和远程站点的管理,应该将本

7、地站点和远程站点的结构统一,即保持结构一致。当做好网站并上传到远程站点时,就能清楚地知道远程站点的结构,而不需要上网查询。,导航草图设计,经过以上的规划分类后,就可以根据上面的设置画出一个导航草图,如图4-3所示。这样做的好处是在实际制作过程中可以轻松创建各种链接。如果网站很大,又没有导航草图,可能记不住各个页面的命名,从而使页面的链接工作变得艰难。,图4-3,创建设计草图,有了以上的规划设计后,可以将站点的样式和版面进行设计,制作出一个大致的草图。这样会节约大量的时间,对整个站点的风格统一也是大有裨益的。草图的设计方法很多,可以用Photoshop、Fireworks、CorlDRAW等图形

8、软件制作,制作出的图纸也不用很精确,有一个大致的模型就行。,创建站点基本结构,站点的创建 管理站点的使用 站点窗口的使用,站点的创建,在用Dreamweaver进行站点设计之前,必须先熟悉站点窗口。站点窗口的显示 站点的创建,站点窗口的显示,站点的创建和管理主要在站点窗口中进行。显示站点窗口的方法有如下两种。在窗口浮动面板组中,单击浮动面板组上的 按钮展开“文件”面板,如图4-4所示。再单击“站点”下拉列表,打开如图4-5所示的“站点”下拉列表。 选择窗口文件菜单命令,或按【F8】键在Dreamweaver MX 2004右侧的浮动面板组中打开“文件”面板。,站点的创建,站点的创建方法有多种。

9、下面介绍一种最适合初学者的方法,其他方法将在上机实战中讲解。具体操作如下。 (1)按上述方法打开如图4-4所示的“文件”面板。 (2)单击“文件”面板“站点”下拉列表中的“管理站点”项,如图4-5所示,打开如图4-6所示“管理站点”对话框。 (3)单击 按钮,打开如图4-7所示的菜单列表。,图4-4,图4-5,图4-6,图4-7,(4)在菜单列表中选择“站点”命令,在左侧的列表框中将显示“未命名站点 1”,并打开如图4-8所示的“未命名站点 1 的站点定义为”对话框。 (5)在“基本”选项卡中的文本框中输入要设置的站点名称,如“校园青春”,“未命名站点 1 的站点定义为”对话框变为如图4-9所

10、示的“校园青春 的站点定义为”对话框。 (6)单击 按钮进入“第2部分”对话框,系统询问是否要使用服务器技术,这里选中 单选项,如图4-10所示。,图4-8,图4-9,图4-10,图4-11,若选中 单选项,表示该站点是一个静态站点,没有动态页;若选中 单选项,则对话框变为如图4-11所示,在其下拉列表中可选择需要的选项。,(7)单击 按钮进入“第3部分”窗口,如图4-12所示。该窗口询问在开发过程中要如何使用创建的文件。这里选中 单选项。 (8)在下方的文本框中输入本地站点根目录的位置,也可以单击文本框后的 图标,打开如图4-13所示的对话框。 (9)在如图4-13所示对话框中选择本地站点网

11、页放置的位置,再单击 按钮,则打开如图4-14所示的对话框。,图4-12,图4-13,(10)单击 按钮进入“共享文件”对话框,如图4-15所示。在“您如何连接到远程服务器”下拉列表框中选择“本地/网络”选项。 (11)单击第二个文本框右侧的 图标,在打开的对话框中选择站点文件在服务器上放置的位置后进入如图4-16所示对话框。 (12)然后单击 按钮,进入“共享文件,2部分完成”对话框,如图4-17所示。 (13)选中 单选项,单击 按钮进入“总结”对话框,如图4-18所示。,图4-14,图4-15,图4-16,图4-17,(14)单击 按钮完成本地站点的设置。此时创建的站点显示在“管理站点”

12、对话框中,如图4-19所示。 (15)确定准确无误后,单击 按钮,新站点创建完毕并显示在“文件”面板中,如图4-20所示。,图4-18,图4-19,图4-20,管理站点的使用,利用Dreamweaver管理站点资源,可以先在本地计算机的磁盘上创建本地站点,从全局上控制站点结构,管理站点中的各种文档,并完成对文档的编辑。完成站点文档的编辑后,可以利用Dreamweaver将本地站点发送到远端Internet上的服务器中,创建真正的Web站点。,编辑本地站点 删除本地站点 编辑远程站点,编辑本地站点,在Dreamweaver中可以对本地站点进行打开、编辑、删除和复制等操作。具体操作如下。 (1)在

13、如图4-19所示的“管理站点”对话框左侧列表中选择要编辑的站点,如“校园青春”,然后单击 按钮,打开“校园青春 的站点定义为”对话框,如图4-21所示。,(2)单击“高级”选项卡,在“分类”列表框中选择“本地信息”选项,在右侧“本地信息”栏中进行具体的设置。各参数项的含义如下。站点名称:这是本地站点的标识,可以任意命名,只 要遵循Windows的命名规则即可,可以是中文,也可是英文,以方便识别为准则。 本地根文件夹:这是本地站点文件的保存位置。单击 按钮即可在打开的窗口中选择保存文件的路径。 (3)对对话框中各项目进行设置后,单击 按钮即可保存对所选本地站点的修改。,图4-21,删除本地站点,

14、如果不再需要利用Dreamweaver对某个站点进行操作,这时可以考虑将该站点从站点列表中删除,具体操作如下。 (1)在如图4-19所示的“管理站点”对话框左侧列表中选择要编辑的站点后单击 按钮。 (2)弹出一个警告对话框,如图4-22所示,提示执行本操作后将不能撤消。 (3)单击 按钮后返回到“管理站点”对话框,如图4-23所示。 (4)单击 按钮即完成删除所选站点的操作。,图4-22,图4-23,从“管理站点”列表中删除站点只是删除Dreamweaver同本地站点的连接关系,并没有从硬盘上删除本地站点,可以单击“管理站点”窗口中的 按钮进行恢复。,编辑远程站点,远程站点的编辑方法和本地站点

15、的编辑大致相同,具体操作如下。 (1)选择站点文件菜单命令或按【F8】键打开“文件”面板,在左侧“站点”下拉列表框中选择要编辑的站点名称,如“校园青春”,如图4-24所示。 (2)在右侧的“视图”下拉列表框中选择“远程视图”,如图4-25所示,如果还没有建立远程站点,则显示效果如图4-26所示。 (3)单击图4-26中的“定义远程站点”链接,打开如图4-27所示的对话框。,图4-25,图4-26,图4-24,(4)在如图4-27所示的对话框中单击“访问”下拉列表框,选中“本地/网络”选项,打开如图4-28所示的对话框。 (5)单击“远端文件夹”文本框右侧的 按钮,打开远程站点文件保存的路径选择

16、对话框,选择一个保存路径后返回到如图4-29所示的对话框中。 (6)单击 按钮即完成远程站点的编辑。 (7)在“文件”面板中单击 按钮后才能看到远程站点中的文件信息,如图4-30所示。,图4-28,图4-27,图4-30,图4-29,站点窗口的使用,使用站点窗口可以组织本地站点和远程站点上的文件,如创建新的HTML文档,查看、打开和移动文件,创建文件夹、删除项目等。同时,也可以使用站点窗口在本地站点和远程站点间传递文件,或使用站点地图放置站点导航条。打开站点窗口 认识站点窗口 设置站点参数 站点窗口中的文件操作,打开站点窗口,打开站点窗口的具体操作如下。 (1)选择站点文件菜单命令或按【F8】

17、键打开“文件”面板,如图4-31所示。 (2)在“文件”面板中单击“扩展/折叠”按钮 ,打开站点窗口,如图4-32所示。,图4-32,图4-31,认识站点窗口,默认情况下,远程站点或站点地图显示在站点窗口的左侧,而本地站点显示在右侧,如图4-32所示。可以通过设置站点参数来更改它们的显示方式。 使用站点窗口中的工具栏可以快速设置站点窗口的显示状态,也可以在本地站点和远程站点之间传递文件,站点窗口的工具栏如图4-33所示。,图4-33,站点窗口工具栏上各按钮的含义如下。 :单击“站点文件”按钮可在站点窗口中显示本地站点和远程站点的文件结构。默认情况下显示的是站点文件视图。 :单击“测试服务器”按

18、钮可在站点窗口左侧显示测试服务器的文件结构,且服务器文件夹以红色显示。 :单击“站点地图”按钮可以以图形化的方式查看站点结构,显示网页之间的链接关系。 :单击“连接到远端主机”按钮可以连接到远程站点。默认情况下,若Dreamweaver空闲时间超过30分钟就会自动断开与远程站点的连接(限于FTP)。 :单击“刷新”按钮可以刷新本地站点和远程站点的目录列表。,:单击“获取文件”按钮可以将远程站点中的文件复制到本地站点中。 :单击“上传文件”按钮可以将本地站点中的文件上传到远程站点中。 :单击“取出文件”按钮可以对从远程服务器向本地站点传递的文件作标记,以表明该文件是从服务器上获得的。 :单击“存

19、回文件”按钮后,从本地站点向远程服务器传递文件时可以被其他编辑,本地文件变为只读文件。 :单击“扩展/折叠”按钮可以将站点窗口折叠。如果要重新显示,则需单击“文件”面板中的按钮。,设置站点参数,通过设置站点参数可以自定义站点窗口的显示,具体操作如下。 (1)选择编辑首选参数菜单命令,打开如图4-34所示的“首选参数”对话框。 (2)在“分类”列表框中选择“站点”选项,打开如图4-35所示的对话框。 (3)在“总是显示”下拉列表框中选择总是显示的站点(本地文件或远端文件),在右侧的“于”下拉列表框中选择该站点在站点窗口中显示的位置(左或右)。,图4-35,图4-34,(4)在“相关文件”栏中设置

20、是否显示相关提示。选中 复选框则在下载或取出文件时将会打开提示信息;选中 复选框则上载或存回文件时将会打开提示信息。 (5)在“FTP连接”中设置使用FTP进行文件的操作后是否自动断开连接、空闲多长时间断开连接。选中 复选框,在其后的文本框中输入要断开的空闲时间,如“30”分钟。 (6)在“FTP作业超时”数值框中输入超时时间,用以设置Dreamweaver连接到服务器所用的时间。如果连接服务器超出所设置的时间,将会打开一个警告对话框,提示连接失败。 (7)设置完成后,单击 按钮保存设置即可。,站点窗口中的文件操作,站点窗口中直接对站点中的文件进行操作十分方便快捷,下面进行具体讲解。 查看站点

21、中的文件在站点中添加新文件夹和文件 重命名文件或文件夹 删除文件或文件夹,查看站点中的文件,查看站点中文件的具体操作如下。 (1)直接按【F8】键打开“文件”面板。 (2)在“站点”下拉列表框中选择要查看的站点。,(3)在“视图”下拉列表框中选择要查看的视图(即本地站点还是远程站点等)。 (4)在下面的显示框中单击相应的文件即可,如图4-36所示。,图4-36,在站点中添加新文件夹和文件,在站点中添加新文件夹和文件的具体操作如下。 (1)打开“文件”面板,选择要建立新文件夹或文件的根目录,如图4-37所示。 (2)在根目录图标上单击鼠标右键,在弹出的快捷菜单中选择“新建文件”或“新建文件夹”命

22、令,如图4-38所示。,图4-37,图4-38,(3)Dreamweaver会自动创建名为“untitled.htm”的新文件或名为“untitled”的文件夹,并自动设置为可改写状态,如图4-39所示。(4)直接输入新的名称即可,如“new.htm”,如图4-40所示。,图4-39,图4-40,重命名文件或文件夹,要重命名文件或文件夹,只需在“文件”面板中要重命名的文件或文件夹的名称上单击鼠标即可进入可改写状态,重新输入新的名称即可。 也可以在要重命名的文件或文件夹图标上单击鼠标右键,在弹出的快捷菜单中选择编辑重命名菜单命令也可进入可改写状态,重新输入新的名称即可。,还有一种方法就是先选中要

23、重命名的文件或文件夹,再按【F2】键,也可进入可改写状态,重新输入新的名称即可。,删除文件或文件夹,要删除文件或文件夹,首先选中它,然后按【Delete】键,在打开的确认对话框中单击 按钮即可。 也可以在要删除的文件或文件夹图标上单击鼠标右键,在弹出的快捷菜单中选择编辑删除菜单命令,在打开的确认对话框中单击 按钮确认删除即可。,站点地图的管理,在Dreamweaver MX 2004中,使用站点地图可以以图形化的方式查看并管理站点,并可显示站点中的链接关系,对于检查整个网站的链接关系是非常有用的。使用站点地图 站点地图中页面的使用,使用站点地图,在Dreamweaver MX 2004中,如果

24、想显示站点地图,必须在打开站点地图之前保证本站点定义了一个主页。该主页是站点地图的开始点。 定义站点地图布局 查看站点地图,定义站点地图布局,为了更好地显示站点地图,可以先对站点地图的布局进行设置,设置的具体操作如下。 (1)选择站点管理站点菜单命令,打开“管理站点”对话框。 (2)在打开的“管理站点”对话框中选择要编辑的站点,如“校园青春”站点,并单击右侧的 按钮。,(3)在打开的“校园青春的站点定义为”对话框的“分类”列表框中选择“站点地图布局”选项,打开如图4-41所示的对话框。 (4)在“主页”文本框中输入主页放置的位置,也可单击 按钮,在打开的对话框中选择主页文件放置的位置,如图4-

25、42所示。 (5)在“列数”数值框中输入数值以确定站点地图中每行显示的页数,在“列宽”文本框中输入数值以确定站点地图中列的宽度,如图4-42所示。,(6)在“图标标签”中选择站点地图中文件图标下方文字的类型,各选项的含义如下。 :选中该单选项,可以在文件图表下显示文件名称。 :选中该单选项,可以在文件图表下显示网页的标题。,(7)在“选项”中设置站点地图中显示的文件,如图4-42所示。 :选中该复选框,可以在站点地图中显示正常文件和隐藏文件,其中隐藏文件的名称和链接以斜体表示。 :选中该复选框,可以在站点地图中显示站点层次结构中的所有相关文件,其中相关文件包括浏览器加载主页时加载的图像和其他非

26、HTML内容。 (8)最后单击按钮保存设置即可。,图4-41 图4-42,查看站点地图,在Dreamweaver MX 2004“文件”面板的“视图”下拉列表框中选择“地图视图”或在“站点”窗口中单击“站点地图”按钮 ,从中选择适当选项都可以显示站点地图,如图4-43所示。 在站点地图中,网页文件和其他文件都是用图标方式显示的,而连接关系则显示了各对象之间的相互关系。,图4-43,站点地图中页面的使用,在站点地图中可以对站点中的所有页面进行各种操作,如选择页面、打开需要编辑的页面、向站点中添加新页面、创建页面链接和改变页面标题等。选择和打开页面 添加新页面 修改页面标题,选择和打开页面,在站点

27、地图中,直接单击要选择的页面图标即可选中页面,如果要选择多个页面,可以用鼠标框选,或按【Shift】键或【Ctrl】键再单击要选定的文件来实现多选。 要打开页面,双击要打开的页面图标即可,也可选择页面后再选择文件打开菜单命令来打开所需页面。另外,在页面图标上单击鼠标右键,在弹出的快捷菜单中选择“打开”命令也可以打开所需的页面。,添加新页面,通过站点地图,可以将已有的文件添加到站点地图中。下面将前面新建的文件“new.htm”添加到站点中,并与主页进行链接,具体操作如下。 (1)在站点地图窗口中选择要与新文件建立链接的页面,这里选择“index.html”(即主页)。 (2)单击鼠标右键,在弹出

28、的快捷菜单中选择“链接到已有文件”命令,如图4-44所示。,(3)此时会打开“选择HTML文件”对话框,在该对话框中选择要添加的文件,这里选择“new.htm”文件,如图4-45所示。 (4)单击 按钮,则“new.htm”文件被添加到了站点视图,并与主页进行了链接,如图4-46所示。,图4-44,图4-45,图4-46,修改页面标题,在站点地图中修改页面标题的具体操作如下。 (1)选择查看显示网页标题菜单命令,在站点地图中显示页面的标题,如图4-47所示。 (2)选中要修改标题的页面,选择文件重命名菜单命令,这时选中的页面标题变成可改写状态,如图4-48所示,重新输入新的标题名称即可。,图4

29、-47,图4-48,页面设置,学习了站点的建立并熟悉了站点的相关操作后,接下来在站点中建立一个页面,并设置该页面的属性,具体操作如下。 (1)在“文件”面板中双击“new.htm”文件,打开“new.htm”文档,如图4-49所示。 (2)选择修改页面属性菜单命令,打开“页面属性”对话框,如图4-50所示。 (3)在“分类”列表框中选择“外观”选项,在对话框右侧将显示“外观”项的参数设置,如图4-50所示。该栏中各参数含义如下。,图4-49,图4-50,页面字体:在该下拉列表框中可选择网页中需要的字体 大小:在该文本框中设置字的大小,也可单击 按钮,在弹出的下拉列表框中选择系统默认的字的大小。

30、 文本颜色:单击 按钮,在打开的颜色列表中选择需要的字的颜色。 背景颜色:单击 按钮,在弹出的颜色列表中选择需要的页面背景颜色。 背景图像:在该文本框中输入背景图片的路径,也可单击 按钮指定背景图片的路径。其方法如下。,单击 按钮打开如图4-51所示的对话框。在“查找范围”下拉列表中选择所需图片的位置,然后在文件列表中选择需要的图片,如选择“bg.jpg”文件,单击 按钮,打开如图4-52所示的提示对话框。,图4-51,图4-52,如果网页中需要的图片没有在站点文件中,则需要将图片文件保存在站点相应的文件夹中,否则页面可能显示不正常或在上传站点时不能将该图片上传,从而导致页面不能正常显示。,单

31、击 按钮,打开如图4-53所示的“复制文件为”对话框,并保存在站点中的“pic”文件夹中。 单击 按钮,添加的背景图片路径就会显示在文本框中,如图4-54所示。,图4-53,左边距:在该文本框中设置文本与浏览器左边界的距离。 右边距:在该文本框中设置文本与浏览器右边界的距离。 上边距:在该文本框中设置文本与浏览器上边界的距离。 下边距:在该文本框中设置文本与浏览器下边界的距离。 在边界设置的度量单位下拉列表框中可选择边界的单位,如“像素”。,图4-54,(4)在“分类”列表框中选择“链接”选项,右侧将显示“链接”的参数设置项,如图4-55所示。,图4-55,各参数的含义如下。链接字体:在该下拉

32、列表框中可选择网页中链接文本的字体,单击右侧的 和 按钮可设置链接文本的加粗和斜体格式。大小:在该文本框中设置链接文本的字体大小,也可单击 按钮,在弹出的下拉列表框中选择系统默认的字体大小。 链接颜色:设置链接文本的颜色 变换图像连接:设置滚动链接的颜色。 已访问链接:设置访问后的链接文本的颜色。 活动链接:设置正在访问的链接文本的颜色。 下划线样式:在该下拉列表中可设置链接对象的下划线情况。,(5)在“分类”列表框中选择“标题”选项,右侧将显示“标题”的参数设置项,如图4-56所示。,图4-56,各参数的含义如下。标题字体:在该下拉列表框中设置页面标题的字体。 标题1:在文本框中设置一级标题

33、的字体、大小和颜色。用同样的方法在“标题2-标题6”中分别设置2-6级标题的字体、大小和颜色。 (6)在“分类”列表框中选择“标题/编码”选项,右侧将显示“标题/编码”的参数设置项,如图4-57所示。 各参数的含义如下。标题:在该文本框中输入网页标题,该标题将出现在浏览器标题栏中。 编码:设置页面使用的字体编码类型。,图4-57,(7)在“分类”列表框中选择“跟踪图像”选项,右侧将显示“跟踪图像”的参数设置项,如图4-58所示。 各参数的含义如下。跟踪图像:指定用作拷贝设计时参考的图像。 透明度:确定跟踪图像的不透明度,从左到右表示从完全透明到完全不透明。 (8)设置完需要的选项后单击 按钮,

34、即可看到页面的变化,如图4-59所示。 (9)单击 按钮关闭“页面属性”对话框,对页面进行的属性设置将被应用到当前页面中。,图4-58,图4-59,上机实战,在本课的上机实战中,将学习另一种建立Web站点的方法,本实战将建立一个名为“看我多狂”的站点,并将本地站点保存在“E:crazy”文件夹下,远程站点保存在“F:crazy”文件夹下。具体操作如下。 (1)在Dreamweaver MX 2004工作窗口中,按【F8】键打开“文件”面板。,(2)在“文件”面板中单击右侧的 按钮,在弹出的菜单中选择站点新建站点菜单命令(如图4-60所示),打开“未命名站点 1 的站点定义为”对话框,如图4-6

35、1所示,在对话框“站点名称”文本框中输入“看我多狂”。 (3)单击“本地根文件夹”文本框后的 按钮,在打开的对话框中选择保存本地文件的位置(E:crazy)后返回,如图4-62所示。 (4)选择“分类”列表框中的“远程信息”选项,打开如图4-63所示的对话框。,图4-60,图4-61,图4-62,图4-63,(5)在“访问”栏后的下拉列表框中选择“本地/网络”选项,打开如图4-64所示的对话框。 (6)单击“远端文件夹”文本框后的 按钮,选择远程站点文件保存的位置(F:crazy)后返回到图4-64所示的对话框中。 (7)单击 按钮即可完成新站点的本地站点和远程站点的配置。“文件”面板中显示了

36、新建的站点,如图4-65所示。,图4-64,图4-65,课后练习,填空题判断题问答题上机操作题,填空题,(1)在Macromedia Dreamweaver MX 2004中提供了 、 和 3类站点。 (2)站点项目的放置方式有 种。 (3)站点窗口工具条上的 图标表示 按钮, 图标表示 按钮, 图标表示 按钮。,两,本地站点,测试服务器文件夹,扩展/折叠,获取文件,远程站点,站点文件,判断题,(1)本地站点的创建和管理主要在站点窗口中进行。 ( )(2)单击“取出文件”按钮 可以对从远程服务器向本地站点传递的文件作标记,以表明该文件是从服务器上获得的。 ( )(3)选择编辑页面属性菜单命令可打开“页面属性”对话框。 ( ),问答题,(1)简述在Dreamweaver MX 2004中创建站点的方法。(2)简述显示站点窗口的方法。(3)如何进行站点结构规划?,参考4.1.2节,参考4.1.1节,参考4.1.2节,上机操作题,(1)新建一个名为“myweb”的站点,并配置本地信息和远程信息。(2)在新站点中建立一个新的主页面,命名为“index.htm”,并设置页面属性。,参考4.1.2节中的第1部分,参考4.1.4节,

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 高等教育 > 教育学

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报