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

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

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

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

  • 网页制作实战项目九：飘城旅行社（分步教程）精 网页设计

    网页制作实战项目九：飘城旅行社（分步教程）精

    【时间要求】4学时（ 45 分钟×4=180 分钟） 【上机内容】 飘城旅行社 【上机目的】 1 、掌握整站开发的步骤及流程 2 、掌握网页固定布局的方法和技巧 3、培养团队意识和协作精神 【上机重点】 网页固定布局的方法和技巧 【上机难点】 网页固定布局的方法和技巧 【上机教学方法】 1 、采用分组教学 , 每个小组模拟一个开发团队 2 、充分发挥小组内各…

    江山如画的头像 江山如画
    2019年1月13日
    18.5K0

  • 网站logo制作13项实用技巧

    介绍了常用的网站logo制作方法、制作技巧。

    江山如画的头像 江山如画
    2019年11月16日 • 网页设计
    9.6K0
  • 网站制作、网站建设 网页设计

    企业做网站选择定制开发，还是网上在线模板建站好？

    不少企业老板，要做网站，总爱先问做网站多少钱？ 在《做个企业网站多少钱？》一文中，我们讲解了做网站，先要明白，价格和价值的关系，只看价格不比质量，不看实际给企业能带来多大价值的网站都是没有什么用处的，看似便宜，实际多花了钱，后期还要重做，总起来花的钱比原来还要多。想花一千的价格，还要求网站页面漂亮，功能完善，用户体验及排名都要好，这是不现实的。 企业做网站选…

    江山如画的头像 江山如画
    2018年12月17日
    4.7K0
  • 中国网页设计 网页设计

    web开发技术课程项目考查

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

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

  • 网页设计色彩搭配:红色

    标准红色的RGB值分别是255、0、0。红色在网络上出现的频率可以说是比较高的，无论是传达吉庆的信息还是商业上的应用，是一种极具有表现力的色彩。 红色容易让人联想到太阳、热血、婚姻、喜庆，给人的感觉当然富有吉祥、吉祥、活力、激动、火暴等寓意。 如图所示： 图 红色基调 红色的波长最长，穿透力最强，感知度也最高。 它经常用来表现太阳、火焰、热血、花卉等，具有积…

    江山如画的头像 江山如画
    2021年2月4日 • 网页设计
    10.8K0
  • HTML5+CSS3制作网页实例 网页制作

    HTML5+CSS3制作网页实例：HTML5入门

    文章最后提供HTML5+CSS3制作网页实例源码下载。 步骤1 -设计 设计师先根据构想使用PHOTOSHOP设计页面，然后开始HTML和CSS编码,从设计背景、颜色和字体,细节部分的工作内容。 步骤2 – HTML 头部html代码 <!DOCTYPE html> <html> <head> <meta…

    江山如画的头像 江山如画
    2019年3月7日
    16.5K0

发表回复

登录后才能评论

评论列表（1条）

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

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