网页设计与制作试验参考指导书.docVIP

下载本文档

0
0
约9.32千字
约 19页
2021-03-06 发布于江苏
举报
版权申诉

网页设计与制作试验参考指导书.doc

1、本文档共19页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

网页设计和制作试验指导书黄石理工学院计算机学院二○○八年八月二十月目录试验一 HTML基础标志使用 4课时试验二 HTML表格、表单和框架标志使用 6课时试验三 CSS层叠样式表使用 4课时试验四网页图像处理和动画制作 6课时试验五使用Dreamweaver编辑网站 4课时试验六网站设计和制作 6课时试验一? ?HTML基础标志使用【试验目标】使学生掌握HTML基础标志使用方法掌握Dreamweaver 基础使用方法，并利用 Dreamweaver 工具制作一个比较完整网页。【试验器材】安装有Windows 98//xp；Dreamweaver MX，Flash MX，Fireworks MX；IE浏览器，NetScape浏览器，IIS5.0 等软件计算机。【试验内容】基础HTML标识符使用； Dreamweaver使用；当地站点创建；网页页面属性设置；【试验步骤】一、使用Windows操作系统自带记事本程序编写一个网页。要求窗体标题为“这是我第一个网页”，使用<title>********</title>。HTML文档由head和body两部分组成，使用<head>***</head>和<body>***</body>。用浏览器阅读时要看见4段文字，每段文字size分别是8、6、4、2，使用***，其中要求每段文字颜色不一样，分别为#00ffff、#882299、#ff0088、#55ccaa，使用*******，每段文字要求居中排列，使用******。编写完成后用HTML为文件扩展名存盘。使用浏览器浏览编写HTML文档。二、在Dreamweaver中建立当地站点 1、在Dreamweaver文档窗口中，依次单击“站点”菜单→“新建站点”命令或是在“站点”面板中单击“站点”菜单→“新建站点”命令，打开“站点定义”对话框。图所表示。选择“高级”选项卡建立站点(也能够按“基础”选项卡中向导进行操作，但不如用“高级”选项卡方便)。 “站点定义”对话框 2、管理当地站点选择“站点”面板“文件”菜单中对应命令，即可对选择文件进行编辑操作。比如，选择文件后，在“站点”面板中选择“文件”菜单中“打开”命令，则Dreamweaver在文档窗口中打开该文件(当然最简单方法是在站点中双击对应文件图标)。在对站点中文件或文件夹进行操作时，合理地使用右键快捷菜单能大大加紧操作速度。比如，在选中文件夹上单击鼠标右键，然后选择“新建文件夹”命令，能够在对应文件夹中新建一个文件夹。 3、编辑站点具体操作步骤以下：在站点面板中单击“站点名称”框右边下拉列表按钮，在下拉列表中选择“编辑站点”命令，打开“编辑站点”对话框，图所表示。 “编辑站点”对话框三、使用超级链接实现站内网页跳转。使用Dreamweaver建立一个Web站点，在站点内部新建5个HTML页面，分别为首页（index.html）、汽车（auto.html）房产（house.html）、运动(sport.html)、游戏（game.html）。要求在每个页面里分别添加对其它四个页面链接，确保用户能够在五个页面中正常跳转。切换到代码视图认真观察超链接标识使用方法，在浏览器中测试链接有效性。四、图像映射超链接选中网页中插入图片，打开属性控制面板，其面板左下角区域即用于设置图片映像区域。图所表示。属性控制面板热区设置工具选中图中绘制工具：矩形热区绘制工具圆形热区绘制工具多边形热区绘制工具，其中一个，就能够在图片上绘制热区了。当绘制完热区后，属性控制面板中显示出热区属性，在link栏内输入网址或网页文件名，或点击link栏右侧文件夹按钮，在打开对话框中选择一个网页文件作为链接地址。五、利用Dreamweaver为修改网页页面属性打开Dreamweaver，新建一个网页。打开页面属性面板，修改网页字体、文本颜色、和背景颜色，修改超级链接颜色和样式，添加网页标题，设置网页跟踪图像。预览修改后页面。【问题讨论】假如超链接对象不是某个文件，而是同一个文件中某个段落区域，该怎样编写HTML代码。怎样给网页添加水印效果。怎样给网站添加虚拟目录。试验二 ?