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

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

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

【时间要求】 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个实用小技巧快速提高版面设计质量

    江山如画的头像 江山如画
    2019年11月8日 • 网页设计
    21.8K0
  • 中国网页设计 网页设计

    网站设计的七个步骤

    一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 初学网页制作从这里开始 …

    江山如画的头像 江山如画
    2020年6月13日
    6.1K0

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

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

    江山如画的头像 江山如画
    2022年8月10日 • 网页设计
    8.8K0
  • 二级菜单效果图 网页设计

    css布局基础：盒子模型练习

    主要知识点： 1、盒子在页面的显示=margin+border+padding+width/height 2、每个html元素都可以抽象为一个盒子 效果图： 参考： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&…

    孙萍的头像 孙萍
    2020年4月4日
    4.8K0

  • 字体性格—解决字体设计和使用的问题（精）

    字体性格就是通过字体结构、笔画、细节的差异，塑造出形式多变的字体，从而给人不同的视觉感受。好的字体设计，总能在第一时间准确地传达字体情感，这就是字体性格的魅力。

    江山如画的头像 江山如画
    2019年11月27日 • 网页设计
    8.1K0
  • 中国网页设计 网页设计

    web开发技术课程项目考查

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

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

发表回复

登录后才能评论

评论列表（1条）

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

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