投稿
  1. 125jz首页
  2. 教程
  3. 网页设计

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

江山如画 • • 网页设计 • 阅读 12190

【时间要求】 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)
江山如画的头像江山如画管理团队
0 1 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2018年4月18日 下午3:34
下一篇 2018年4月20日 下午9:05

99%的人还看了以下文章

  • 网站上FLV、MP4格式视频无法播放的原因及解决方法（图）

    今天更新网站，把视频文件放到服务器上，用浏览器打开，无法播放视频文件。 服务器：windows2003+IIS 问题原因： 在IIS服务器上，默认是不支持网站插入并且播放视频功能的。 我们需要去配置IIS服务器，以支持相应的视频格式，如：FLV、MP4 在IIS服务器中配置视频格式的方法和步骤 win2003服务器IIS的配置方法 打开IIS管理器，在左侧“…

    江山如画的头像 江山如画
    2018年5月9日 • 网页设计
    7.8K0

  • 配色如此简单-最实用的配色教程

    本文主要介绍实战中配色方法和设计大师常用的快速配色技巧，希望大家能活学活用。

    江山如画的头像 江山如画
    2019年10月31日 • 网页设计
    9.4K0

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

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

    江山如画的头像 江山如画
    2019年10月22日 • 网页设计
    10.1K0
  • 6个技巧让你的版面设计的脱颖而出！ 网页设计

    6个技巧让你的版面设计的脱颖而出！

    优秀的版面设计可以让一个普通的文档脱颖而出。本文给大家分享6个让你版面设计脱颖而出的技巧：对齐，聚拢，重复，对比，强调，留白。并通过实例讲解原有版面设计的不足，运用这6个技巧如何改进你的版面设计。

    江山如画的头像 江山如画
    2018年10月2日
    8.5K0

  • 9个排版设计原则！ – 优设小课堂

    江山如画的头像 江山如画
    2020年4月4日 • 网页设计
    11.0K0

  • 网页制作中表单的设计及优化方法

    表单是网页制作中常用的元素，本文会探讨表单设计的注意事项。但这些只是通用规范，每条准则总有特殊情况。 表单应该只有一列 多列布局会扰乱用户垂直方向的视线移动。 把标签放到顶部 顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是，对于有多种选择项的大量数据列表而言，请考虑使用左侧标签，因为它们在一起更易于浏览，能够减少高度，比顶部标…

    江山如画的头像 江山如画
    2018年7月30日 • 网页设计
    7.5K0

发表回复

登录后才能评论

评论列表（1条）

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

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