【时间要求】 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
色彩基础知识 光与色彩 色彩三要素 色彩的冷暖 色彩深度 光与色彩 1666年，牛頓以三棱镜分解太阳光，发現看似无色的光线，经过三棱镜時，会依其波长和折射关系， 依序分为紅、橙、黃、绿、青、蓝、紫七色光。 光的物理性质：波长：产生色相的区別波长短的偏蓝，波长长的偏红振幅：产生明暗的区別振幅大的偏亮，振幅小的偏暗 【练习】哪一個较偏蓝？以下哪一個较亮？ 人类…
学习提升网站： 翼狐网 http://www.yiihuu.com/Hack Design https://hackdesign.org/掘金 https://juejin.im/ web前端开发网站： 中国网页设计：http://www.125jz.com/Wordpress主题 ：http://www.weidea.net/Wordpress教程：htt…
网页设计中的字体 中文：宋体，微软雅黑，方正系列（无状态） 英文： Helvetica：被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。 Lucida Grande：是Mac OS U…
豪斯课堂又一力作，耗时3个月。 让人受益匪浅的主题设计教程，版式调整下~！主体立刻突现！赞！把之前设计的一些迷惑的地方都给找出来了。 网友评论： 感触大发，突然就有了灵感！！！ 完全的干货，干的拧不出水，看的时候非常感动，不禁在想楼主为此篇教程到底做了多少努力，看完之后有种肃然起敬的感觉。 非常好，理解很容易。最后修改一些同学的图片，我觉得真是大神，修改后的…
前端文档 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程：https://zh.javascript.info/ 阮一峰 JS教程：https://wangdoc.com/javascript…
微信扫一扫 
支付宝扫一扫 
评论列表（1条）
学生作品：http://www.125jz.com/demo/webproject3/