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

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

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

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

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

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

    2018年2月19日
    7.0K0
  • 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日
    2.4K0
  • 网页制作实战项目五:根据网页效果图制作网页

    了解网页制作全过程,能够根据网页效果图PSD源文件,切图并制作出网页。

    2018年5月3日
    7.4K0
  • 如何给节日主题、活动主题做设计

    产品的节日主题设计,已经成为各大门户争先出彩的亮点之一,无论是春节、元旦、七夕、圣诞等传统节日,还是双十一、双十二、阿里年货节和京东蝴蝶节等电商活动日,甚至还有各种国际节日都可以成为各大品牌的一个Show场。 近日,中国网页设计接到一项目需要做活动主题页面,在网上查了下相关教程不是很多,能讲深讲透的更少。后来看到JaylonG的文章,感觉很有启发,现分享给大…

    2018年3月12日 网页设计
    4.0K0
  • 网页制作实战项目九:飘城旅行社(分步教程)精

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

    2019年1月13日
    16.1K0

发表回复

登录后才能评论