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

【时间要求】 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%的人还看了以下文章

  • 如何做好视觉设计中的层次?(精)

    如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)

    对于视觉次序(视觉层次)的营造是每个设计师所必须精通的,无论是海报设计还是页面设计,从整体来看总会有强弱、主次之分,因为有了视觉上的变化,才使得整体更富有层次感;当用户在浏览信息很多的网页时,作为设计师要做到:即使用户只是简单的浏览,也要有能在用户脑海中形成记忆的视觉元素,而这些元素就是视觉中的主,而当用户仔细阅读时才能记忆到的元素才是视觉上的次;从局部来说…

    2018年7月9日 网页设计
    13.0K0
  • 5个制作网站必须思考的问题,解决好这些才能提高访问量

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

    2018年2月28日
    5.3K0
  • 网页设计中最常用的7款字体

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

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

    2019年10月22日 网页设计
    10.5K0
  • 网站前端开发常用工具大全-web设计师必备

    今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分,会让你的WEB前端设计工作事半功倍,您离一个优秀的前端设计师也就不远了~~ 原前端开发网(w3cfuns)开发,让前端开发变得更简单,exe文件只有1.67MB,点击直接运行,不需要安装,很方便。 功能:正则表达式、代码压缩、雪碧图制作、json格式化等,如果你经常在没有网络的办公环境…

    2019年2月21日
    14.6K0
  • 汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    中国具有五千年文字历史,文字中所包涵的精髓,值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征,并能灵活运用字体进行编排设计,才能使作品的内容更清晰、更有条理地传达给读者。

    2023年1月18日 网页设计
    24.1K0
  • 9种常用的排版小技巧

    9种常用的排版小技巧9种常用的排版小技巧9种常用的排版小技巧9种常用的排版小技巧

    分享优秀网页设计发布的9种常用的排版小技巧,不同氛围的文字排版组合,演绎不同的版面风格。 ​​​​

    2020年4月4日 网页设计
    16.2K0

发表回复

登录后才能评论

评论列表(1条)

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

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