实验一 WEB前端实验.doc

南昌大学实验报告 实验类型：□ 验证 □ 综合 □ 设计 □ 创新 实验日期： 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 !DOCTYPE html html head title用户注册/title meta name=keywords content=keyword1,keyword2,keyword3 meta name=description content=this is my page meta name=content-type content=text/html; charset=gb2312 !--link rel=stylesheet type=text/css href=./styles.css-- script type=text/javascript src=Validator/Validator.js/script script type=text/javascript src=My97DatePicker/WdatePicker.js/script /head body form action=RequestDemo.jsp method=post onSubmit=return Validator.Validate(infoForm,3); h1 align=center注册用户/h1 body bgcolor=yellow table align=center tr td用户名/td tdinput type=textname=username dataType=Require msg=用户名是空的！//td /tr tr td密码/td tdinput type=passwordname=passworddataType=SafeString msg=用户密码不安全！id=userKey//td /tr tr td确认密码/td tdinput type=passwordname=repasswordvalue= dataType=Repeat to=userKey msg=密码不一样！//td /tr tr td出生日期/td tdinput type=text name=Date value= onClick=WdatePicker(); dataType=Date require=false msg=Wrong Date Format readonly=readonly / /tr tr td性别/td td input type=radioname=sexvalue=男/男 input type=radioname=sexvalue=女/女 /td /tr tr td年级/td td select name=Degree id=Degree option value=无/option