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

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

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

【时间要求】 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%的人还看了以下文章

  • Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件） 网页设计

    Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件）

    网页的布局与规划 本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容； 3、底部，包括一些版权信息。 有了以上的分析，我们就可以很容易的布局了，我们设计层如下图: 根据上图，我再画了一个实际的页面布局图，说明一下层的…

    江山如画的头像 江山如画
    2018年7月31日
    15.6K0
  • web前端开发 网页设计

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

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

    江山如画的头像 江山如画
    2023年1月18日
    7.7K0
  • 中国网页设计 网页设计

    网站设计的七个步骤

    一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 初学网页制作从这里开始 …

    江山如画的头像 江山如画
    2020年6月13日
    7.1K0
  • 网页设计常用色彩搭配表 《配色表》 网页设计

    网页设计常用色彩搭配表《配色表》

    该配色表将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。 按色相的搭配分类 红色、橙色、 黄色、 黄绿色、 绿色、 青绿色、 蓝色、 蓝紫色、 紫色、 紫红色 按印象的搭配分类 柔和、明亮、温柔柔和、洁净、爽朗可爱、快乐、有趣活泼、快乐、有趣运动型、轻快轻快、华丽…

    江山如画的头像 江山如画
    2018年2月5日
    13.4K0

  • 界面设计的字体规范：常用字体，字号，字体颜色及间距对齐

    今天125网页设计给大家分享界面设计中常用的字体，字号，字体颜色及间距对齐的一些小经验，通过设计经验可以帮助你做出更好的版式，相信大家会有收获。 一、常见界面设计中字体使用问题 1.字体样式太多，导致页面杂乱 2.使用的字体不易识别 3.字体样式和内容的气氛或规范不匹配 二.界面设计中文字的使用规则 移动端常规字体 IOS:常选择华文黑体或者冬青黑体，尤其是…

    江山如画的头像 江山如画
    2018年12月29日 • 网页设计
    9.6K0
  • 浏览器播放视频时只有声音看不到画面的原因及解决方法（精） 网页设计

    浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）

    做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。 反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。 在网上到处搜索，最终解决。 问题描述： 在html5页面中嵌入视频，用浏览器打…

    江山如画的头像 江山如画
    2018年5月9日
    22.1K0

发表回复

登录后才能评论

评论列表（1条）

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

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