《网页制作上机练习》.docVIP

实验一 使用Dreamweaver创建简单页面 一、实验目的 1、掌握HTML的基本结构 2、熟悉Dreamweaver的工作环境 3、掌握不同的视图下的操作及面板的使用 4、会使用Dreamweaver创建、管理站点 二、实验内容 1、在Dreamweaver中创建一个站点 （1）新建一个以自己学号或姓名拼音命名的文件夹 （2）在Dreamweaver中新建站点，把站点设为新建的文件夹 （3）观察创建站点前后的区别 2、利用所学知识创建一个个人信息页面 （1）新建一个HTML页面，添加标题为“个人简介” （2）利用文字、水平线、特殊符号、背景颜色、背景图片等制作简单的个人信息页面 3、制作一个中转页面 （1）制作一个简单页面，添加标题和简单内容 （2）通过设置meta标记，实现10秒后自动跳转到个人信息页面 实验二 超级链接与文本修饰 一、实验目的 1、掌握超级链接的不同创建方法 2、了解锚点链接的作用，并会创建锚点链接 3、熟悉文本的不同修饰方法 二、实验内容 1、创建“大话西游”页面 （1）字体与背景颜色等自行设计，要求搭配合理 （2）第一行右上角有“联系我们”，点击链接到dahuaxiyou@163.com （3）第二行为标题，居中显示 （4）内容要求不使用空格或换行等，居中显示如下： 曾经 有一份真诚的爱情放在我面前， 我没有珍惜， 等我失去的时候我才后悔莫及， 人世间总痛苦的事莫过于此。 …… （5）下面有“下载”两字，创建一个下载链接 2、创建“我的影院”主页面 （1）字体与背景颜色等自行设计，要求搭配合理 （2）第一行为标题 （3）第二行为影院分类，例如：欧美电影、港台电影、大陆电影、……等，格式为“标题1”，要求自左向右滚动显示，鼠标移动时停止滚动，移开时继续滚动 （4）以下为电影名字，每个类型电影下都有相应的电影，要求每个名字单独一行，必须超过一屏；点击第二行的电影类型会自动跳转到下面相应的地方；同时港台电影中包括“大话西游”，点击它可以转到“大话西游”详细介绍页面。 （5）右下角有“返回顶部”，要求点击它能够返回到页面的最上方。 “#+命名锚记名称” 实验三 综合练习（一） 一、实验目的 1、复习前面所学的知识点 2、掌握在代码视图中使用标记及属性的相关方法 3、掌握属性窗口的使用方法 4、掌握IIS的设置方法 二、实验内容 1、根据所有知识设计两个相关的页面 （1）字体与背景颜色等自行设计，要求搭配合理，且必须使用的是字体font或页面body标记的相关属性 （2）两个页面通过超级链接关联，主页面内容设置必须合理 （3）页面内容不作要求，可以使任何自己感兴趣的东西 （4）主页面上必须有当前系统的日期 （5）使用并体会段落符号与换行符号的区别 （6）使用并体会预先格式化标记pre的作用 （7）使用并体会字幕标记marquee的作用 （8）必须使用并体会锚点链接的作用 2、设置IIS （1）在控制面板的管理工具里面打开并配置IIS （2）设置完成后，同学之间通过IP地址互相访问所作页面 3、检查并测试大家对知识点的掌握程度 实验四 列表、图像及简单页面布局 一、实验目的 1、掌握三种列表的创建方法 2、掌握图像的插入方法及图文混排的具体操作 3、会创建简单的表格 4、会使用框架来布局页面 5、了解层并能够正确的使用它 二、实验内容 1、创建一个简单的个人简历页面 （1）用项目列表组织简历，项目符号为实心方形；包含三项内容：基本资料、教育背景、技能水平 （2）基本资料部分用表格设计，大致如下图所示，空白部分自己填入信息 姓名 性别 插入照片 出生年月 政治面貌 毕业院校 所学专业 联系方式 （3）其余两部分可用编号列表设计 2、创建一个地图页面 （1）使用画图工具画一个大致的中国地图，要求至少有两个地理位置，比如：湖北和自己家乡的位置等；也可用类似图片替代 （2）点击不同的位置能连接到相应的页面，所链接页面可只有简单文字说明 （3）图片右边添加对中国的简单文字说明，要求文字与图片上方对齐 3、创建一个框架页面 （1）创建一个框架页面，大致如下图所示；上面的文字是保存时的文件名，最外层页面名字统一命名为index.html；框架名称用括号内的名字 Top.html（top） Left.html（left） Main.html（main） （2）框架top中添加“我的网页”，加粗居中 （3）框架left中有两行文字，分别为“作者介绍”和“作品介绍” （4）框架main中添加一张图片，在图片中间添加介绍性文字 （5）为“作者介绍”和“作品介绍”分别添加超级链接，链接到1、2部分所完成的页面中；要求“作者介绍”是打开一个新的窗口；“作品介绍”在框架main中显示。 实验五 表格的美化及页面布局