原创力文档- 1、本文档共13页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
实验指导书–2012–首版–学生–实验1–5
网站开发技术及应用
（0740553104）
课程实验指导书
2012年首版
实验一：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 /
/frameset
noframes
body您的浏览器无法处理框架！/body
/noframes
网站页面信息：
网页信息标记：meta。
属性：http-equiv、content、charset、name。
属性举例：
http-equiv=Content-Type content=text/html; charset=gb2312
name=description content=HTML examples
name=keywords content=HTML, CSS, JavaScript, VBScript
http-equiv=Refresh content=5;url=
Style样式：
有三种样式修饰方式，都需要练习。
内联样式：
a href=link.htm style=text-decoration:nonehyperlink to link.htm/a
嵌入样式：
head
style 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等，需要适当运用。
实验评价
技术部分要求运用全部课堂所涉及的知识。
自己独立完成网站设计。
网站整体内容主题统一，内容协调、美观。
上交网站系统，随机抽检技术知识的掌握情况。
实验二：ASP网站开发（07405531042J）
在静态页面的基础上完善脚本代码（客户端及服务器端）
说明
实验类别：专业 实验学时：2学时 实验类型：验证 实验要求：必做
实验二的内容
在实验一网站系统的注册功能（表单提交）
文档评论（0）