【时间要求】 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
本期推荐的是免费商用的卡通体，此类字体非常适合运用在可爱活泼、轻松休闲的设计中，会有不俗的表现力，常常能达到“画龙点睛”的效果。 部分作品展示： 整个字形向上倾斜，给人一种积极向上的感觉，而且横折和竖折的笔画都有弧线，没那么死板，无论是笔画结构，还是笔画粗细，都是灵活的，是一例轻松快乐风格的字体。 字形笔画去除了折笔的弧形，换之以平直的笔画，竖弯钩转为竖折，…
推荐：如何制作网页，网站制作流程 HTML（超文本标记语言）：HTML是用于构建网页结构的标记语言。你需要学习HTML标签、属性和元素的使用，了解如何创建网页的基本结构、标题、段落、链接、图像等。推荐学习：Html入门教程（零基础）、跟永哥学HTML5 CSS（层叠样式表）：CSS用于为网页添加样式和布局。你需要学习CSS选择器、属性和值的使用，了解如何设置…
学习提升网站： 翼狐网 http://www.yiihuu.com/Hack Design https://hackdesign.org/掘金 https://juejin.im/ web前端开发网站： 中国网页设计：http://www.125jz.com/Wordpress主题 ：http://www.weidea.net/Wordpress教程：htt…
对于视觉次序（视觉层次）的营造是每个设计师所必须精通的，无论是海报设计还是页面设计，从整体来看总会有强弱、主次之分，因为有了视觉上的变化，才使得整体更富有层次感；当用户在浏览信息很多的网页时，作为设计师要做到：即使用户只是简单的浏览，也要有能在用户脑海中形成记忆的视觉元素，而这些元素就是视觉中的主，而当用户仔细阅读时才能记忆到的元素才是视觉上的次；从局部来说…
做WEB前端开发需要掌握哪些知识和技能？ 中国网页设计通过对大型软件企业及IT培训机构（Oracle）的调研，把web前端开发需要的技能点列举如下。 HTML HTML简介 HTMl结构 HTML常用标签 HTML框架 HTML表格标签 HTML表单 HTML多媒体 CSS css简介 css的基本使用 css选择器 css常用样式属设置 CSS定位与DIV…
微信扫一扫 
支付宝扫一扫
评论列表（1条）
学生作品：http://www.125jz.com/demo/webproject3/