实验指导书_2012_首版_学生_实验1_5.docVIP

PAGE PAGE 1网站开发技术及应用（0740553104）课程实验指导书2012年首版PAGE PAGE 3实验一：HTML静态网站开发（07405531041J）熟悉标记语言开发静态网站说明实验类别：专业 实验学时：2学时 实验类型：验证 实验要求：必做实验一的内容运用标记语言设计一个静态网站，网站的主题是自我介绍的宣传类网站。具体实验要求：必须运用框架构建网站的整体架构。需要通过meta注明网站的信息及关键字。需要通过样式style来规范版面设计的风格。需要以图文的不同种方式（含对链接外观的修饰）实现多种链接功能。需要运用表单的各种标记（文本框、密码框、单选框、多选框、下拉列表-select/option、文本域-textarea、按钮、打包-fieldset/legend等）实现如注册、登录、留言等等功能页面。实验一的指导及提示框架设计：框架标记：frameset、frame和noframes。属性：rows、cols、border等。框架举例：frameset rows=20%,70%,10% border=0 noresize!--border控制框架的间隔框-- frame src=frame-1.htm / frameset cols=30%,70% border=0 noresize frame src=frame-2-l.htm / frame src=frame-2-r.htm name=r/ /frameset frame src=frame-3.htm //framesetnoframes body您的浏览器无法处理框架！/body/noframes网站页面信息：网页信息标记：meta。属性：http-equiv、content、charset、name。属性举例：http-equiv=Content-Type content=text/html; charset=gb2312name=description content=HTML examplesname=keywords content=HTML, CSS, JavaScript, VBScripthttp-equiv=Refresh content=5;url=Style样式：有三种样式修饰方式，都需要练习。内联样式：a href=link.htm style=text-decoration:nonehyperlink to link.htm/a嵌入样式：headstyle type=text/css h1 {font-family:隶书; color:red} h3 {font-family:仿宋; color:blue}/style/head外联样式：head link rel=Stylesheet type=text/css href=stylesheet.css //head被引用的stylesheet.css文件的内容：h1 {font-family:隶书; color:red}h3 {font-family:仿宋; color:blue}a {text-decoration:none}链接：文字链接：a href=链接目的页面文字/a图片链接：a href=2-8-anchor-2.htmimg src =image/AG00037_.GIF width=60 height=60 / /a锚点：链接到锚点：a href=2-8-anchor-2.htm#xianshi2第二部分/a定义锚点：a name=xianshi2第二部分/a邮件链接：a href=mailto:123456@?subject=hello%20again发送邮件/a表单设计：Input 的type属性决定文本框、密码框、单选钮、复选框、按钮等几种控件形式。Select和option组合完成列表框。Input的type属性submit、reset是两个默认按钮，分别实现提交、重置的功能。其他有关属性：name、value、checked、rows、cols等，需要适当运用。实验评价技术部分要求运用全部课堂所涉及的知识。自己独立完成网站设计。网站整体内容主题统一，内容协调、美观。上交网站系统，随机抽检技术知识的掌握情况。PAGE PAGE 10实验二：ASP网站开发（07405531042J）在静态页面的基础上完善脚本代码（客户端及服务器端）说明实验类别：专业 实验学时：2学时 实验类型：验证 实验要求：必做实验二的内容在实验一网站系统的注册功能（表单提交）的基础上开展实验二的实验。编写一段“注册”客户端脚本，在“检测”按钮被点击时弹出提示框，显示用户所