投稿
  1. 125jz首页
  2. 教程
  3. 网页设计

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

江山如画 • • 网页设计 • 阅读 12318

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

赞 (16)
江山如画的头像江山如画管理团队
0 1 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2018年4月18日 下午3:34
下一篇 2018年4月20日 下午9:05

99%的人还看了以下文章

  • 快速找到海报设计中存在的版式问题 网页设计

    快速找到海报设计中存在的版式问题

    通过海报设计实例，分析海报设计存在的问题，引导如何重新设计修改。从实战中理解所学的设计理论，活学活用。

    江山如画的头像 江山如画
    2018年7月9日
    15.8K0

  • 如何提升设计价值——方法篇

    设计≠艺术，设计从诞生之初就是为“解决问题”而存在。在体验设计场景，如果业务方是“需求提出者”，那产品经理和设计师就是从不同视角切入的“问题解决者”，而用户既是“需求源头”，又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

    江山如画的头像 江山如画
    2023年1月16日 • 网页设计
    7.6K0

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

    准备整理一套APP界面设计教程，可能会花费一段时间，请持续关注。 首先开篇我们介绍APP 界面设计，也就是新手最常遇到的问题：尺寸。 我们以iPhone 7为例讲解iOS 界面设计规范。 一、APP 界面设计工具 做APP 界面设计用的最多的就是PS和AI了，如果你是Mac用户，可以尝试一下Sketch，软件的版本当然是推荐高版本，因为功能更强大，作图的速度…

    江山如画的头像 江山如画
    2018年4月20日 • 网页设计
    7.1K0
  • 两天入门React+ Node，全栈工程师培训教程（精） 网页设计

    两天入门React+ Node，全栈工程师培训教程（精）

    两天入门React+Node（全栈工程师培训教程），教程内容完整、脉络清晰、通俗易懂，能帮助初学者看清技术路径，快速入门。所有内容都配有 Demo 和操作指导。

    江山如画的头像 江山如画
    2018年2月13日
    4.5K0
  • web前端开发 网页设计

    最全的前端开发框架介绍

    前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等）。前段框架的好处：对于互联网的产品而言，前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说，考虑的问题更为复杂，他们既要为网站上提供的产品和服务实现一流的Web页面、优化…

    江山如画的头像 江山如画
    2023年1月18日
    2.7K0
  • 6个技巧让你的版面设计的脱颖而出！ 网页设计

    6个技巧让你的版面设计的脱颖而出！

    优秀的版面设计可以让一个普通的文档脱颖而出。本文给大家分享6个让你版面设计脱颖而出的技巧：对齐，聚拢，重复，对比，强调，留白。并通过实例讲解原有版面设计的不足，运用这6个技巧如何改进你的版面设计。

    江山如画的头像 江山如画
    2018年10月2日
    8.7K0

发表回复

登录后才能评论

评论列表（1条）

  • 江山如画的头像
    江山如画 2020年4月29日 上午10:08

    学生作品：http://www.125jz.com/demo/webproject3/