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

* * Dreamweaver网页设计项目教程 机械工业出版社 任务四 利用CSS美化网页3（建议2学时） 01 任务实施 任务实施——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.html页面。 Thank you! 谢谢观赏 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 馋