网页制作实战项目三：运动会页面制作

江山如画 • 2018年4月19日下午7:27 • 网页设计 • 阅读 12888

【时间要求】 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

10个项目学会制作网页

江山如画管理团队

0 1 打赏

微信扫一扫

支付宝扫一扫

单元测试经验总结,单元测试快速入门教程六

上一篇 2018年4月18日下午3:34

从零开始做APP界面设计一：iOS 界面设计规范

下一篇 2018年4月20日下午9:05

网页设计

网站策划：如何定位网站主题

网站策划、网页设计首先遇到的问题就是定位网站主题。所谓网站主题也就是网站的题材类别，具体就是该网站是什么类型的，什么性质的，主要内容是什么……

江山如画
2020年2月18日
4.7K00
赞！UI设计师必须学习的3个色彩理论

彩搭配在设计中很重要！不同的配色方案呈现出不同的效果，搞定配色！请学习最好的配色教程色彩模式 1、RGB色彩模式。通过光的三原色相加混合产生的。显示器的所有色彩都是通过红色、绿色、蓝色这三原色混合来显示的。 2、CMYK 色彩模式。是指墨水或颜料的三原色加上黑色这四种颜色，混合后出现的色彩。CMYK是打印机等印刷设备使用的色彩模型。 3、索引色…

江山如画
2022年8月10日 • 网页设计
4.1K00
网页设计

网页设计师必须知道的八大前端核心知识

前端入门核心知识点浏览器 Web标准：结构标准（HTML）、表现标准（CSS）、行为标准（JS）浏览器分为两部分：渲染引擎（即：浏览器内核）、JS 引擎浏览器的工作原理：重绘和重排、V8引擎 App的WebView容器，相当于浏览器，可以内嵌H5网页 HTML5 语义化标签：<header>、<article> 、<foo…

江山如画
2023年1月18日
8.4K00
网页设计

移动端web app和页面开发使用什么字体？微软雅黑？

一直不清楚移动端web app和页面用的什么字体，只是觉得类似微软雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。三大手机系统IOS、android、winphone支持的字体 ios 系统默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 androi…

江山如画
2019年4月9日
16.9K03
网页设计技巧：3步提升网页品质

网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质，特别是活动或专题页面的视觉效果，请学习网页设计师必须知道的设计技巧：减法、分块、加法。 1.减法网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的，这便是我们在网页设计方法中提到的特征。 2.分块在功能划分前，进行网页分区前所要做的信息消化。比如我们希望…

江山如画
2019年2月21日 • 网页设计
8.7K00
网页设计第一步：绘制网站草图

网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明，是对用户需求沟通的图形表现，以便更准确无误地与用户确认需求，也对网站风格设计过程起指导作用。

江山如画
2020年2月26日 • 网页设计
29.9K04