第四章制作简单网页.pptVIP

第四章 制作简单网页 新建网页 常规文档 在Dreamweaver中选择菜单命令“文件”|“新建”此时将打开“新建文档”对话框。 常规文档 “新建文档”对话框包括了2个选项卡：“常规”和“模板”。“常规”使用户可以创建新的空白页或使用预定义的页；“模板”使用户可以基于任何已定义站点中的模板创建新文档。 在“常规”选项卡中，左侧“类别”列表框中列出常见的文件类型，主要包括7类。 基本页 动态页 模板页 其他 CSS样式表 框架集 页面设计 创建文件、保存文件与关闭文件 在“常规”选项卡上选择“基本页”，然后在中间的“基本页”列表中选择“HTML”，单击“创建”按钮后将在“文档”窗口中打开一个空白网页。 完成对网页的编辑后，需要将其保存到站点中。选择菜单命令“文件”|“保存”，打开“另存为”对话框。在对话框中设置文件的存储路径和名称，如果预先定义了站点，单击“保存”按钮后文件将默认保存在本地站点的根文件夹中。 选择菜单“文件”|“关闭”，就可以关闭网页编辑窗口了。 设置文件头 HTML头部信息(head)里包含关于当前网页的信息。头部信息(head)里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。 另外，搜索引擎如google、yahoo、baidu等也会查找网页中的head信息。为了让搜索引擎能够收录自己编制的网页，用户需要填写适当的head信息。 设置网页标题(title) 在“文档”工具栏的“标题”文本框中输入页面标题，该标题将显示在浏览器窗口的标题栏中。 设置链接(link) 使用链接可以建立当前网页和外部文件的链接，常用的是对CSS外部样式表的链接。 在“插入”工具栏上选择“HTML”类别，单击“文件头”按钮，在下拉菜单中选择“链接”命令，弹出“链接”对话框。 设置meta属性 在HTML中，meta标记是记录有关当前页面的信息（如字符编码、作者、版权信息或关键字）的head元素。这些标签也可以用来向服务器提供信息，如页面的失效日期、刷新间隔和PICS等级。 在“插入”工具栏上选择“HTML”类别，单击“文件头”按钮，在下拉菜单中选择“META”命令，弹出“META”对话框。 设置meta属性 属性：指定meta标记是否包含有关页面的描述性信息 (name) 或http标题信息 (http-equiv)。 值：指定用户在该标记中提供的信息类型。 内容：实际的信息。 设置meta属性—关键字 在“插入”工具栏上选择“HTML”类别，单击“文件头”按钮，在下拉菜单中选择“关键字”命令，弹出“关键字”对话框。 设置meta属性—描述 设置meta属性—网页格式与编码 使用文本 输入/导入文本 格式化文本 主要通过“属性”面板来完成文本的格式设置。 使用图像 插入flash对象 插入Flash按钮 插入Flash文本 插入Flash动画 插入Flashpaper 插入Flash元素 插入视频 选择“插入”|“媒体”|“插件”，在弹出的“选择文件”对话框中选择要插入的视频文件，然后单击“确定”按钮。 选中插入的视频文件，在“属性”面板上设置其属性。 插入Java Applet 用CSS样式设定网页属性 选择“修改”|“页面属性”，打开“页面属性”对话框，在“分类”列表中选择不同的属性类别，然后进行相应的属性设置。 用HTML定义网页属性 地址和链接 文件地址 绝对地址 直接指明文件所在盘符和具体位置的完整路径。 例如：a href=d:/localsite/cate.htm美食/a 相对地址 文件相对地址 描述某个文件相对于当前文件的具体位置的路径。 例如：a href=../cate.htm美食/a 根目录相对地址 描述某个文件相对于站点根目录的具体位置的路径。 例如：a href=/cate.htm美食/a 地址和链接 超级链接 内部链接 链接目标是站点内部的文件 例如： a href=../default.htm首页/a 外部链接 链接目标是站点外部的文件 例如： a href=/index.htm 新浪 /a 添加链接 添加外部链接 选择“插入”|“超级链接”，弹出“超级链接”对话框，在对话框中设置链接文本、链接网址和目标窗口。 添加链接 添加外部链接 也可以选择页面上的文本或图像，在“属性”面板上设置链接的各项属性。 添加链接 添加内部链接 选择文件的方式 选择“插入”|“超级链接”，弹出“超级链接”对话框，在对话框中输入链接文本，选择要链接的站点文件，选择文件显示的目标窗口。 添加链接 添加内部链接 拖动“指向文件”图标的