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

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

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

【时间要求】 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） 网页设计

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

    网页制作实战项目九：飘城旅行社（分步教程）精 在上一课中，我们学习了实战项目九-首页的制作，今天来实现其他主要页面：旅游资讯。 练习一：PC端固定布局 地址：http://www.125jz.com/wp-content/demo/20190113demo1.html  练习二：流体移动布局 地址：马上上线 练习三：兼容响应式布局 地址：马上上线 1.导航下…

    江山如画的头像 江山如画
    2019年1月22日
    6.0K0
  • 中国网页设计 网页设计

    web开发技术课程项目考查

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

    江山如画的头像 江山如画
    2018年6月1日
    4.0K0
  • 精选9组网页配色方案-寻找灵感 网页设计

    精选9组网页配色方案-寻找灵感

    江山如画的头像 江山如画
    2019年11月24日
    11.0K0

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

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

    江山如画的头像 江山如画
    2019年11月16日 • 网页设计
    5.6K0

  • 福利！13款免费商用卡通字体推荐（已打包）

    本期推荐的是免费商用的卡通体，此类字体非常适合运用在可爱活泼、轻松休闲的设计中，会有不俗的表现力，常常能达到“画龙点睛”的效果。 部分作品展示： 整个字形向上倾斜，给人一种积极向上的感觉，而且横折和竖折的笔画都有弧线，没那么死板，无论是笔画结构，还是笔画粗细，都是灵活的，是一例轻松快乐风格的字体。 字形笔画去除了折笔的弧形，换之以平直的笔画，竖弯钩转为竖折，…

    江山如画的头像 江山如画
    2023年1月28日 • 网页设计
    8.3K0
  • web前端开发 网页设计

    网页设计师必须知道的八大前端核心知识

    前端入门核心知识点 浏览器 Web标准：结构标准（HTML）、表现标准（CSS）、行为标准（JS） 浏览器分为两部分：渲染引擎（即：浏览器内核）、JS 引擎 浏览器的工作原理：重绘和重排、V8引擎 App的WebView容器，相当于浏览器，可以内嵌H5网页 HTML5 语义化标签：<header>、<article> 、<foo…

    江山如画的头像 江山如画
    2023年1月18日
    3.3K0

发表回复

登录后才能评论

评论列表（1条）

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

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