网页制作实战项目三:运动会页面制作

【时间要求】 2 学时( 45 分钟× 2=90 分钟)

【上机内容】 运动会页面制作

【上机目的】

1 、掌握表格布局的方法和技巧

2 、掌握HTML及CSS的使用

【上机重点】

1 、表格布局

2 、HTML及CSS的使用

【上机难点】

1、导航条的制作

2、CSS的使用

【上机内容】

请在规定时间内制作出以下网页:(要求要符合网站建设的规范!)

网页设计上机练习-表格布局运动会页面制作效果图

所需素材:素材下载

页面中图片外边框实现,可参考如下CSS代码:

.picborder {
  border:1px solid #999;
  padding:5px;
}

请加入网页设计交流群:208047327 ,在项目制作过程中有任何问题,可以在群内讨论,或进入本站问答社区互动。

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

(16)
江山如画的头像江山如画管理团队
单元测试经验总结,单元测试快速入门教程六
上一篇 2018年4月18日 下午3:34
从零开始做APP界面设计一:iOS 界面设计规范
下一篇 2018年4月20日 下午9:05

99%的人还看了以下文章

  • 网页设计中最常用的7款字体

    网页设计中最常用的7款字体网页设计中最常用的7款字体网页设计中最常用的7款字体网页设计中最常用的7款字体

    字体主要分为衬线字和无衬线字。网站制作中,选用什么样的字体是比较重要。 衬线字和无衬线字的区别:左边的中文和英文字属于衬线字,右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。 如宋体,观察比划可以看到横细竖粗的特点,这就是典型的称线字。 无衬线字体没有这些额外的装饰,而且笔画的粗细差不多。比如微软雅…

    2019年10月22日 网页设计
    10.5K0
  • 企业做网站选择定制开发,还是网上在线模板建站好?

    不少企业老板,要做网站,总爱先问做网站多少钱? 在《做个企业网站多少钱?》一文中,我们讲解了做网站,先要明白,价格和价值的关系,只看价格不比质量,不看实际给企业能带来多大价值的网站都是没有什么用处的,看似便宜,实际多花了钱,后期还要重做,总起来花的钱比原来还要多。想花一千的价格,还要求网站页面漂亮,功能完善,用户体验及排名都要好,这是不现实的。 企业做网站选…

    2018年12月17日
    5.2K0
  • 网页设计技巧:3步提升网页品质

    网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质网页设计技巧:3步提升网页品质

    网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质,特别是活动或专题页面的视觉效果,请学习网页设计师必须知道的设计技巧:减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的,这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前,进行网页分区前所要做的信息消化。比如我们希望…

    2019年2月21日 网页设计
    8.8K0
  • web前端开发学习路线

    如果你是新手,准备学习web前端开发的话,一定要想想为什么要学习它?性趣、爱好、获得一份相关工作…… 定位好自己,持之以恒,然后是多学、多思、多练、多交流、多总结,发现自己的问题,然后克服。在状态不好的情况下,要及时调整,多向大牛请教,那样往往能让自己成长的快,切勿急躁。 初学web前端开发可以看一些入门视频教程,之后可以买一些书,做一些小项目,要学会分析自…

    2018年1月18日
    9.3K0
  • 如何制作自己的网页

    要制作网页,建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。 第一阶段:开始时最好是学些网页编辑软件 如:Dreamweaver,hbuiler X,webstorm,Sublime Text 这样可以使您更了解网页制作与运营的原理。最好是结合教程边学习边制…

    2020年2月18日
    6.9K0
  • 5个制作网站必须思考的问题,解决好这些才能提高访问量

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

    2018年2月28日
    5.2K0

发表回复

登录后才能评论

评论列表(1条)

  • 江山如画的头像
    江山如画 2020年4月29日 上午10:08

    学生作品:http://www.125jz.com/demo/webproject3/