【时间要求】 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
网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明，是对用户需求沟通的图形表现，以便更准确无误地与用户确认需求，也对网站风格设计过程起指导作用。
优秀的版面设计可以让一个普通的文档脱颖而出。本文给大家分享6个让你版面设计脱颖而出的技巧：对齐，聚拢，重复，对比，强调，留白。并通过实例讲解原有版面设计的不足，运用这6个技巧如何改进你的版面设计。
两天入门React+Node（全栈工程师培训教程），教程内容完整、脉络清晰、通俗易懂，能帮助初学者看清技术路径，快速入门。所有内容都配有 Demo 和操作指导。
产品的节日主题设计，已经成为各大门户争先出彩的亮点之一，无论是春节、元旦、七夕、圣诞等传统节日，还是双十一、双十二、阿里年货节和京东蝴蝶节等电商活动日，甚至还有各种国际节日都可以成为各大品牌的一个Show场。 近日，中国网页设计接到一项目需要做活动主题页面，在网上查了下相关教程不是很多，能讲深讲透的更少。后来看到JaylonG的文章，感觉很有启发，现分享给大…
网页制作实战项目九：飘城旅行社（分步教程）精 在上一课中，我们学习了实战项目九-首页的制作，今天来实现其他主要页面：旅游资讯。 练习一：PC端固定布局 地址：http://www.125jz.com/wp-content/demo/20190113demo1.html 练习二：流体移动布局 地址：马上上线 练习三：兼容响应式布局 地址：马上上线 1.导航下…
最新的中国网民电脑分辨率统计情况显示95%的用户在1280以上，一些用户数较多的电商网站最大宽度一般也为1190或1200，如淘宝、天猫、京东…网页宽度为1200将会成为主流，当然现在很多网站为响应式网站可以适应多种分辨率了。
微信扫一扫 
支付宝扫一扫
评论列表（1条）
学生作品：http://www.125jz.com/demo/webproject3/