《网页里用户注册和页面链接代码运用》由会员分享,可在线阅读,更多相关《网页里用户注册和页面链接代码运用(5页珍藏版)》请在金锄头文库上搜索。
1、本次课主题:用户注册和页面链接,学习时间:3学时,课前检查,将上次课制作完成的宁职数码商店首页和让大家回去完成的网上商店两个网页打开检查,练习1 完成用户注册页面,练习1 完成用户注册页面,1.复制样式.html文件,起名为register.html,双击打开该文件,将标题修改为“宁职数码用户注册”。 2.进入布局模式,在主信息区绘制一个布局表格,然后在布局表格里面再绘制若干个布局单元格,用来放置表单,具体自己来设计。 3.在布局表格的外面利用自己输入代码来添加一个表单,添加方式可以参考“表单参考” 。 4.将插入栏设置成表单模式,根据效果图所示,输入相关的文字和相关的表单。 5.为了使单元格
2、中表单在单元格中左对齐时能够具有一定的距离,创建一个样式,.biaodan,设置“区块”文字缩进10px。然后应用该样式。 6.此处“*”代表该项不能为空,在此创建一个样式.hongse,设置文字的颜色为空色,然后应用该样式。 7.密码保护问题是一个下拉菜单,具体的选项内容看上一张PPT。 8.加入两个按钮,单击“确定”按钮,出现“提交成功”页面,单击“重置按钮”,页面内容重置。,练习2 完成宁职数码的页面链接,1.打开index.html文件,为导航栏设置超链接,若有些网页还没有完成,可以用“#”表示链接到本页。查看默认的超链接文字的样式。 2.新建一个CSS样式,选择器类型选为“高级”下的
3、“a:hover”,定义到aa.css文档中。设置文字颜色为红色,带下划线。 3.再新建一个CSS样式,选择器类型为“高级”下的“a:link”,定义到aa.css文档中。设置文字颜色为黑色,不带下划线。 4.再新建一个CSS样式,选择器类型为“高级”下的“a:visited”,定义到aa.css文档中。设置文字颜色为黑色,不带下划线。 5.观察超级链接的改变情况。用记事本打开aa.css文件,查看该文件的内容,并且查看在index网页中是如何加入aa.css这个样式文件的。 6.在其他网页的导航栏的最前面增加“首页”导航,可以链接到index.html网页。 7.设置其他网页的超链接样式,只要在网页的头部增加aa.css样式文件就可以。,