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

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

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

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

  • 网页制作实战项目八：川厨小巷

    【时间要求】 2 学时（ 45 分钟× 2=90 分钟） 【上机内容】 川厨小巷 【上机目的】 1 、掌握网页布局的方法和技巧 2 、掌握行为的使用 3、掌握javascript(网页特效)的使用 4、培养团队意识和协作精神 【上机重点】 1 、网页布局 2 、javascript(网页特效)的使用 【上机难点】 javascript(网页特效)的使用 【上…

    江山如画的头像 江山如画
    2018年5月31日 • 网页设计
    12.4K0
  • web 网页设计

    做什么样的网站好,什么样的网站才能吸引用户？

    什么样的网站是好网站，做什么样的网站好？网站要以什么样的形式来吸引你的用户？

    江山如画的头像 江山如画
    2019年1月25日
    2.4K0

  • 设计网站主页必须遵循的5点基本原则

    一个好的网站是一个有效的销售工具，它能够吸引更多的网民的注意。就好像一篇好的文章或者广告，他必须首先引起读者的兴趣，然后引导他们去做出某种行为。因此，不能忽视网站主页面的重要性，否则，网站让浏览者会很快失去兴趣。这样的网站，有可能赢得很高的点击率，但却不能制造预期般的回应，更不用说让网民着迷，进入下一级页面了。 与此类似，一个成功的网站也有几点要素。下面是设…

    江山如画的头像 江山如画
    2019年2月21日 • 网页设计
    4.6K0
  • 快速找到海报设计中存在的版式问题 网页设计

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

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

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

  • 网站上FLV、MP4格式视频无法播放的原因及解决方法（图）

    今天更新网站，把视频文件放到服务器上，用浏览器打开，无法播放视频文件。 服务器：windows2003+IIS 问题原因： 在IIS服务器上，默认是不支持网站插入并且播放视频功能的。 我们需要去配置IIS服务器，以支持相应的视频格式，如：FLV、MP4 在IIS服务器中配置视频格式的方法和步骤 win2003服务器IIS的配置方法 打开IIS管理器，在左侧“…

    江山如画的头像 江山如画
    2018年5月9日 • 网页设计
    7.4K0
  • web前端开发 网页设计

    最完善的前端开发流程（详解）

    前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、甚至看不见的问题）的表现形式，都会暴露在前端，而只有部分问题（数据问题、计算问题、安全问题等）暴露在后端，这就意味着前端起到了至关重要的承载和连接作用。 一、前端开发流程 需求评审 一般在做需求评审时，PRD里只有交互稿，尚未有视觉稿。…

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

发表回复

登录后才能评论

评论列表（1条）

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

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