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

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

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

99%的人还看了以下文章

  • 从零开始做APP界面设计三:字体选择 字号及配色方案

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

    2018年4月22日
    5.8K0
  • 网页设计师必备的45个配色神器

    分享优秀网页设计为大家整理的45个配色神器。

    2019年10月16日 网页设计
    2.5K0
  • 字体性格—解决字体设计和使用的问题(精)

    字体性格就是通过字体结构、笔画、细节的差异,塑造出形式多变的字体,从而给人不同的视觉感受。好的字体设计,总能在第一时间准确地传达字体情感,这就是字体性格的魅力。

    2019年11月27日 网页设计
    3.2K0
  • 接到一个网站开发项目怎么去完成?—网站的开发流程

    接到一个网站开发项目怎么去完成? 今天125建站网给大家讲解开发一个网站有哪些流程,学过软件工程中瀑布模型的童鞋可能感觉会很熟悉。 网站的开发流程 【网站需求分析】⇓【制定网站建设方案】⇓【网站制作计划】⇓【页面设计和程序开发】⇓【网站测试】⇓【发布网站】⇓【推广和维护】 网站需求分析: 不管是对个人网站还是商业网站,网站需求分析都是很重要的。比如要为一个公…

    2018年1月29日
    2.0K0
  • 那些漂亮的网页banner,用的什么字体?

    banner的字体选用要根据banner的主题,去挑选,因为字体本身也是有性格的。 一、稳定型(协调,齐全,稳定,高质) 微软雅黑、冬青黑体、宋体、华文细黑 方正正中黑 方正兰亭系列 二、刚硬,锐利,清晰,强烈 造字工坊力黑体 造字工坊版黑体 造字工坊劲黑体 锐字逼格锐线体简 张海山锐线体 华康儷金黑 蒙纳超刚黑体 (更适用大气,热烈,权威,声明等主题) 三…

    2019年10月22日 网页设计
    5.1K0
  • 6个技巧让你的版面设计的脱颖而出!

    优秀的版面设计可以让一个普通的文档脱颖而出。本文给大家分享6个让你版面设计脱颖而出的技巧:对齐,聚拢,重复,对比,强调,留白。并通过实例讲解原有版面设计的不足,运用这6个技巧如何改进你的版面设计。

    2018年10月2日
    3.4K0

发表回复

登录后才能评论