实验一 WEB前端实验

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

南昌大学实验报告

实验类型:□验证□综合□设计□创新实验日期:2014/10 实验成绩:

实验一WEB 前端设计与制作

一、实验目的

1、掌握页面设计的基本技巧,了解网站的基本建立过程,掌握使用Dreamweaver 制作网页的基本技术;

2、学习和使用HTML 语言,使用CSS 控制页面样式,使用JavaScript 脚本语言增强页面的互动性。

二、实验内容

1、选择一个自己感兴趣的主题,明确站点风格和功能。

2、围绕这一主题设计站点页面,包括页面的布局、页面的色彩搭配,页面的交互方式等。

3、使用工具软件来完成设计页面的制作,运用到HTML,CSS 和JavaScript。

三、实验要求

1、了解站点风格的概念;

2、理解主页、栏目页、导航条、目录框架等术语;

3、熟悉HTML 的常用标记使用以及框架网页的制作;

4、掌握使用Frontpage 或者Dreamweaver 制作网页的基本技术;

5、实验前应该先选定所要创建网站的主题(如:个人网站、自我推荐网站、班级网站、某种专题网站等)和风格;

6、围绕主题和风格,设计站点的主页、栏目及其内容,并且设计出主页和栏目页面的

布局;

7、准备好网页制作时所需的资料以及图片等素材。

四、实验环境

硬件环境:PC 微机

软件环境:文本编辑器(UltraEdit、EditPlus、Notepad 等)或者Frontpage 或者Dreamweaver、IE 和FireFox 浏览器(至少使用两种不同内核的浏览器)

五、实验代码

RequestForm.html

用户注册

注册用户

用户名
密码

type="password"name="password"dataType="SafeString"msg="用户密码不安全!"id="userKey"/>

确认密码
出生日期

onClick="WdatePicker();"dataType="Date"require="false"msg="Wrong Date Format"readonly="readonly"/>

性别

年级

爱好

音乐

运动

旅游

阅读

上传头像

其他