【时间要求】 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
1、明确和突出的品牌设计 优秀的网站设计师会将品牌的色彩、设计元素贯穿到整个网站的设计中。 2、抢眼独到的头条 网站要有强大的内容支撑。 首页是网站的脸，头条是这个网站的眼! 头条要抢眼，干脆，直击用户，在网页上要一目了然，是视觉焦点。清晰的排版和易于浏览的头条文章，是必须要有的。 3、有阶梯层级的导航 导航设计要简化，给人以“专业”的感觉。尽量让体验顺滑流…
字体主要分为衬线字和无衬线字。网站制作中，选用什么样的字体是比较重要。 衬线字和无衬线字的区别：左边的中文和英文字属于衬线字，右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。 如宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。 无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅…
前端文档 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程：https://zh.javascript.info/ 阮一峰 JS教程：https://wangdoc.com/javascript…
个人如何制作网站应该从以下几个方面展开： 1、确定网站的题材 网站题材就是网站的主题，你的网站是干什么的。如电影网站、小说网站等。 首先要明确，选择自己擅长和喜爱的题材，其次切忌题材太滥或者目标太高。 2、确定题材后，就要将收集到的资料内容作一个合理的编排 比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，…
错位编排是通过对标题文字大小、位置和笔画的调整，打破固定的排版样式，让标题的排版更具个性化，是提升标题编排设计感和美感最简单最实用的设计技巧。
本期分享 5 个常用的错位排版方法，学会这些方法你也可以快速设计出个性的标题排版。
微信扫一扫 
支付宝扫一扫 
评论列表（1条）
学生作品：http://www.125jz.com/demo/webproject3/