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

【时间要求】 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)
江山如画的头像江山如画管理团队
上一篇 2018年4月18日 下午3:34
下一篇 2018年4月20日 下午9:05

99%的人还看了以下文章

  • 新手必看:如何制作网页

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

    2019年10月8日
    4.1K0
  • 两天入门React+ Node,全栈工程师培训教程(精)

    两天入门React+Node(全栈工程师培训教程),教程内容完整、脉络清晰、通俗易懂,能帮助初学者看清技术路径,快速入门。所有内容都配有 Demo 和操作指导。

    2018年2月13日
    4.4K0
  • web前端开发需要哪些技能?

    做WEB前端开发需要掌握哪些知识和技能? 中国网页设计通过对大型软件企业及IT培训机构(Oracle)的调研,把web前端开发需要的技能点列举如下。 HTML HTML简介 HTMl结构 HTML常用标签 HTML框架 HTML表格标签 HTML表单 HTML多媒体 CSS css简介 css的基本使用 css选择器 css常用样式属设置 CSS定位与DIV…

    2018年7月17日
    5.6K0
  • css布局基础:盒子模型练习

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

    2020年4月4日
    4.9K0
  • opencv 图像旋转 cv2.rotate和np.rot90案例精讲

    OpenCV 方法 OpenCV 中带有一个旋转图像的函数 cv2.rotate rotate(src, rotateCode[, dst]) -> dst参数:src:输入图像rotateCode:旋转方式1、cv2.ROTATE_90_CLOCKWISE:顺时针 90 度2、cv2.ROTATE_180:顺时针 180 度3、cv2.ROTATE_…

    2022年12月1日
    7.6K0
  • 网页设计技巧:3步提升网页品质

    网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质,特别是活动或专题页面的视觉效果,请学习网页设计师必须知道的设计技巧:减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的,这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前,进行网页分区前所要做的信息消化。比如我们希望…

    2019年2月21日 网页设计
    7.3K0

发表回复

登录后才能评论

评论列表(1条)

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

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