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

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

(11)
上一篇 2018年4月18日 下午3:34
下一篇 2018年4月20日 下午9:05

99%的人还看了以下文章

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

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

    2018年12月29日 网页设计
    7.3K0
  • 网页制作常用特殊符号大全

    网页常用特殊符号大全-最全的网页制作特殊符号。在做网页时经常会用到一些特殊符号,本文汇总了所有常用网页制作时用到的特殊符号包括18禁、爱心符号、货币符号、箭头符号、日语字符、 皇冠符号、emoji符号等。

    2018年2月19日
    5.9K0
  • 赞!前端工程师应该具备怎样的能力和素质

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

    2023年1月18日
    9090
  • 网页制作实战项目九:飘城旅行社(分步教程)精

    【时间要求】4学时( 45 分钟×4=180 分钟) 【上机内容】 飘城旅行社 【上机目的】 1 、掌握整站开发的步骤及流程 2 、掌握网页固定布局的方法和技巧 3、培养团队意识和协作精神 【上机重点】 网页固定布局的方法和技巧 【上机难点】 网页固定布局的方法和技巧 【上机教学方法】 1 、采用分组教学 , 每个小组模拟一个开发团队 2 、充分发挥小组内各…

    2019年1月13日
    12.5K0
  • opencv 图像旋转 cv2.rotate和np.rot90案例精讲

    OpenCV 方法 OpenCV 中带有一个旋转图像的函数 cv2.rotate rotate(src, rotateCode[, dst]) -> dst参数:src:输入图像rotateCode:旋转方式1、cv2.ROTATE_90_CLOCKWISE:顺时针 90 度2、cv2.ROTATE_180:顺时针 180 度3、cv2.ROTATE_…

    2022年12月1日
    1.5K0
  • 网页设计中的字体选择以及常用字号

    网页设计中的字体 中文:宋体,微软雅黑,方正系列(无状态) 英文: Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。 Lucida Grande:是Mac OS U…

    2019年10月22日
    5.2K0

发表回复

登录后才能评论

评论列表(1条)

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

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