广州大学Web实验静态网页制作收集.pdfVIP

广州大学学生实验报告 开课学院及实验室：计算机科学与工程实验室 418 2016 年 4 月 30 日 计算机科学与 年级 /专业 学院 姓名 学号 教育软件学院 / 班 实验课 Web 实验 成绩 名称 实验项 指导老 静态网页制作实验 目名称 师 一、实验目的 1、HTML 基本标签的应用 2、列表和表格的设计 3、表单制作注册页面 4、多重框架和超连接 5、用 CSS 技术将一个 HTML 网页排版布局 二、实验内容 实验 1 HTML 基本标签的应用 设计一个“个人简历”的一个网页，包括基本情况 ,学习经历，工作经历，个人能力等 实验 2 列表和表格的设计 制作一个月消费表，包括生活方面，学习方面，休闲娱乐方面 利用表格设计一个网页（如网上书店等）的页面结构 实验 3 表单制作注册页面 设计一个“注册新邮件”的一个注册网页，包括注册邮箱 ,密码，确认密码，昵称，性别， 密码保护问题，密码保护问题回答等等。 实验 4 多重框架和超连接 用框架结构和超链接建立一个自定主题 (如个人网站，班级网站，小型花店网站等等）的简 易网站 实验 5 利用 CSS 技术将一个 HTML 网页排版布局 三、实验设备 PC、 JetBrains WebStorm 10.0.3 四、实验代码及结果 1、HTML 基本标签的应用 （1）实验代码 !DOCTYPEhtml PUBLIC -//W3C//DTD XHTML1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title 实验一 /title /head body p基本情况 br 姓名：XXbr 性别：男br 出生年月：X 年 X 月 X 日br 学校：XXbr p 学习经历 : 就读学校、所学专业、学位、外语及计算机掌握程度等等； br 工作经历 : 入学以来的简单经历，主要是担任社会工作或加入党团等方面的 情况； br 个人能力 : 本人特长：如计算机、外语、驾驶、文艺体育等。 br/p /p /body /html （2 ）实验结果 2、列表和表格的设计 （1）实验代码 !DOCTYPEhtml PUBLIC -//W3C//DTD XHTML1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title 实验一 /title /head body table border=1 caption 月消费表 /caption thead tr th 生活方面 /th th 学习方面 /th th休闲娱乐方面