【时间要求】 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
对比是在平面设计中最常用的一项设计技法，几乎每一个作品中都会出现“对比”的痕迹，今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧，包括大小、色彩、肌理、前后、疏密、虚实…等等，每个技巧运行都配有设计案例，一步步教你如何分析设计，讲解到位，通俗易懂，实用性强，一定会对你的设计有所帮助。
表单是网页制作中常用的元素，本文会探讨表单设计的注意事项。但这些只是通用规范，每条准则总有特殊情况。 表单应该只有一列 多列布局会扰乱用户垂直方向的视线移动。 把标签放到顶部 顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是，对于有多种选择项的大量数据列表而言，请考虑使用左侧标签，因为它们在一起更易于浏览，能够减少高度，比顶部标…
网页的布局与规划 本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容； 3、底部，包括一些版权信息。 有了以上的分析，我们就可以很容易的布局了，我们设计层如下图: 根据上图，我再画了一个实际的页面布局图，说明一下层的…
文章最后提供HTML5+CSS3制作网页实例源码下载。 步骤1 -设计 设计师先根据构想使用PHOTOSHOP设计页面，然后开始HTML和CSS编码,从设计背景、颜色和字体,细节部分的工作内容。 步骤2 – HTML 头部html代码 <!DOCTYPE html> <html> <head> <meta…
微信扫一扫 
支付宝扫一扫 
评论列表（1条）
学生作品：http://www.125jz.com/demo/webproject3/