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

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

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

【时间要求】 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个细节

    细节决定成败”在页面设计中是颠扑不破的真理。一个页面的细节能充分体现出页面的品质。本文介绍了网页设计中的字号、字体、样式、间距、颜色、排版、留白、层次、光影等细节如何处理？

    江山如画的头像 江山如画
    2020年2月6日 • 网页设计
    6.4K0
  • 你需要知道的色彩基础知识 网页设计

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

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

    江山如画的头像 江山如画
    2018年1月27日
    7.8K0
  • 网站制作、网站建设 网页设计

    做个企业网站多少钱？

    联系中国网页设计站长做网站：QQ  41588872 很多企业要做网站，老板先问的是做个网站多少钱？ 这个真没有办法直接回答，因为网站的价格跟网站的定位、功能需求、栏目等是息息相关的，你必须描述清楚你的要求才可以给出大致报价。 因此，首先要明确你做网站的目的是什么？ 1、展示型网站 只是把网站作为一张“网络名片”，让别人知道你有网站，印在名片上，感觉企业高大…

    江山如画的头像 江山如画
    2018年9月30日
    12.3K0

  • 设计师提升作品精致度的4个方法！

    提升作品精致度的方式：1、选择背景要高清、尽量选简不选繁；2、中、英文字要使用相对应的字体，提升整体层次感；3，善于使用图形化的元素，但是要注意尽量不要太复杂，否则会影响整体视觉感受；4、合理的留白，但是要避免盲目过度的留白；

    江山如画的头像 江山如画
    2023年1月24日 • 网页设计
    9.8K0
  • 以文字为主题的海报如何进行版式设计 网页设计

    以文字为主题的海报如何进行版式设计

    豪斯课堂又一力作，耗时3个月。 让人受益匪浅的主题设计教程，版式调整下~！主体立刻突现！赞！把之前设计的一些迷惑的地方都给找出来了。 网友评论： 感触大发，突然就有了灵感！！！ 完全的干货，干的拧不出水，看的时候非常感动，不禁在想楼主为此篇教程到底做了多少努力，看完之后有种肃然起敬的感觉。 非常好，理解很容易。最后修改一些同学的图片，我觉得真是大神，修改后的…

    江山如画的头像 江山如画
    2021年11月25日
    12.0K0
  • web前端开发 网页设计

    网页设计之前端开发工具和学习资源大全（精）

    前端文档 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程：https://zh.javascript.info/ 阮一峰 JS教程：https://wangdoc.com/javascript…

    江山如画的头像 江山如画
    2023年1月18日
    7.7K0

发表回复

登录后才能评论

评论列表（1条）

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

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