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

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

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

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

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

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

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

  • 9种常用的排版小技巧

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

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

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

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

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

  • 这篇设计配色干货，0基础也能让你做出好作品

    配色一直是设计圈子里的热门话题，是我们作为设计师必须要掌握的一门重要技能，通过色彩可以向用户传递不同层面的视觉信息，所以不同的色彩也都被人们赋予了不同的含义。比如：红色、橙色、黄色等暖色系的颜色能表现出温暖、热闹；而蓝色、淡蓝色等冷色系颜色，会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效地相互结合，往往能做到 1+1>2 的视觉效果。 色彩的特征…

    江山如画的头像 江山如画
    2020年2月18日 • 网页设计
    6.5K0
  • 中国网页设计 网页设计

    如何制作自己的网页

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

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

  • 如何提升设计价值——方法篇

    设计≠艺术，设计从诞生之初就是为“解决问题”而存在。在体验设计场景，如果业务方是“需求提出者”，那产品经理和设计师就是从不同视角切入的“问题解决者”，而用户既是“需求源头”，又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

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

发表回复

登录后才能评论

评论列表（1条）

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

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