19506-Dreamweaver CS5网页制作 模块5.ppt

模块5 Dreamweaver CS5综合应用 实训13 欧美风格布局实训 实训14 制作会员注册与登录系统 实训15 佳家生活馆 思考与实训5 实训13 欧美风格布局实训 index.html的代码 实训13 欧美风格布局实训 div id=logoa href=#欧美风格网站/a/div div id=menu导航按钮/div div id=main div id=text_top页面头部主体内容/div center图片显示/center div id=text_bottom div id=first_col内容细分1/div div id=second_col内容细分2/div div id=third_col内容细分3/div /div /div div id=footer页面底部/div 实训13 欧美风格布局实训 用Div写入基本结构后的“拆分”视图 实训13 欧美风格布局实训 写入CSS样式表后的“拆分”视图 实训13 欧美风格布局实训 ul lia href=# class=active首页/a/li lia href=# 实训/a/li lia href=# 知识点/a/li lia href=# 论坛/a/li /ul 实训13 欧美风格布局实训 充实#menu后的“拆分”视图 实训13 欧美风格布局实训 充实#text_top和center标记后的“拆分”视图 实训13 欧美风格布局实训 充实#first_col、#second_col和#third_col后的“拆分”视图 实训13 欧美风格布局实训 充实#footer后的“拆分”视图 实训13 欧美风格布局实训 实训14 制作会员注册与登录系统 实训目的 1．了解动态网站创建的一般步骤。 2．学会网页的布局及模板的使用等基本操作。 3．学会制作简单动态网页，实现数据库的连接、插入与登录认证。 实训14 制作会员注册与登录系统 数据表结构 实训14 制作会员注册与登录系统 数据表 实训14 制作会员注册与登录系统 会员注册表单 实训14 制作会员注册与登录系统 script language=javascript function check() { if(form1.password.value==) { alert(请输入密码); form1.password.focus(); return false; } if(form1.password2.value!=form1.password.value) {alert(两次输入的密码不一致); form1.password.focus(); return false; } } /script 实训14 制作会员注册与登录系统 网页muban.html 实训15 佳家生活馆 实训目的 ? 1．学会使用表格和框架进行网页布局的方法。 2．学会使用spry制作菜单项的方法。 3．学会网站的测试及发布。 实训15 佳家生活馆 “body的CSS规则定义”对话框 实训15 佳家生活馆 “框架”面板 “框架集”属性面板 实训15 佳家生活馆 Flash动画属性面板 Spry菜单栏 实训15 佳家生活馆 “Spry菜单栏”属性面板 实训15 佳家生活馆 index.html网页效果 实训15 佳家生活馆 在IE浏览器中浏览网站