【时间要求】 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
错位编排是通过对标题文字大小、位置和笔画的调整，打破固定的排版样式，让标题的排版更具个性化，是提升标题编排设计感和美感最简单最实用的设计技巧。
本期分享 5 个常用的错位排版方法，学会这些方法你也可以快速设计出个性的标题排版。
网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为三类。
网页设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制。第二部分为网页的制作。
对于视觉次序（视觉层次）的营造是每个设计师所必须精通的，无论是海报设计还是页面设计，从整体来看总会有强弱、主次之分，因为有了视觉上的变化，才使得整体更富有层次感；当用户在浏览信息很多的网页时，作为设计师要做到：即使用户只是简单的浏览，也要有能在用户脑海中形成记忆的视觉元素，而这些元素就是视觉中的主，而当用户仔细阅读时才能记忆到的元素才是视觉上的次；从局部来说…
对比是在平面设计中最常用的一项设计技法，几乎每一个作品中都会出现“对比”的痕迹，今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧，包括大小、色彩、肌理、前后、疏密、虚实…等等，每个技巧运行都配有设计案例，一步步教你如何分析设计，讲解到位，通俗易懂，实用性强，一定会对你的设计有所帮助。
微信扫一扫 
支付宝扫一扫
评论列表（1条）
学生作品：http://www.125jz.com/demo/webproject3/