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

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

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

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

  • 网页制作实战项目八：川厨小巷

    【时间要求】 2 学时（ 45 分钟× 2=90 分钟） 【上机内容】 川厨小巷 【上机目的】 1 、掌握网页布局的方法和技巧 2 、掌握行为的使用 3、掌握javascript(网页特效)的使用 4、培养团队意识和协作精神 【上机重点】 1 、网页布局 2 、javascript(网页特效)的使用 【上机难点】 javascript(网页特效)的使用 【上…

    江山如画的头像 江山如画
    2018年5月31日 • 网页设计
    12.5K0
  • 网页上标准的广告尺寸规格大全 网页设计

    网页上标准的广告尺寸规格大全

    网页中的标准网页广告尺寸规格 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展…

    江山如画的头像 江山如画
    2020年3月11日
    11.8K0
  • 左侧固定，右侧自适应布局的两种实现方法 网页设计

    左侧固定，右侧自适应布局的两种实现方法

    左侧固定，右侧自适应布局效果图 很多页面，特别是网站后台管理页面，不少采用左右布局。本文讲解左侧固定，右侧自适应布局的两种实现方法。 左侧固定200px宽，右侧自适应，中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    江山如画的头像 江山如画
    2019年3月10日
    8.4K0
  • seo,网站优化 网页设计

    5个制作网站必须思考的问题，解决好这些才能提高访问量

    决定做一个网站前，站长们需要深入思考这5大问题。如果你能妥善地解决好这些问题，那你的网站一定会吸引用户，访问量大增。

    江山如画的头像 江山如画
    2018年2月28日
    4.1K0
  • web开发技术 网页设计

    第3章CSS基础

    本章学习目标:
    了解CSS基本概念
    掌握CSS选择器的使用
    掌握在网页中应用CSS的方法
    掌握使用Dreamweaver编辑CSS的方法

    江山如画的头像 江山如画
    2018年3月22日
    7.5K0
  • 新手必看：如何制作网页 网页设计

    新手必看：如何制作网页

    网上学习如何制作网页的教程很多，但是都很杂乱，没有一个体系。这篇文章，是给大家梳理一下制作网页所需要学习的内容，新手可以按照这个流程，一步一步的学习，当然，如果你一直看下去，我们会有惊喜给大家。

    江山如画的头像 江山如画
    2019年10月8日
    4.1K0

发表回复

登录后才能评论

评论列表（1条）

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

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