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

请加入网页设计交流群: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%的人还看了以下文章

  • 网页设计第一步:绘制网站草图

    网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明,是对用户需求沟通的图形表现,以便更准确无误地与用户确认需求,也对网站风格设计过程起指导作用。

    2020年2月26日 网页设计
    16.9K0
  • 主流网页设计页面的的宽度(尺寸)是多少?

    最新的中国网民电脑分辨率统计情况显示95%的用户在1280以上,一些用户数较多的电商网站最大宽度一般也为1190或1200,如淘宝、天猫、京东…网页宽度为1200将会成为主流,当然现在很多网站为响应式网站可以适应多种分辨率了。

    2020年3月11日
    21.8K0
  • Div+CSS网页布局项目实战一(含设计图、HTML和CSS源文件)

    网页的布局与规划 本次网页制作的效果图如上图所示,分析一下该图,我们不难发现,图片大致分为以下几个部分: 1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片; 2、内容部分又可分为侧边栏、主体内容; 3、底部,包括一些版权信息。 有了以上的分析,我们就可以很容易的布局了,我们设计层如下图: 根据上图,我再画了一个实际的页面布局图,说明一下层的…

    2018年7月31日
    10.4K0
  • 网站图片、文件防盗链方法大全

    一般盗链分为文件盗链和图片盗链两种。如果您网站上的音乐、视频、flash、压缩包文件、图片等,被其它网站大量的复制、盗用,会对自己网站产生大量的无效流量并对网站服务器造成很大的压力,所以很多网站都会设置防盗链,防止别人盗用自己网站的图片、音视频或下载文件资源。 今天中国网页设计给大家分享网站图片、文件防盗链的方法,对网站站长有很大帮助。 1、Windows主…

    2018年2月26日
    3.5K0
  • 网页设计常用色彩搭配表《配色表》

    该配色表将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。 按色相的搭配分类 红色、橙色、 黄色、 黄绿色、 绿色、 青绿色、 蓝色、 蓝紫色、 紫色、 紫红色 按印象的搭配分类 柔和、明亮、温柔柔和、洁净、爽朗可爱、快乐、有趣活泼、快乐、有趣运动型、轻快轻快、华丽…

    2018年2月5日
    11.7K0
  • 错位排版设计的5个实用方法(精)

    错位编排是通过对标题文字大小、位置和笔画的调整,打破固定的排版样式,让标题的排版更具个性化,是提升标题编排设计感和美感最简单最实用的设计技巧。

    本期分享 5 个常用的错位排版方法,学会这些方法你也可以快速设计出个性的标题排版。

    2023年1月18日
    2.0K0

发表回复

登录后才能评论