码迷,mamicode.com
首页 > Web开发 > 详细

合并_00基础班html+css(6days)作业

时间:2016-05-23 06:31:05      阅读:731      评论:0      收藏:0      [点我收藏+]

标签:

?

  1. 细看html手册,预习一下其他标签:

?

?

2,写3个有"乱码"的网页,分别在html的meta标签里声明gb2312编码,utf-8编码,和不声明编码——注意,声明和不声明,都是乱码的。

?

?

3,制作如下网页:

技术分享

?

//////////////////////////////////////////////////////////////////

?

  1. 独立完成课堂案例,如下所示(注意,这至少涉及到5个页面,其他页面先随便写点就可以,蓝色的链接部分先不做):

    技术分享

?

?

4:制作以下页面效果(链接用#代替):(那些方块符号使用square就行)

(猜猜这是谁?)

技术分享

?

表格作业

技术分享

?

技术分享

?

技术分享

?

?

?

?

3,附加题:做出以下实际网页(自己切图):

技术分享

?

?

?

附加题(探索性,可查各种资料,加猜测):

将学过的所有标签和所有属性的名字列出,并写出含义。如果该词不是一个原始的英文单词的词(比如title,body是原始单词,而p,u就不是),则去找出其"原始英文单词"是什么。大家再一起统计出"实在想不出来的词"。这项探索活动可以很好地总结归纳并理解前面学的标签。

?

表单作业:手写如下表格表单综合页面:

技术分享

?

?

框架: 用框架实现下面的效果:点击左侧链接,右测变化内容和背景。

技术分享

?

表格与实体: 做下面的表格效果,注意,里面的文字和符号要完全一样。

技术分享

?

?

使用7种选择器对7个不同的标签来实现7种不同的表现(背景颜色或文字颜色)

0 实现基本布局模型:

技术分享

2实现如下页面:

提示:整体分两部分,上面部分是标题标签,下面部分是ul/li,其中每个li有个下边线,且每个li中有两块文字,其中一块右浮就可以。

技术分享

3实现如下页面效果

注意:只用div标签。页面中有3个图,自己切出来。

????

?

技术分享

技术分享

?

主作业:制作呱呱网的头部,导航和公告部分

  1. 附加作业,如下:

实现如下布局效果(不考虑最外盒子的圆角效果):

思路:总体分上下两块,上面盒子是头部(推荐团队),下面盒子中是6个并列的平等的li。每个li的宽度是总宽度的一半,均左浮,最后清除浮动)。每个li内部再分2个盒子,一左一右进行浮动,然后各自里面再加入内容。

?

?

?

?

技术分享技术分享

完成呱呱网其余部分

?

?

补充作业:

?

完成百度知道首页的头部效果状态:

技术分享

?

?

?

完成当当图书列表页面(自己切图自己控制尺寸):

技术分享

?

作业说明:以下作业大致标明了所需要运用的知识点,其中灰色文字部分表示有难度的扩展提高题,为选做题。

  1. (基础)写出js语言的基本特点
  2. (基础)写出js语法的基本要点(语句行,大小写,注释,运行环境与方式等)
  3. (基础,输出)网页一打开,要求依次弹出数字1-6,并且每弹出一次,页面就显示出对应的一个标题行(即从h1-h6)。注意,页面中不应该出现h1-h6的标签,而应该是由js写出来的。
  4. (数据类型)定义若干个js变量,需表现出js中的各种数据类型,并在页面中输出每个变量的值和其对应类型。——使用"typeof 变量名"可以取得变量的类型
  5. (变量)写出js命名的基本规则。
  6. (赋值传值/引用传值)读程序,写结果:
    (1)技术分享,(2)技术分享
  7. (表达式)已知任意两个正整数(a,b),将其作为直角三角形的直角边长,求斜边长。
    附:幂运算语法: s = Math.pow(x, y)——x的y次方,结果为s。
  8. (表达式,运算符)已知a,b,c,求如下情况下d的值:
    var a, b, c, d;
    a = 1; b = 2.2; c = 3.3;????????d = a + b + c;
    a = 1; b = 2.2; c = "3.3";????d = a + b + c;
    a = 1; b = "2.2"; c = 3.3;????d = a + b + c;
    a = "1"; b = 2.2; c = 3.3;????d = a + b + c;
    a = "1"; b = 2.2; c = 3.3;????d = a + (b + c);
    a = "1"; b = 2.2; c = 3.3;????d = (a + b) + c;

    以上d的计算表达式中,加号(+)换成减号(-),结果如何?请亲自验算并体会其中的运算符规则。
  9. (运算符)位运算:计算100右移2位的结果,以及左移3位的结果。
  10. (运算符)读程序写结果:
    var i = 10; var j = i++; alert(i + "," + j);
    var i = 10; var j = ++i; alert(i + "," + j);
    var i = 10; var j = i++; i=j++; alert(i + "," + j);
    var i = 10; var j = ++i; i=++j; alert(i + "," + j);
  11. (表达式,运算符)一个小球从空中掉下来,求如下问题:
    1. 如果已知小球掉落时高度为1000m,求其触地瞬间的速度;
    2. 如果已知小球落地瞬间的速度(1000m/s),求其掉落时的高度)
    3. 附自由落体公式:自由落体的速度规律:v=gt,自由落体的位移规律:h=gt2/2。;(其中g是重力加速度,在地球上g≈9.8m/s2;v是速度,h高度,t是时间)

合并_00基础班html+css(6days)作业

标签:

原文地址:http://www.cnblogs.com/yizhinageyuanfang/p/5518539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!