网页制作实战项目二:爱的天空

请加入网页设计交流群:208047327 ,在项目制作过程中有任何问题,可以在群内讨论,或进入本站问答社区互动。

【时间要求】 2 学时( 45 分钟× 2=90 分钟)

【上机内容】 《爱的天空》主页面及心情日志页面制作

【上机目的】

1 、巩固表格布局的方法和技巧

2 、掌握HTML及CSS的使用

【上机重点】

1 、表格布局

2 、HTML及CSS的使用

【上机难点】

1、表格布局

2、CSS的使用

【上机内容】

请在规定时间内制作出以下网页:(要求要符合网站建设的规范!)

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

1像素虚线制作的两种方法:

<style type="text/css">
.line{ border:1px  dashed #CCC;}
</style>

<hr class="line" />

使用div ,让其border-top或border-bottom,为1像素虚线,代码如下

<style type="text/css">
.line{ border-top:1px  dashed #CCC;}
</style>

<div class="line"></div>

所需图片:

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空

网页制作实战项目二:爱的天空网页制作实战项目二:爱的天空

使用“序号+学号+姓名”命名压缩文件,提交给课代表。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/1639.html

(14)
江山如画的头像江山如画管理团队
如何使用微信笔记做记录?
上一篇 2018年4月9日 下午1:30
什么是单元测试,单元测试快速入门教程一
下一篇 2018年4月16日 上午9:13

99%的人还看了以下文章

  • 网站logo制作13项实用技巧

    网站logo制作13项实用技巧网站logo制作13项实用技巧网站logo制作13项实用技巧网站logo制作13项实用技巧

    介绍了常用的网站logo制作方法、制作技巧。

    2019年11月16日 网页设计
    10.3K0
  • 如何做好视觉设计中的层次?(精)

    如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)

    对于视觉次序(视觉层次)的营造是每个设计师所必须精通的,无论是海报设计还是页面设计,从整体来看总会有强弱、主次之分,因为有了视觉上的变化,才使得整体更富有层次感;当用户在浏览信息很多的网页时,作为设计师要做到:即使用户只是简单的浏览,也要有能在用户脑海中形成记忆的视觉元素,而这些元素就是视觉中的主,而当用户仔细阅读时才能记忆到的元素才是视觉上的次;从局部来说…

    2018年7月9日 网页设计
    12.8K0
  • 如何提升设计价值——方法篇

    如何提升设计价值——方法篇如何提升设计价值——方法篇如何提升设计价值——方法篇如何提升设计价值——方法篇

    设计≠艺术,设计从诞生之初就是为“解决问题”而存在。在体验设计场景,如果业务方是“需求提出者”,那产品经理和设计师就是从不同视角切入的“问题解决者”,而用户既是“需求源头”,又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

    2023年1月16日 网页设计
    9.1K0
  • 网页制作实战项目六:中融宝企业网站制作

    网页制作实战项目六:中融宝企业网站制作网页制作实战项目六:中融宝企业网站制作网页制作实战项目六:中融宝企业网站制作网页制作实战项目六:中融宝企业网站制作

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 中融宝企业网站制作 【上机目的】 1 、掌握网页布局的方法和技巧 2 、掌握HTML及CSS的使用 3、掌握表单及表单元素的使用 4、培养团队意识和协作精神 【上机重点】 1 、网页布局 2 、表单制作 3 、HTML及CSS的使用 【上机难点】 1、网页布局 2、CSS的定义和使用 【…

    2018年5月17日 网页设计
    13.9K1
  • 从零开始做APP界面设计三:字体选择 字号及配色方案

    上一篇《从零开始做APP界面设计二:App界面设计尺寸》我们学习了app界面设计尺寸规范,今天中国网页设计给大家分享App界面设计中字体的选用、字号设置及配色方案。 App界面设计标准色: 背景用色、文字用色、图标用色 App界面设计标准字: IOS:中文使用苹方字体  英文和数字使用Helvetica Android:中文使用思源黑体 英文和数字使用Rob…

    2018年4月22日
    12.8K0
  • 设计师提升作品精致度的4个方法!

    设计师提升作品精致度的4个方法!设计师提升作品精致度的4个方法!设计师提升作品精致度的4个方法!设计师提升作品精致度的4个方法!

    提升作品精致度的方式:1、选择背景要高清、尽量选简不选繁;2、中、英文字要使用相对应的字体,提升整体层次感;3,善于使用图形化的元素,但是要注意尽量不要太复杂,否则会影响整体视觉感受;4、合理的留白,但是要避免盲目过度的留白;

    2023年1月24日 网页设计
    10.6K0

发表回复

登录后才能评论