Dreamweaver网页设计项目教程 作者 王雪松 项目一 任务4-3.pptVIP

Dreamweaver网页设计项目教程 机械工业出版社 任务四 利用CSS美化网页3（建议2学时） 01 任务实施 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 任务实施——3登陆界面制作 1.在网站根目录下新建文件夹，取名为login，在该文件夹内新建HTML文件，取名为login.html。 2. 链接CSS文件。 3.在插入面板中，单击“插入Div标签” ，弹出的“插入Div标签”对话框中填写id名称为“login-left”。单击“新建CSS规则”定义layout的CSS样式，定义完成后，点击“确定” 。 4. 把光标定位在DIV“login-left”内，重复上一步骤，再次插入一个DIV，DIV的ID为”login-title”。 5.把光标定位在ID为“login-title”的DIV中，在插入面板中选择“文本”“h1”，在h1/h1标签内输入文字“| 会员登录”。HTML代码为： h1| 会员登录/h1 任务实施——3登陆界面制作 6. 制作登录用户名和密码区域。这个区域我们利用表格来制作。 7.添加提交按钮。在DIV“login-left”内，table结束标签之后，插入“提交按钮”。 任务实施——3登陆界面制作 8.在主页中插入login.htm