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

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

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

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

  • 快速找到海报设计中存在的版式问题 网页设计

    快速找到海报设计中存在的版式问题

    通过海报设计实例，分析海报设计存在的问题，引导如何重新设计修改。从实战中理解所学的设计理论，活学活用。

    江山如画的头像 江山如画
    2018年7月9日
    13.3K0
  • 二级菜单效果图 网页设计

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

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

    孙萍的头像 孙萍
    2020年4月4日
    4.8K0
  • 从零开始做APP界面设计 网页设计

    从零开始做APP界面设计三：字体选择 字号及配色方案

    上一篇《从零开始做APP界面设计二：App界面设计尺寸》我们学习了app界面设计尺寸规范，今天中国网页设计给大家分享App界面设计中字体的选用、字号设置及配色方案。 App界面设计标准色: 背景用色、文字用色、图标用色 App界面设计标准字： IOS:中文使用苹方字体  英文和数字使用Helvetica Android:中文使用思源黑体 英文和数字使用Rob…

    江山如画的头像 江山如画
    2018年4月22日
    10.6K0

  • 网页设计中最常用的7款字体

    字体主要分为衬线字和无衬线字。网站制作中，选用什么样的字体是比较重要。 衬线字和无衬线字的区别：左边的中文和英文字属于衬线字，右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。 如宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。 无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅…

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

  • 网页设计中字体运用的12个技巧一超实用！

    文字、文本排版是日常网站设计工作中经常用到，看似简单的文字，实际上排版也是很有讲究。 1. 了解字体的性格 每个字体都有性格，人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢，了解你的目标人群，知道你文档的用途，选择一类字体，使用你的目标人群所期望的字体，是你的文档的用途所需要的字体。 更多请阅读：网页设计字体篇：字体的性格 2. 避免使用默认字…

    江山如画的头像 江山如画
    2019年10月26日 • 网页设计
    9.3K0
  • 网页设计色彩搭配：蓝色 网页设计

    网页设计色彩搭配：蓝色

    蓝色是三原色之一，波长过短，纯正的蓝色RGB值分别为0、0、255，给人一种平静、平和、美丽、文静、安详与洁净的感觉。 蓝色与红、橙色相反，是典型的冷色，也是常见的后退色和收缩色，表示沉静、冷淡、理智、高深、透明等含义。 1. 蓝色性格特点 蓝色博大、永恒、平静、理智、纯净、遥远，就像辽阔的天空和大海。我国少数民族多使用靛蓝、普蓝作染料，因此，靛蓝、普蓝似乎…

    江山如画的头像 江山如画
    2021年2月4日
    14.3K0

发表回复

登录后才能评论

评论列表（1条）

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

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