2.3 网页的基本操作 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（机械工业出版社）

网页设计与制作 第二章 站点的搭建与管理 本章通过介绍Dreamweaver CS5.5站点创建、站点管理、创建页面、页面属性设置等知识点，让读者对使用Dreamweaver CS5.5进行网页设计时有一个基本的了解。 2.3 网页的基本操作 2.3.1 新建网页 1. 如果Dreamweaver CS5.5运行后显示起始页，则在起始页中直接选择“新建HTML文档”。 2.3 网页的基本操作 2.3.1 新建网页 2. 如果Dreamweaver CS5.5已运行后不显示起始页，则在“文件”菜单选择“新建”命令，打开“新建文档”对话框。在“页面类型”列表框中选择“HTML”选项，即创建了一个新的文档。 2.3 网页的基本操作 2.3.2 保存网页 1. 新建一个文件后，选择菜单“文件”中的“保存”命令，将打开“另存为”对话框。 2. 在文档窗口中，也可以直接按Ctrl+S组合键，打开“另存为”对话框进行网页文件的保存。 2.3 网页的基本操作 2.3.3 打开与关闭网页 1.启动Dreamweaver CS5.5程序，在起始页面中显示了最近编辑过的文件，点击目标文件，即可打开。 2.3 网页的基本操作 2.3.3 打开与关闭网页 2. 选择“文件”菜单中“打开”命令，出现“打开”对话框。在“查找范围”下拉列表框中选定要打开文档所在的位置，在“文件名”文本框中输入要打开的文件名或直接在上方的列表框中选中要打开的文件，单击“打开”按钮即可完成文档的打开。 2.3 网页的基本操作 2.3.3 打开与关闭网页 3. 在文档窗口中，也可以直接按Ctrl+O组合键，出现“打开”对话框。 4. 通过“文件”面板打开文档。在“文件”面板中找到相应的文档，双击即可打开。 2.3 网页的基本操作 2.3.3 打开与关闭网页 5. 选择“文件”菜单中“退出”命令，或者单击Dreamweaver CS5.5窗口右上角上的“关闭”按钮，即可关闭网页，退出Dreamweaver CS5.5程序。 2.3 网页的基本操作 2.3.4 页面属性的设置 在正式开始制作网页前，需要对新建的页面进行一些必要的页面属性设置。在编辑窗口下选择“修改”菜单中的“页面属性”，或在工作区单击鼠标右键，在快捷菜单中选择“页面属性”，打开“页面属性”对话框。 2.3 网页的基本操作 2.3.4 页面属性的设置 “页面属性”对话框中的各选项含义： 1. 外观(CSS)：在该选项中可以设置页面的一些基本属性，并且将设置的页面相关属性自动生成为CSS样式表写在页面头部。 11 2.3 网页的基本操作 2.3.4 页面属性的设置 “页面属性”对话框中的各选项含义： 2. 外观(HTML)：该选项的设置与外观(CSS)的设置基本相同，唯一的区别是外观(HTML)设置的页面属性将会自动在页面主体标签<body>中添加相应的属性设置代码，而不会自动生成CSS样式。 12 2.3 网页的基本操作 2.3.4 页面属性的设置 “页面属性”对话框中的各选项含义： 3. 链接(CSS)：在该选项中可以设置一些与页面的链接效果有关的设置，在设置完成后，同样会将设置的页面相关属性自动生成为CSS样式表写在页面头部。 13 2.3 网页的基本操作 2.3.4 页面属性的设置 “页面属性”对话框中的各选项含义： 4. 标题(CSS)：在该选项中可以设置标题字体等属性。 14 2.3 网页的基本操作 2.3.4 页面属性的设置 “页面属性”对话框中的各选项含义： 5. 标题/编码：“标题”显示在浏览器的标题栏和状态栏中，当网页被收藏时，标题显示在收藏夹中。“编码”用来设置当前网页字体采用的编码种类。中国大陆地区一般默认编码为简体中文GB2312 。 15 2.3 网页的基本操作 2.3.4 页面属性的设置 “页面属性”对话框中的各选项含义： 6. 跟踪图像：进行网页制作时插入用作参考的图像文件，如网页效果图等。 16 小结 本章重点介绍了利用Dreamweaver CS5.5进行站点、页面等的创建和管理流程，为下一步网页制作打下良好的基础。 Thank You ! $