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

请加入网页设计交流群: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

(12)
江山如画的头像江山如画管理团队
上一篇 2018年4月9日 下午1:30
下一篇 2018年4月16日 上午9:13

99%的人还看了以下文章

  • 网页设计技巧:3步提升网页品质

    网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质,特别是活动或专题页面的视觉效果,请学习网页设计师必须知道的设计技巧:减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的,这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前,进行网页分区前所要做的信息消化。比如我们希望…

    2019年2月21日 网页设计
    4.8K0
  • 1秒学会两点透视绘图技巧

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

    2018年7月14日 网页设计
    7.1K0
  • Table布局 VS Div+CSS布局,选哪个?

    Table布局 和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章《为什么我们不建议用Table布局》,又想发表下自己的见解,供初学网页制作的新手参考。 《为什么我们不建议用Table布局》节选: Table要比其它html标记占更多的字节。 (延迟下载时间,占用服务器更多的流量资源。) Tablle会阻挡浏览器渲染引擎的渲染顺序。 (会延迟页面…

    2018年12月21日
    3.7K0
  • 两天入门React+ Node,全栈工程师培训教程(精)

    两天入门React+Node(全栈工程师培训教程),教程内容完整、脉络清晰、通俗易懂,能帮助初学者看清技术路径,快速入门。所有内容都配有 Demo 和操作指导。

    2018年2月13日
    3.5K0
  • 做什么样的网站好,什么样的网站才能吸引用户?

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

    2019年1月25日
    2.0K0
  • 网页设计中最常用的7款字体

    字体主要分为衬线字和无衬线字。网站制作中,选用什么样的字体是比较重要。 衬线字和无衬线字的区别:左边的中文和英文字属于衬线字,右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。 如宋体,观察比划可以看到横细竖粗的特点,这就是典型的称线字。 无衬线字体没有这些额外的装饰,而且笔画的粗细差不多。比如微软雅…

    2019年10月22日 网页设计
    8.9K0

发表回复

登录后才能评论