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

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

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

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

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

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

    江山如画的头像 江山如画
    2018年12月29日 • 网页设计
    8.7K0

  • 1秒学会两点透视绘图技巧

    三点透视是一种绘图方法，一般用于超高层建筑，俯瞰图或仰视图。第三个消失点必须和画面保持垂直的主视线，必须使其和视角的二等分线保持一致。 (二点透视）就是把立方体画到画面上，立方体的四个面相对于画面倾斜成一定角度时，往纵深平行的直线产生了两个消失点。 建筑绘画的两点透视要比三点透视还要难以掌控，Anatoly Reza Pahlevi 为我们展示了他的独门绝技…

    江山如画的头像 江山如画
    2018年7月14日 • 网页设计
    7.7K0
  • 品牌logo设计规范及应用-天猫年货节 网页设计

    品牌logo设计规范及应用-天猫年货节

    江山如画的头像 江山如画
    2018年6月20日
    6.5K0

  • 9种常用的排版小技巧

    分享优秀网页设计发布的9种常用的排版小技巧，不同氛围的文字排版组合，演绎不同的版面风格。 ​​​​

    江山如画的头像 江山如画
    2020年4月4日 • 网页设计
    8.7K0
  • web前端开发常用工具 建站软件

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

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

    江山如画的头像 江山如画
    2019年2月21日
    5.7K0
  • web前端开发 网页设计

    赞！前端工程师应该具备怎样的能力和素质

    前端工程师应该具备怎样的能力和素质？ 技术功底、技术视野、技术追求 除了开发业务功能外，还需要对开发规范、工程化、组件化、模块化、测试、设计模式有一定的认知和实践 沟通表达能力、书面表达能力、总结复盘习惯 全局思维、抽象思维、持续交付意识 项目一号位担当，团队协作意识 综合权衡：成本、效率、质量、风险、体验 关注产品、设计、商业等各个领域。交叉学科会带来更多…

    江山如画的头像 江山如画
    2023年1月18日
    4.7K0

发表回复

登录后才能评论

评论列表（1条）

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

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