第3次上机实习内容(2课时)_第1页
第3次上机实习内容(2课时)_第2页
第3次上机实习内容(2课时)_第3页
第3次上机实习内容(2课时)_第4页
第3次上机实习内容(2课时)_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、第3次上机实习内容（2课时）实验名称：HTML及DHTML 上机实习2 实验目的及要求：1、通过练习，继续熟悉 HTM戊档的基本结构；2、掌握表格、表单、框架结构等。3、掌握客户端动态页面（DHTML）的DOM仅档对象模型 ）、CSS（层叠样式表）和SCRIPT（脚本程序语言）技术的基本概念及进行简单的DHTM顷面设计。实验内容：1、表格、表单、框架结构的使用；2、CSS的使用；3、SCRIPT技术的使用。一、表格、表单、框架的上机练习注意：本次实验使用工具为 Windows自带写字板（可以结合 Dreamweaver 的设计视图和代码视图来完成）（1）制作并完成个人简介表格个人简历红例卧的内

2、容为必填幅A藁王擀性别男旬籍贯陕西出生日期1册年明政治成分团员职标工人学历初申身高179CK个人简历19明年9月口的1年底,于水沟村小学上小学(2)表单制作：制作并完成情况调查表个人情况调查表姓名身体状况 兴趣覆好 证件类型 近件编号工傕意向可多诙备注极好良好好日一®差广 运动音乐厂阅读厂写作碰邙a外地工作一 出国工作 无息向F*TId提交| 悻置(3)完成如下示例，体会JavaScript脚本语言的使用。设计含有左、中、右 框架的框架集页面。框架集页面(sample2.html)文件代码如下：<html> <head> <title> 框架页面示

3、例2</title> </head><noframes>您的浏览器不支持框架结构，故当前网页无法显示！</noframes><frameset cols= "20%,*,30%”> <frame src= "left.htm ”> <frame src= "middle.htm ”> <frame src= "right.htm ”> </frameset> </html> left.htm页面文件代码如下：<html> &

4、lt;head> <title>left.htm 文件 </title> </head><body>这是左面框架文件</body> </html> right.htm页面文件代码如下：<html> <head> <title>right.htm 文件 </title> </head><body>这是右面框架文件</body> </html>4 根黑页面示舐-MicrMflKntfrtiEt Exptortr女件E雕E直触慵

5、伽工吃果蛔砺学3个纵向这是中间他栗史牛这是本邮屉票文件图纵向框架结构同样将这3个文件也存放在同一个文件夹中，浏览 sample2.html文件即可看到 如上图的效果。制作并完成如下的框架，其中主要区域能够访问到个人简介表格和情况 调查表（注：通过左边的表格范例和表单范例超链接过去）。武汉科技大学网页设计课程网站琏颤之领好的唯沏随1姓名王*性用籍贯三触日期国阵明睇薪团员赚IA转身高I?”个顺历设率月口调用?.于楠村梢上d畔二、CSS勺使用注意：本次实验使用工具为 Windows自带写字板请建立一个修改P而记的字体为20Pt,颜色为蓝色的外部式CSS然后让 第二次上机内容的第一个建立的页面（即：制作一个页面，将“欢迎进入我的主页！”文字设计为左右来回移动方式显示，并在其下方插入一个2行5列的表格，在表格中填入自己的姓名、性别、学校、院系和年级，页面的最下方用 p标记给出自己的E-mail地址。）引用该 CSS文件，浏览 该页面。了解和掌握外部式CSS的作用和用法。三、DHTMLt机实习，熟悉脚本语言的使用注意：本次实验使用工具为 Windows自带写字板建立如图所示网页，实现根据时间不同显示问候语的不同。口 的不善言示以-Mkros

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论