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

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

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

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

  • 平面设计中最常用的一项设计技法-K先生案例精讲 网页设计

    平面设计中最常用的一项设计技法-K先生案例精讲

    对比是在平面设计中最常用的一项设计技法，几乎每一个作品中都会出现“对比”的痕迹，今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧，包括大小、色彩、肌理、前后、疏密、虚实…等等，每个技巧运行都配有设计案例，一步步教你如何分析设计，讲解到位，通俗易懂，实用性强，一定会对你的设计有所帮助。

    江山如画的头像 江山如画
    2020年4月26日
    22.7K0
  • 中国网页设计 网页设计

    web开发技术课程项目考查

    考查目的 一、专业能力目标 ①检验学生对《web开发技术》课程的理解与掌握情况 ②锻炼学生运用所学知识解决实际问题，进行项目开发的能力。 ③掌握web项目的开发流程，网站建设的技术和方法，具备一定的网站设计能力及网页制作能力。 ④培养学生网站规划建设、发布，以及管理维护的基本技能。 ⑤培养学生掌握项目开发的的思想和方法，树立严肃认真的工作作风。 二、技能目标…

    江山如画的头像 江山如画
    2018年6月1日
    9.4K0

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

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

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

  • 如何提升设计价值——方法篇

    设计≠艺术，设计从诞生之初就是为“解决问题”而存在。在体验设计场景，如果业务方是“需求提出者”，那产品经理和设计师就是从不同视角切入的“问题解决者”，而用户既是“需求源头”，又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

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

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

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

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

  • 配色如此简单-最实用的配色教程

    本文主要介绍实战中配色方法和设计大师常用的快速配色技巧，希望大家能活学活用。

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

发表回复

登录后才能评论

评论列表（1条）

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

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