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

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

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

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

  • 9组清新活泼的网页设计配色方案 网页设计

    9组清新活泼的网页设计配色方案

    江山如画的头像 江山如画
    2019年11月24日
    46.2K0
  • 中国网页设计 网页设计

    网站策划：如何定位网站主题

    网站策划、网页设计首先遇到的问题就是定位网站主题。所谓网站主题也就是网站的题材类别，具体就是该网站是什么类型的，什么性质的，主要内容是什么……

    江山如画的头像 江山如画
    2020年2月18日
    4.0K0

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

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

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

  • 毛笔字生成器，毛笔字在线生成网站

    125网页设计今天给大家推荐几个毛笔字生成器，毛笔字在线生成网站： http://www.51poca.com/ http://www.epinv.com/online/ http://www.akuziti.com/mb/ 毛笔字改造使用方法 将下载下来的字体图片AI转路径，编辑文字。 首先使用在线生成器输入选择好你需要的文字字形，将文字图片拖至AI中。 …

    江山如画的头像 江山如画
    2019年1月5日 • 网页设计
    10.2K0
  • 移动端web app和页面开发使用什么字体？微软雅黑？ 网页设计

    移动端web app和页面开发使用什么字体？微软雅黑？

    一直不清楚移动端web app和页面用的什么字体，只是觉得类似微软雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 三大手机系统IOS、android、winphone支持的字体 ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 androi…

    江山如画的头像 江山如画
    2019年4月9日
    15.4K0
  • 网页设计色彩搭配：蓝色 网页设计

    网页设计色彩搭配：蓝色

    蓝色是三原色之一，波长过短，纯正的蓝色RGB值分别为0、0、255，给人一种平静、平和、美丽、文静、安详与洁净的感觉。 蓝色与红、橙色相反，是典型的冷色，也是常见的后退色和收缩色，表示沉静、冷淡、理智、高深、透明等含义。 1. 蓝色性格特点 蓝色博大、永恒、平静、理智、纯净、遥远，就像辽阔的天空和大海。我国少数民族多使用靛蓝、普蓝作染料，因此，靛蓝、普蓝似乎…

    江山如画的头像 江山如画
    2021年2月4日
    14.5K0

发表回复

登录后才能评论

评论列表（1条）

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

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