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

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

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

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

  • web前端开发及PHP学习网站网址大全 网页设计

    web前端开发及PHP学习网站网址大全

    学习提升网站： 翼狐网 http://www.yiihuu.com/Hack Design https://hackdesign.org/掘金 https://juejin.im/ web前端开发网站： 中国网页设计：http://www.125jz.com/Wordpress主题 ：http://www.weidea.net/Wordpress教程：htt…

    江山如画的头像 江山如画
    2019年10月24日
    8.2K0

  • 福利！13款免费商用黑体字体推荐

    “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体，前 6 款为各大品牌开发的黑体字型，后 7 款是在传统黑体上进行设计改造，形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅，显示效果优秀，可以满足不同场景下的文字显示需求。由于字…

    江山如画的头像 江山如画
    2023年1月20日 • 网页设计
    10.2K0
  • web开发技术 网页设计

    第2章HTML基础

    HTML的基本结构
    HTML语言的语法
    HTML语言的常用标记
    HTML 5新增结构元素

    江山如画的头像 江山如画
    2018年3月16日
    8.8K0

  • 如何给节日主题、活动主题做设计

    产品的节日主题设计，已经成为各大门户争先出彩的亮点之一，无论是春节、元旦、七夕、圣诞等传统节日，还是双十一、双十二、阿里年货节和京东蝴蝶节等电商活动日，甚至还有各种国际节日都可以成为各大品牌的一个Show场。 近日，中国网页设计接到一项目需要做活动主题页面，在网上查了下相关教程不是很多，能讲深讲透的更少。后来看到JaylonG的文章，感觉很有启发，现分享给大…

    江山如画的头像 江山如画
    2018年3月12日 • 网页设计
    8.8K0

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

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

    江山如画的头像 江山如画
    2022年3月19日 • 网页设计
    2.2K0
  • 6个技巧让你的版面设计的脱颖而出！ 网页设计

    6个技巧让你的版面设计的脱颖而出！

    优秀的版面设计可以让一个普通的文档脱颖而出。本文给大家分享6个让你版面设计脱颖而出的技巧：对齐，聚拢，重复，对比，强调，留白。并通过实例讲解原有版面设计的不足，运用这6个技巧如何改进你的版面设计。

    江山如画的头像 江山如画
    2018年10月2日
    8.7K0

发表回复

登录后才能评论

评论列表（1条）

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

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