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

江山如画 • 2018年4月19日下午7:27 • 网页设计 • 阅读 13145

【时间要求】 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

10个项目学会制作网页

江山如画管理团队

0 1 打赏

微信扫一扫

支付宝扫一扫

单元测试经验总结,单元测试快速入门教程六

上一篇 2018年4月18日下午3:34

从零开始做APP界面设计一：iOS 界面设计规范

下一篇 2018年4月20日下午9:05

网页设计

web前端开发及PHP学习网站网址大全

学习提升网站：翼狐网 http://www.yiihuu.com/Hack Design https://hackdesign.org/掘金 https://juejin.im/ web前端开发网站：中国网页设计：http://www.125jz.com/Wordpress主题：http://www.weidea.net/Wordpress教程：htt…

江山如画
2019年10月24日
9.5K01
设计师如何构建自己的知识体系？

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

江山如画
2022年8月10日 • 网页设计
11.5K00
网页设计

网页制作实战项目五：根据网页效果图制作网页

了解网页制作全过程，能够根据网页效果图PSD源文件，切图并制作出网页。

江山如画
2018年5月3日
11.6K015
网页设计

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

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

江山如画
2020年3月11日
14.3K05
网页设计

web前端工程师需要掌握哪些知识，0基础学习Web前端课程大纲

想从事Web前端开发，需要掌握哪些知识？中文网页设计网今天给大家分享0基础学习Web前端的课程大纲，从入门到精通，帮助你快速成长为Web前端工程师。 Web前端基础课程大纲第一阶段：HTML+CSS 第二阶段：JavaScript基础知识第三阶段：DOM、BOM与事件第四阶段：面向对象与数据交互第五阶段：JavaScript实战第六阶段：数据类型…

江山如画
2018年10月24日
7.7K01
决定网页设计品质的9个细节

细节决定成败”在页面设计中是颠扑不破的真理。一个页面的细节能充分体现出页面的品质。本文介绍了网页设计中的字号、字体、样式、间距、颜色、排版、留白、层次、光影等细节如何处理？

江山如画
2020年2月6日 • 网页设计
6.8K00