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

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

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

【时间要求】 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 组国风颜色搭配 -优秀网页设计

    江山如画的头像 江山如画
    2023年1月5日 • 网页设计
    3.5K0
  • Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件） 网页设计

    Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件）

    网页的布局与规划 本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容； 3、底部，包括一些版权信息。 有了以上的分析，我们就可以很容易的布局了，我们设计层如下图: 根据上图，我再画了一个实际的页面布局图，说明一下层的…

    江山如画的头像 江山如画
    2018年7月31日
    14.9K0

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

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

    江山如画的头像 江山如画
    2022年8月10日 • 网页设计
    3.5K0

  • 设计师必收藏的22个设计素材网站

    设计素材，是设计师创意的利剑。中国网页设计对素材门户网站进行整理，给广大设计师推荐国内最好的22个设计素材网站

    江山如画的头像 江山如画
    2020年2月23日 • 网页设计
    17.2K0

  • 9种常用的排版小技巧

    分享优秀网页设计发布的9种常用的排版小技巧，不同氛围的文字排版组合，演绎不同的版面风格。 ​​​​

    江山如画的头像 江山如画
    2020年4月4日 • 网页设计
    12.5K0

  • 设计师如何构建自己的知识体系？

    最近几年能看到各行各业越来越多关于知识体系化的文章话题被关注，一定程度上说明在当前社会发展中，大家越来越重视个人知识体系化的积累。本篇文章将围绕知识体系为主题，会涉及到很多不同纬度的知识内容展开。 为什么要构建知识体系 第一，系统化知识，可以帮助我们更高效学习，节省学习中大量不必要的时间； 第二，学习吸收进来的知识点及时纳入体系里，可以让知识记得更加牢固； …

    江山如画的头像 江山如画
    2022年8月10日 • 网页设计
    9.4K0

发表回复

登录后才能评论

评论列表（1条）

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

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