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

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

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

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

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

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

    江山如画的头像 江山如画
    2019年1月5日 • 网页设计
    10.3K0

  • 网页设计心得-图片的选择和处理

    网页设计师心得-图片的选择和处理，教给你如何根据色彩角度、网页角度、摄影角度来选图，并通过几个简单的案例教会你如何处理图片。

    江山如画的头像 江山如画
    2022年3月19日 • 网页设计
    1.9K0
  • 网站制作、网站建设 网页设计

    企业做网站选择定制开发，还是网上在线模板建站好？

    不少企业老板，要做网站，总爱先问做网站多少钱？ 在《做个企业网站多少钱？》一文中，我们讲解了做网站，先要明白，价格和价值的关系，只看价格不比质量，不看实际给企业能带来多大价值的网站都是没有什么用处的，看似便宜，实际多花了钱，后期还要重做，总起来花的钱比原来还要多。想花一千的价格，还要求网站页面漂亮，功能完善，用户体验及排名都要好，这是不现实的。 企业做网站选…

    江山如画的头像 江山如画
    2018年12月17日
    4.4K0

  • 如何设计有新意的精美网页？

    经常制作网页，可是没有新意且面目雷同或似曾相识。如何制作生动、活泼又充满新意的网页？那就好好看看设计大师的作品吧，拟物，创作的灵感来源于生活！

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

  • 赞！UI设计师必须学习的3个色彩理论

    彩搭配在设计中很重要！不同的配色方案呈现出不同的效果，搞定配色！请学习最好的配色教程 色彩模式  1、RGB色彩模式。通过光的三原色相加混合产生的。显示器的所有色彩都是通过红色、绿色、蓝色这三原色混合来显示的。 2、CMYK 色彩模式。是指墨水或颜料的三原色加上黑色这四种颜色，混合后出现的色彩。CMYK是打印机等印刷设备使用的色彩模型。 3、索引色…

    江山如画的头像 江山如画
    2022年8月10日 • 网页设计
    3.3K0
  • 你需要知道的色彩基础知识 网页设计

    你需要知道的色彩基础知识

    色彩基础知识 光与色彩 色彩三要素 色彩的冷暖 色彩深度 光与色彩 1666年，牛頓以三棱镜分解太阳光，发現看似无色的光线，经过三棱镜時，会依其波长和折射关系， 依序分为紅、橙、黃、绿、青、蓝、紫七色光。 光的物理性质：波长：产生色相的区別波长短的偏蓝，波长长的偏红振幅：产生明暗的区別振幅大的偏亮，振幅小的偏暗 【练习】哪一個较偏蓝？以下哪一個较亮？  人类…

    江山如画的头像 江山如画
    2018年1月27日
    7.1K0

发表回复

登录后才能评论

评论列表（1条）

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

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