【时间要求】 2 学时（ 45 分钟× 2=90 分钟）
【上机内容】 中融宝企业网站制作
【上机目的】
1 、掌握网页布局的方法和技巧
2 、掌握HTML及CSS的使用
3、掌握表单及表单元素的使用
4、培养团队意识和协作精神
【上机重点】
1 、网页布局
2 、表单制作
3 、HTML及CSS的使用
【上机难点】
1、网页布局
2、CSS的定义和使用
【上机教学方法】
1 、采用分组教学 , 每个小组模拟一个开发团队
2 、充分发挥小组内各成员的积极性、主动性和创造性
【上机内容】
在规定时间内做出以下网页：
1. 网站文件命名，目录建设，必须符合网站建设规范。（5分）
2. 要求制作的网页存放在考生文件夹根目录下，以index.html命名，并设置index.html网页的标题为：山东互联网金融行业翘楚-【官网】。（5分）
3. 定义标签样式body{ }，设置页面外边距、内边距为0px，页面字体大小为12px，字体颜色#999，行高200%。（5分）
4. 页面顶部区域制作。（10分）
5. 在页面顶部表单的提交按钮上添加行为，当点击提交按钮时检查表单，要求用户名和密码为必填。（5分）
6. Logo及导航菜单制作（10分）。
要求菜单中首页 我要投资 上地计划 我要融资 理财问答 安全保障 关于我们超链接设置为空链接，字体大小为16px，颜色为#666，无下划线，当鼠标放上去时字体颜色变为红色，如下图所示。
7. 设置高收益 更可靠 快流动 真安全为标题3、字体大小32px、颜色#666，该区域图片及文字制作如下图所示。 (5分)
8. 网页中出现的水平横线及边框线均为1px，颜色为#CCC的实线。（5分）
9. 中下部区域背景颜色为#f7f7f，该区域文字除标题、年化收益率、融资金额、期限、投标中及进度字体大小为12px外其余字体大小为20px。上地计划字体为红色，计划B颜色为#13b6a5。该区域图片及文字制作如下图所示。（15分）
10. 友情链接区域:中国网页设计链接到http://www.125jz.com，百度链接到http://www.baidu.com，打开方式为在新窗口中打开。（5分）
11. 页面底部区域背景颜色为#272c37，其中关于我们 新手入门 网站地图 免责声明 隐私声明 平台数据统计颜色为#CCC，如下图所示。（5分）
12. 页面底部右方三张图片设置宽度为100，高度30，如下图所示。（5分）
13. 页面布局（10分），页面中其他文字和图片格式不做要求，具体可参考网页效果图。
14. 整体页面效果（10分）。
网页制作所需素材
images.zip
课后任务：申请免费空间，掌握网站上传的方法，上传你的网站能够通过域名访问。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1914.html
微信扫一扫 
支付宝扫一扫 
评论列表（1条）
有人做出来了吗？让我参考一下