网页制作实战项目六:中融宝企业网站制作

【时间要求】 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

课后任务:申请免费空间,掌握网站上传的方法,上传你的网站能够通过域名访问。

100M免费ASP空间申请

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/1914.html

(9)
江山如画的头像江山如画管理团队
上一篇 2018年5月14日 上午9:54
下一篇 2018年5月24日 下午11:26

99%的人还看了以下文章

  • 5个制作网站必须思考的问题,解决好这些才能提高访问量

    决定做一个网站前,站长们需要深入思考这5大问题。如果你能妥善地解决好这些问题,那你的网站一定会吸引用户,访问量大增。

    2018年2月28日
    2.1K0
  • 网页制作实战项目四:使用DIV+CSS制作网页

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 使用DIV+CSS制作网页——个人站点制作 【上机目的】 1、 掌握CSS盒模型 2、掌握网页元素的定位 3、掌握DIV+CSS布局的方法和技巧 【上机重点】 1 、网页元素的定位 2、DIV+CSS布局的方法和技巧 【上机难点】从表格布局向DIV+CSS布局的转变 【上机教学方法】 1…

    2018年5月3日
    7.8K0
  • 主流网页设计页面的的宽度(尺寸)是多少?

    最新的中国网民电脑分辨率统计情况显示95%的用户在1280以上,一些用户数较多的电商网站最大宽度一般也为1190或1200,如淘宝、天猫、京东…网页宽度为1200将会成为主流,当然现在很多网站为响应式网站可以适应多种分辨率了。

    2020年3月11日
    21.1K0
  • 平面设计中最常用的一项设计技法-K先生案例精讲

    对比是在平面设计中最常用的一项设计技法,几乎每一个作品中都会出现“对比”的痕迹,今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧,包括大小、色彩、肌理、前后、疏密、虚实…等等,每个技巧运行都配有设计案例,一步步教你如何分析设计,讲解到位,通俗易懂,实用性强,一定会对你的设计有所帮助。

    2020年4月26日
    10.9K0
  • 赞!前端工程师应该具备怎样的能力和素质

    前端工程师应该具备怎样的能力和素质? 技术功底、技术视野、技术追求 除了开发业务功能外,还需要对开发规范、工程化、组件化、模块化、测试、设计模式有一定的认知和实践 沟通表达能力、书面表达能力、总结复盘习惯 全局思维、抽象思维、持续交付意识 项目一号位担当,团队协作意识 综合权衡:成本、效率、质量、风险、体验 关注产品、设计、商业等各个领域。交叉学科会带来更多…

    2023年1月18日
    1.4K0
  • 为什么做个网站,价格差别那么大?

    做个网站,从几百,到上万,为什么价格差别那么大? 现在市面上的建站公司有很多,实力不同,使网站质量也参差不齐。地方不同,团队不同,规模不同,网站报价又各不相同。网站是由域名、服务器、程序组成,一样的东西放在不同的建站公司里,价格也变化很大。今天,125网页设计给大家解析:为什么做个网站,价格差别那么大? 一、网站程序 制作网站分为使用模板与定制开发两种。相关…

    2019年1月5日
    2.3K0

发表回复

登录后才能评论

评论列表(1条)

  • 吢丕的头像
    吢丕 2021年4月19日 下午6:11

    有人做出来了吗?让我参考一下