网页制作上机练习

网页制作上机练习

ID:6135998

大小:88.00 KB

页数:19页

时间:2018-01-04

网页制作上机练习_第1页
网页制作上机练习_第2页
网页制作上机练习_第3页
网页制作上机练习_第4页
网页制作上机练习_第5页
资源描述:

《网页制作上机练习》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、实验一使用Dreamweaver创建简单页面一、实验目的1、掌握HTML的基本结构2、熟悉Dreamweaver的工作环境3、掌握不同的视图下的操作及面板的使用4、会使用Dreamweaver创建、管理站点二、实验内容1、在Dreamweaver中创建一个站点(1)新建一个以自己学号或姓名拼音命名的文件夹(2)在Dreamweaver中新建站点,把站点设为新建的文件夹(3)观察创建站点前后的区别2、利用所学知识创建一个个人信息页面(1)新建一个HTML页面,添加标题为“个人简介”(2)利用文字、水平线、特殊符号、背景颜色、背景图片等制作简单的个人信息页面3、制作一个中转页面(1)制作一

2、个简单页面,添加标题和简单内容(2)通过设置标记,实现10秒后自动跳转到个人信息页面实验二超级链接与文本修饰一、实验目的1、掌握超级链接的不同创建方法2、了解锚点链接的作用,并会创建锚点链接3、熟悉文本的不同修饰方法二、实验内容1、创建“大话西游”页面(1)字体与背景颜色等自行设计,要求搭配合理(2)第一行右上角有“联系我们”,点击链接到dahuaxiyou@163.com(3)第二行为标题,居中显示(4)内容要求不使用空格或换行等,居中显示如下:曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间总痛苦的事莫过于此。……(5)下面有“下载”两字,

3、创建一个下载链接2、创建“我的影院”主页面(1)字体与背景颜色等自行设计,要求搭配合理(2)第一行为标题(3)第二行为影院分类,例如:欧美电影、港台电影、大陆电影、……等,格式为“标题1”,要求自左向右滚动显示,鼠标移动时停止滚动,移开时继续滚动(4)以下为电影名字,每个类型电影下都有相应的电影,要求每个名字单独一行,必须超过一屏;点击第二行的电影类型会自动跳转到下面相应的地方;同时港台电影中包括“大话西游”,点击它可以转到“大话西游”详细介绍页面。(5)右下角有“返回顶部”,要求点击它能够返回到页面的最上方。“#+命名锚记名称”实验三综合练习(一)一、实验目的1、复习前面所学的知识点

4、2、掌握在代码视图中使用标记及属性的相关方法3、掌握属性窗口的使用方法4、掌握IIS的设置方法二、实验内容1、根据所有知识设计两个相关的页面(1)字体与背景颜色等自行设计,要求搭配合理,且必须使用的是字体或页面标记的相关属性(2)两个页面通过超级链接关联,主页面内容设置必须合理(3)页面内容不作要求,可以使任何自己感兴趣的东西(4)主页面上必须有当前系统的日期(5)使用并体会段落符号与换行符号的区别(6)使用并体会预先格式化标记

的作用(7)使用并体会字幕标记的作用(8)必须使用并体会锚点链接的作用2、设置IIS(1)在控制面板的管理工

5、具里面打开并配置IIS(2)设置完成后,同学之间通过IP地址互相访问所作页面3、检查并测试大家对知识点的掌握程度实验四列表、图像及简单页面布局一、实验目的1、掌握三种列表的创建方法2、掌握图像的插入方法及图文混排的具体操作3、会创建简单的表格4、会使用框架来布局页面5、了解层并能够正确的使用它二、实验内容1、创建一个简单的个人简历页面(1)用项目列表组织简历,项目符号为实心方形;包含三项内容:基本资料、教育背景、技能水平(2)基本资料部分用表格设计,大致如下图所示,空白部分自己填入信息姓名性别插入照片出生年月政治面貌毕业院校所学专业联系方式(3)其余两部分可用编号列表设计2、创建一个地

6、图页面(1)使用画图工具画一个大致的中国地图,要求至少有两个地理位置,比如:湖北和自己家乡的位置等;也可用类似图片替代(2)点击不同的位置能连接到相应的页面,所链接页面可只有简单文字说明(3)图片右边添加对中国的简单文字说明,要求文字与图片上方对齐3、创建一个框架页面(1)创建一个框架页面,大致如下图所示;上面的文字是保存时的文件名,最外层页面名字统一命名为index.html;框架名称用括号内的名字Top.html(top)Left.html(left)Main.html(main)(2)框架top中添加“我的网页”,加粗居中(3)框架left中有两行文字,分别为“作者介绍”和“作品

7、介绍”(4)框架main中添加一张图片,在图片中间添加介绍性文字(5)为“作者介绍”和“作品介绍”分别添加超级链接,链接到1、2部分所完成的页面中;要求“作者介绍”是打开一个新的窗口;“作品介绍”在框架main中显示。实验五表格的美化及页面布局一、实验目的1、会对表格的美化2、能够使用表格进行页面布局二、实验内容1、美化表格(1)对实验四中的表格进行美化(2)要求表格的边框为紫色,且线条为1个象素的单条线;表格内部颜色为前灰色2、设计一个网站首

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。