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

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

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

【时间要求】 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
从零开始做APP界面设计一：iOS 界面设计规范
下一篇 2018年4月20日 下午9:05

99%的人还看了以下文章

  • 中国网页设计 网页设计

    如何制作自己的网页

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

    江山如画的头像 江山如画
    2020年2月18日
    6.5K0
  • 网页设计中的字体选择以及常用字号 网页设计

    网页设计中的字体选择以及常用字号

    网页设计中的字体 中文：宋体，微软雅黑，方正系列（无状态） 英文： Helvetica：被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。 Lucida Grande：是Mac OS U…

    江山如画的头像 江山如画
    2019年10月22日
    11.4K0

  • 怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载

    怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载怎么知道哪些字体是侵权的？免费可商用字体有哪些？免费字体打包下载

    字体版权一直是很多设计师的雷区，一不小心就容易触犯。125建设网和大家一起来弄清楚：免费可商用字体到底有哪些？怎么知道哪些字体是侵权的？ 怎么知道哪些字体是侵权的？ 可以在360查字体：https://fonts.safe.360.cn网站上检查自己电脑上哪些字体是免费可商用的，哪些是商用需要授权的。 免费可商用字体有哪些？ 1. 思源黑体（推荐） 思源黑体…

    江山如画的头像 江山如画
    2023年1月18日 • 网页设计
    6.8K0
  • 二级菜单效果图 网页设计

    css布局基础：盒子模型练习

    主要知识点： 1、盒子在页面的显示=margin+border+padding+width/height 2、每个html元素都可以抽象为一个盒子 效果图： 参考： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&…

    孙萍的头像 孙萍
    2020年4月4日
    5.5K0

  • 从零开始做APP界面设计一：iOS 界面设计规范

    从零开始做APP界面设计一：iOS 界面设计规范从零开始做APP界面设计一：iOS 界面设计规范从零开始做APP界面设计一：iOS 界面设计规范从零开始做APP界面设计一：iOS 界面设计规范

    准备整理一套APP界面设计教程，可能会花费一段时间，请持续关注。 首先开篇我们介绍APP 界面设计，也就是新手最常遇到的问题：尺寸。 我们以iPhone 7为例讲解iOS 界面设计规范。 一、APP 界面设计工具 做APP 界面设计用的最多的就是PS和AI了，如果你是Mac用户，可以尝试一下Sketch，软件的版本当然是推荐高版本，因为功能更强大，作图的速度…

    江山如画的头像 江山如画
    2018年4月20日 • 网页设计
    7.4K0
  • 配色就是这么简单！6个在线配色网站推荐 网页设计

    配色就是这么简单！7个在线配色网站推荐

    配色对一个网站的来说非常重要，优秀的网页配色不是单纯好看就行了，颜色是有功能和目的的，需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时，你要清清楚楚的知道，你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等，都应该作为选色的考量因素。 但网页配色更多的需要大量的实践去体会。简单来说…

    江山如画的头像 江山如画
    2018年1月31日
    30.7K1

发表回复

登录后才能评论

评论列表（1条）

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

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