Internet技术及其应用教程.ppt

图 8-16 8.2.2 编辑站点 站点管理窗口的界面一样有菜单栏和工具栏，还有“远端站点”窗口和“本地文件夹”窗口。工具栏按钮功能从左到右分别是：站点文件、站点地图显示、站点名字、与远程站点建立连接、刷新、下载、上传和帮助等，如图8-17所示。在这里，可以进行文件夹的创建、空文件的创建、更改文件名、检查连接情况等等。 图 8-17 8.3 建 立 主 页 8.3.1 建立主页 1 单击任务栏上的快捷启动面板中的“打开站点管理窗口”按钮，弹出如图8-18所示的窗口。 图 8-18 2 在站点管理窗口右边的本地文件夹文件列表框中右击鼠标，弹出快捷菜单。 3 单击快捷菜单中的“新建文件”命令，创建了一个“无标题.htm”的文件，将其改为“index.htm”，这个文件就是要编辑的主页。 4 为了方便以后管理站点上的文件，可以在本地文件夹中创建三个目录。在快捷菜单中单击“新建文件夹”命令，输入目录“html”后，按回车键。按上述方法，再建两个目录，目录名分别为“image”、“others”。将框架页保存在“html”文件夹里，把网页内的图像保存在“image”里，把网页中的其他插件保存在“others”里。用户可根据自己的需要再添加一些目录储存文件。 5 双击“index.htm”文件，进入编辑“index.htm”网页文件的窗口。在空白的窗口里，用户可以根据自己的灵感与创意，去编辑美化自己的网页。 6 在空白窗口中右击鼠标，弹出快捷菜单。单击快捷菜单中“页面设置”命令，弹出“页面属性”对话框，如图8-19所示。 7 “标题”框中键入此文件的标题，可以根据自己所设计的内容有针对性地命名标题，浏览器浏览此网页时，该标题显示在浏览器的标题栏上。 图 8-19 8 为网页背景加入图案。单击“背景图像”右侧的“浏览”按钮，弹出“选择图像源文件”对话框。在选择框内选择图像文件，后按“确定”按钮。如果图像文件不在站点的本地文件夹中，Dreamweaver 4会弹出提示对话框，单击“是”按钮，Dreamweaver 4弹出复制对话框，选择站点中的本地文件夹“image”保存，单击“确定”按钮后，系统会自动复制文件，并返回页面属性对话框。 9 文字是网页的灵魂，合适的文字属性会使网页更加吸引人。在更改字体时要注意使用的字体是否为系统缺省的字体，如果不是，而浏览者系统中没有安装该字体，浏览时会出现乱码的情况。 8.3.2 编辑网页页面内容 1 要在页面上插入图像,?可以在“对象面板”中单击“插入图像”按钮,?接着，在弹出的对话框中选择所需的图像文件，单击“确定”按钮。如果图像不在站点的本地文件夹中，Dreamweaver 4会弹出提示对话框,?可按提示的方法将图像拷贝到站点的文件夹“image”中。 2 单击插在页面上的图像，Dreamweaver 4系统在默认情况下会弹出图像属性面板，如果没有出现，则可以在“窗口”的菜单中选择“属性”命令。在此属性面板中，有图像的各项属性，用户可以在这里进行有针对性的修改。 3 和插入图像一样，在网页的编辑窗口中可以插入层、表格、动画等等，并且都一样有属性面板，大家要很好地使用属性面板，它可以使您事半功倍。 4 如果想在哪个对象上加上连接到别处的行为，也就是说在浏览网页时单击此对象，就可以跳转到别的页面上，可以在该对象的属性面板上的“连接”对话框中输入路径，或单击对话框右边的文件夹按钮选择连接的对象。 * 第8章 网页制作初步及网站的建立 第8章 网页制作初步及网站的建立 8.1 网页制作软件之—Dreamweaver 4的简介 8.2 定义站点 8.3 建立主页 8.4 网页的设计原则与标准 8.5 建立网站的一般步骤 8.6 网站的推广 8.1 网页制作软件之Dreamweaver 4的简介 图 8-1 1．菜单栏 主菜单中包括“文件”、“编辑”、“查看”、“插入”、“修改”、“文字”、“命令”、“站点管理”、“窗口”、“帮助”十个选项。 “文件”菜单里包含了对文件操作的各种命令。 “编辑”菜单里包含复制、粘贴、撤消和重做等命令。 “查看”菜单里包含查看不可见元素、标尺、网格和代码等网页设计组件命令。 “插入”菜单包含了插入图像、表格及其他组件的命令。 “修改”菜单包含了对网页中各种对象的修改工具。 “文字”菜单集合各种处理文字的工具。 “命令”菜单包含了对Dreamweaver 4设置修改的命令，如清理HTML、套用源格式、设置配色表、表格排序和格式化表格等命令。 “站点管理”菜单收集了站点设置和管理的工具。 “窗口”菜单集中了各种面板及文件窗口等命令。 “帮助”菜单包含了Dreamweaver 4的版本介绍、互动帮助