Dreamweaver 设置网页属性.docx

资源ID：4884040 资源大小：820.95KB 全文页数：12页
资源格式： DOCX 下载积分：15金币

快捷下载

会员登录下载

三方登录下载：

下载资源需要15金币

邮箱/手机：
温馨提示：	用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）
支付方式：
验证码：	换一换

加入VIP免费专享

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

友情提示

1、下载资料失败解决办法

2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。

3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。

4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。

网站客服

侵权投诉

Dreamweaver 设置网页属性.docx

实验3 设置网页属性实验要求通过实验，掌握设置网页属性和插入文件投标签的方法；了解网页属性和文件头标签对网页制作的意义。说明网页属性是新建文档时首先需要设计的。它可以确定字体、大小、链接、标题、编码等整体网页风格。在网页属性中的设置会自动生成样式代码。对应知识点:设置网页属性定义网页的文件头内容实验素材*实验2中创建的HTML网页。>>>实验步骤1.启动Dreamweaver MX 2004程序，选择菜单“文件”“打开”命令，在“打开” 对话框中选择实验2中完成的“page.htm”网页，打开此文件。如图3-1所示。2.选择菜单“文件”“另存为”命令，打开“另存为”对话框，选择文件保存路径，恩"'编辑框内输入文件保存朝“page03”。如图3-2所示。说明在这里使用“另存为”命令，相当于复制了一个文件。原来的page.html依然保存在以前的路径中。在网页制作过程中，如果想继续保持原来的网页风格，属性设置，文本内容等，经常会用到“保存为”命令。图3-1打开page.htm文件图3-2另存文件为page03.html3. 单机“保存”按钮，此时文件page.htm变为page03.html。下面在新复制的文件上进行网页属性的设置。4. 在属性面板中，单机“页面属性”按钮按钮，或选择菜单“修改”“页面属性”命令，打开“页面属性”对话框。如图3-3所示。12?说明使用“页面属性”对话框，指定布局和格式设置属性。在“页面属性” 对话框中可以指定页面的默认字体和字体大小、背景颜色、编距、链接样式及页面设计的许多其他方面。用户可以为每个新页面制定页面属性，也可以修改现有页面的属性。5. 在“分类”列表中选择“外观”选项，右侧显示外观的编辑区域。在“大小”下拉列表内选择“14”，在后面的单位列表中选择“像素（px） ”。此时网页中的文字大小被设置为14像素。6. 单机“文本颜色”按钮，打开调色板，使用吸管工具选择颜色。如图3-4所示。在“文本颜色”编辑框内显示的是所选颜色的色标值。外观分类页面字体史）：默认字体大小：文本颜色也）：口匚背景颜色但）：口匚背景图像（X）：匚重复值）：I -I乂左边距（M）： |像素（px） y|右边距：上边距（1）： |像索S）国|下边距）：图3-3 “页面属性”对话框图图3-4在调色板中吸取文本颜色0说明如果知道所需颜色的色标值，也可直接在“文本颜色”编辑框内输入该值。在调色板中单击 “系统颜色拾取器”按钮按钮。可以在“颜色”对话框中选择更多颜色。如图3-5所示。7. 在“背景颜色“编辑框中输入颜色标值#E1F7FF, 设置背景颜色为浅颜色。8. 单击“背景图像”编辑框右侧的“浏览”按钮，打开图3-5系统颜色拾取器具“选择图像源文件”对话框。在对话框内选择要设置为背景图像的图像，单击“确定”按钮。如图3-6所示。背景图像的路径和文件名显示将在编辑框内。说明如果背景图像没有填满整个窗口，Dreamweaver会平铺（重复）背景图像，就像浏览器所做的那样。（要防止背景图像平铺，可使用层叠样式表。）在“页面属性”中，如果即设置了背景颜色，又设置了背景图像，那么，当浏览网页时，用户看到的网页将只显示“背景图像”。但是，如果设置的背景图像具有透明属性，则在背景图像透明的区域显示出背景颜色。9 .设置左边距、右边距、上边距和下边距分别为20像素，表示网页中的内容与浏览器边框的距离为20像素。以上内容设置完后，“页面属性”对话框如图3-7所示。图3-6“选择图像源文件”对话框图3-7 “页面属性”对话框中“外观”区域的设置10. 选择“分类”列表中的“链接”命令，右侧切换到“链接”区域。在其中设置链接文件的相关属性。在“链接颜色”和“已访问链接”编辑框内输入色标值帝F0000，在“变换图像链接”编辑框内输入色标值#003399。11. 在“下划线样式”下拉列表中选择“仅在变换图像时显示下划线”命令。“页面属性”府框如图3-8所示。说明在页面属性中“链接字体”和“大小”通常使用默认设置，链接文字状态将继承在“外观”中的字体和大小的设置。12. 选择“分类”列表中的“标题编码”命令，右侧切换到“标题编码呕域。在“标题”编辑框内输入其网页在标题栏显示的标题名称，这里我们输入文字“系统集成”；在“编码”下拉列表中选择“简体中文（GB2312） ”选项。如图3-9所示。囱说明在“编码”下拉列表中，有各种不同语言或版本的编码选项，根图3-8 “页面属性”对话框中“链接”区域的设置图3-9 “页面属性”对话框中“标题和编码”区域的设置据制作网页所用语言选择相应的编码。如，繁体中文（Big5），日文，韩文等，英文网页选项“西欧”选项。13. 单击“确定”按钮，返回网页编辑区，看到网页效果如图3-10所示。囱说明网页标题栏袁兰显示的“无标题文档”，现在显示为“系统集成”。背景平铺了的背景图像。14. 下面制作“下一页”的文字，才可以查看到链接效果。把光标定位在文本主体内容的结尾处，按Enter键换行。在属性面板中单击“右对齐”按钮按钮，输入文字“下一页”。15 .拖动鼠标选项中“下一页”文字，在属性面板“链接”编辑框内输入“ #”，制作无址链接。此时文字由原来的黑色显示为红色。如图3-11所示。图3-10 “页面属性”设置后的网页效果图3-11制作“下一页”文字链接16. 在网页编辑框口中，不能看到鼠标经过时链接文字的显示效果。要查看效果，可按Ctrl+S快捷键保存网页，然后按F12键，打开IE浏览器窗口查看链接文字的状态。如图 3-12所示。17. 返回Dreamweaver编辑窗口，选择“插入” “HTML”“文件头标签”“关键字厂命令。在打开的“关键字”对话框中输入“系统集成，网络，方案”等关键字。如图 3-13所示。18. 单机“确定”按钮，返回网页编辑窗口。按文档面板的“拆分”按钮按钮，切换到代码视图和设计模式。在<head>. </head >代码之间显示了关键字代码：<meta name= " keywords”content "系统集成，网络，方案”图3-12鼠标经过时又子显示效果说明在“关键字”对话框中输入的网页内容相关的“关键字”，可以提升在搜索引擎中查找网页的准确率，并提高访问量。19. 选择“插入”“文件头标签” f “刷新”命令，打开“刷新“对话框。在对话框“延迟”编辑框内输入10,表示每10秒钟刷新一次网页。在“操作”区选择“刷新此文档”单选钮。如图3-14所示。20. 单击“确定”按钮，在代码编辑窗口<head>.</head>代码之间显示了刷新代码：<meta http-equiv= " refresh " content= " 10 " >。如图 3-15 所示。说明“刷新”功能常用在BBS或聊天室中，或在一些经常更新的网页中也会用到。它使网页浏览者可以随时看到网页更新的内容。在“刷新”对话框中“转到URL”命令，可以实现页面跳动的功能。当估计用户应该阅读完此网页内容后，自动跳转到其他网页。这项功能对于网页内容比较少的广告类页面使用的较多。单击编辑框右侧的“浏览”按钮，可以选择跳转到的网页，或直接输入URL网址。图3-13“关键字”对话框图3-14 “刷新”对话框21.单击“设计”按钮按钮，返回设计视图模式。选择菜单“文件”一 “保存”命令或按Ctrl+S键，保存网页。22.按F12键，自动弹出浏览器窗口查看网页效果，如图3-16所示。图3-16 在浏览器中查看网页实验作业模仿1. 打开试验2中制作完成的网页page.htm，另存为page03.html。2. 在“页面属性”对话框中，设置网页的字体大小、背景颜色、文本颜色、背景图像，以及上、下、左、右的边距。3. 在“页面属性”对话框中，设置文本链接的状态。4。在“页面属性”对话框中，设置网页标题和编码。5。编辑文件头标签，设置网页“关键字”标签。6。设置网页“刷新”标签。创作1. 创建一个新网页，编辑自己感兴趣的一段文字。2. 根据文本的内容，在“页面属性”对话框中，设置网页的字体大小、背景颜色、文本颜色、背景图像等内容。3. 在“页面属性”对话框中，设置文本链接和标题/编码。4. 根据文本内容，设置网页“关键字”标签。5. 设置网页“刷新”标签，并使网页自动跳转到其他网页。6. 在本书配套光盘exp2-3site03文件夹中有一些网页，可模仿或根据内容重新创建自己的网页。如图3-17和图3-18所示。图3-18设置网页属性

注意事项

本文（Dreamweaver 设置网页属性.docx）为本站会员（小飞机）主动上传，三一办公仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。若此文所含内容侵犯了您的版权或隐私，请立即通知三一办公（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。