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

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

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

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

  • 中国网页设计 网页设计

    如何制作自己的网页

    要制作网页，建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件 如：Dreamweaver，hbuiler X，webstorm，Sublime Text 这样可以使您更了解网页制作与运营的原理。最好是结合教程边学习边制…

    江山如画的头像 江山如画
    2020年2月18日
    5.2K0

  • 9 组国风颜色搭配 -优秀网页设计

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

  • 毛笔字生成器，毛笔字在线生成网站

    125网页设计今天给大家推荐几个毛笔字生成器，毛笔字在线生成网站： http://www.51poca.com/ http://www.epinv.com/online/ http://www.akuziti.com/mb/ 毛笔字改造使用方法 将下载下来的字体图片AI转路径，编辑文字。 首先使用在线生成器输入选择好你需要的文字字形，将文字图片拖至AI中。 …

    江山如画的头像 江山如画
    2019年1月5日 • 网页设计
    10.2K0
  • 二级菜单效果图 网页设计

    css布局基础：盒子模型练习

    主要知识点： 1、盒子在页面的显示=margin+border+padding+width/height 2、每个html元素都可以抽象为一个盒子 效果图： 参考： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&…

    孙萍的头像 孙萍
    2020年4月4日
    4.8K0
  • web前端开发常用工具 建站软件

    网站前端开发常用工具大全-web设计师必备

    今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分，会让你的WEB前端设计工作事半功倍，您离一个优秀的前端设计师也就不远了~~ 原前端开发网（w3cfuns）开发，让前端开发变得更简单，exe文件只有1.67MB，点击直接运行，不需要安装，很方便。 功能：正则表达式、代码压缩、雪碧图制作、json格式化等，如果你经常在没有网络的办公环境…

    江山如画的头像 江山如画
    2019年2月21日
    13.2K0

  • 汉字发展简史：甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    中国具有五千年文字历史，文字中所包涵的精髓，值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征，并能灵活运用字体进行编排设计，才能使作品的内容更清晰、更有条理地传达给读者。

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

发表回复

登录后才能评论

评论列表（1条）

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

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