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

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

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

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

  • 网页制作实战项目一：个人站点制作 网页设计

    网页制作实战项目四：使用DIV+CSS制作网页

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

    江山如画的头像 江山如画
    2018年5月3日
    15.4K0

  • 福利！13款免费商用卡通字体推荐（已打包）

    本期推荐的是免费商用的卡通体，此类字体非常适合运用在可爱活泼、轻松休闲的设计中，会有不俗的表现力，常常能达到“画龙点睛”的效果。 部分作品展示： 整个字形向上倾斜，给人一种积极向上的感觉，而且横折和竖折的笔画都有弧线，没那么死板，无论是笔画结构，还是笔画粗细，都是灵活的，是一例轻松快乐风格的字体。 字形笔画去除了折笔的弧形，换之以平直的笔画，竖弯钩转为竖折，…

    江山如画的头像 江山如画
    2023年1月28日 • 网页设计
    12.0K0

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

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

    江山如画的头像 江山如画
    2019年2月21日 • 网页设计
    7.6K0
  • 中国网页设计 网页设计

    如何制作自己的网页

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

    江山如画的头像 江山如画
    2020年2月18日
    5.5K0
  • 快速找到海报设计中存在的版式问题 网页设计

    快速找到海报设计中存在的版式问题

    通过海报设计实例，分析海报设计存在的问题，引导如何重新设计修改。从实战中理解所学的设计理论，活学活用。

    江山如画的头像 江山如画
    2018年7月9日
    14.6K0
  • 左侧固定，右侧自适应布局的两种实现方法 网页设计

    左侧固定，右侧自适应布局的两种实现方法

    左侧固定，右侧自适应布局效果图 很多页面，特别是网站后台管理页面，不少采用左右布局。本文讲解左侧固定，右侧自适应布局的两种实现方法。 左侧固定200px宽，右侧自适应，中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    江山如画的头像 江山如画
    2019年3月10日
    8.8K0

发表回复

登录后才能评论

评论列表（1条）

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

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