zoukankan      html  css  js  c++  java
  • Web技术导论复习大纲

    1. 什么是URL,其一般形式是什么?

    资源类型://网址[:端口号][/[文件路径/文件名]][?参数名=参数值&参数名=参数值...]

    2. 什么是B/S模式,与C/S模式相比有哪些优越性?

    B/S(Browser/Server); C/S(Clinet/Server);

      B/S的优越性:
    1. 有良好的开放性,单一访问点,用户可以在任何地点使用系统
    2. 跨平台,只要使用相同浏览器界面访问系统就行
    3. 没有了客户端的维护工作,减小了系统运行和维护成本

    3. 什么是HTML文档?一个HTML文档结构是怎样的?

    (HyperText Mark-up Language)即超文本标记语言

    文档结构:

    <html>
    
        <head>
    
            头部信息
    
        </head>
    
        <body>
    
            文档主体
    
        </body>
    
    </html>

    4. 了解文档头标记<title><meta><link><bgsound>的用法,比如:如何设置页面标题,如何设置页面每隔10秒自刷新一次,如何链接外部样式单,如何设置背景音乐等。

    <title> 设置页面标题:

    <title>welcome to vell001<title>

    <meta>设置页面每隔10秒自刷新一次:

    <meta http-equiv="refresh" content="10"></meta>

    <link> 链接外部样式单:

    <link type="text/css" rel="stylesheet" href="mycss.css"/>
    

    <bgsound>设置背景音乐:

    <bgsound src="music.wav" autostart="true" loop="infinite">

    5. 了解常用事件属性。

    onLoad(加载完成),onUnload(退出),onFocus(获取焦点),onBlur(失去焦点),onChange(输入组件内容改变时),onSubmit(表单提交时),onMouseOver(鼠标移入),onMouserout(鼠标移出),onClick(被单击),onDblClick(被双击)

    6. 需要掌握的文档内容标记:标题、段落标记,文本格式标记,图像标记,超链接标记,影像地图标记,走马灯标记,表格标记等。如要求设计一个3*3表格,写出完整的HTML代码,表格内容要居中显示,表格的内容均为“示例”。

    标题:<h>

    段落标记: <p>,<br/>换行

    文本格式标记: <font>字体,<b>粗体,<u>下划线,<i>斜体

    图像标记:<img src=""/>

    超链接标记: <a href=""/>

    影像地图标记: <map>

    走马灯标记: <marquee>

    表格标记: <table>,<tr>行,<td>列,<tbody>表格主体,<thead>表头,<tfoot>表脚

    3*3表格:

    <table >
    
        <tr>
    
            <td align="center">示例</td>
    
            <td align="center">示例</td>
    
            <td align="center">示例</td>
    
        </tr>
    
        <tr>
    
            <td align="center">示例</td>
    
            <td align="center">示例</td>
    
            <td align="center">示例</td>
    
        </tr>
    
        <tr>
    
            <td align="center">示例</td>
    
            <td align="center">示例</td>
    
            <td align="center">示例</td>
    
        </tr>
    
    </table>

    7. 什么是表单,其中method属性及action属性分别表示什么?

    在网页中用来给访问者填写信息的组件,使网页具有交互能力

    method: 定义服务器处理程序从表单中获取信息的方式,一般有GET/POST

    action: 设置服务器处理程序的URL

    8. 表单组件都有哪些输入类型,每种输入类型如何表示?能够用表格对表单进行布局,编写简单的用户注册、问卷调查等表单程序。

    一般有:


    单行文本输入框: <input type="text"/>
    密码输入框: <input type="password"/>
    单行文本输入框: <textarea></textarea>
    button按钮:<input type="button"/>
    radio单选按钮:<input type="radio"/>
    复选框:<input type="checkbox"/>
    复选列表:
    <select>
        <option value=""></option>
    </select>
    隐藏信息:<input type="hidden" value=""/>
    文件长传:<input type="file"/>
    表单提交:<input type="submit"/>
    重置按钮:<input type="reset"/>

    表单有序结构一般使用:form+table组合

    9. 什么是层叠样式单CSS?有几种类型的样式单(内联、嵌入和外部)?常用的样式单的选择符有几种?如何应用不同选择符定义的样式?样式单的优先级是怎样的?试完成下题:编写一段CSS代码使段落分成三种不同的类别,每一类应用不同的样式表规则。第一类文字字号16pt,颜色红色,加粗,斜体;第二类字号20pt,颜色绿色,带下划线;第三类字号18pt,颜色蓝色,带上划线,并分别将三类段落样式应用于同样的三段文字“CSS分类使用”。

    1. 所谓层叠,指对于容器元素指定的所有选项,将被自动地应用到其包含的所有元素中;

    2. 标签名(a{})、class(.vell{})、id(#vell{})、组合(p .vell#bibi{})、重用(.vell,#vell{})、伪类(a:hover{}、a:visited{})等

    3. 使用空格,如: <a class="vell bibi">

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    <html>
    
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <title>Insert title here</title>
    
    <style type="text/css">
    
    .v1{
    
        font-size: 16pt;
    
        color: red;
    
        font-weight: bold;
    
        font-style: italic;
    
    }
    
    .v2{
    
        font-size: 20pt;
    
        color: green;
    
        text-decoration: underline;
    
    }
    
    .v3{
    
        font-size: 18pt;
    
        color: blue;
    
        text-decoration: overline;
    
    }
    
    </style>
    
    </head>
    
    <body>
    
        <p class="v1">CSS分类使用</p>
    
        <p class="v2">CSS分类使用</p>
    
        <p class="v3">CSS分类使用</p>
    
    </body>
    
    </html>

    效果:

    image

    10. JavaScript脚本的特点及优点有哪些,掌握JavaScript基于对象与事件驱动的特点,能够编写JavaScript程序,例如编写一段JavaScript代码实现在网页状态栏上显示时间,时间格式为“9时21分22秒AM”,并且实现每秒更新与系统时钟同步。

    <span id="timer"></span>
    
    <script type="text/javascript">
    
    var timer = document.getElementById("timer");
    
    function updateTime(timer){
    
        var myDate = new Date();
    
        var h = myDate.getHours();
    
        var m = myDate.getMinutes();
    
        var s = myDate.getSeconds();
    
        var ap = "AM";
    
        if(myDate.getHours() > 12){
    
            ap="PM";
    
            h = h - 12;
    
        }
    
        timer.innerHTML=h+"时"+m+"分"+s+"秒"+ap;
    
        setTimeout("updateTime(timer)",1000);
    
    }
    
    updateTime(timer);
    
    </script>

    11. 掌握JavaScript常用的内部对象及函数的用法,如String、Math、Date、Array对象及其常用属性和方法。

    String.length 字符串长度

    String.substring(start,end)截取字符串

    String.indexOf(searchvalue,fromindex) 从fromindex到尾检索字符串,返回 searchvalue 的第一次出现的位置。没找到返回-1

    String.lastIndexOf (searchvalue,fromindex)从fromindex到头地检索字符串,返回 searchvalue 的第一次出现的位置。没找到返回-1

    更多详见:http://www.w3school.com.cn/js/jsref_obj_string.asp

    Math.PI 返回圆周率

    Math.max(value1,value2) 比较最大,返回最大值

    Math.pow(value1,10)数的10次方

    Math.round(value1)把一个值四舍五入为最相近的整数值

    Math.random()随机数,返回0~1之间的随机数

    Math.floor(value1)返回任意浮点数的整数部分Array

    更多详见:http://www.w3school.com.cn/js/jsref_obj_math.asp

    Date见:http://www.w3school.com.cn/js/jsref_obj_date.asp

    Array见:http://www.w3school.com.cn/js/jsref_obj_array.asp

    12. 掌握JavaScript浏览器对象模型BOM的层次结构,以及window对象、history对象、location对象的常用属性和方法。

    window.open() - 打开新窗口

    window.close() - 关闭当前窗口

    window.moveTo() - 移动当前窗口

    window.resizeTo() - 调整当前窗口的尺寸

    更多详见:http://www.w3school.com.cn/js/js_window.asp

    history.back() - 与在浏览器点击后退按钮相同

    history.forward() - 与在浏览器中点击按钮向前相同

    更多详见:http://www.w3school.com.cn/js/js_window_history.asp

    location.hostname 返回 web 主机的域名

    location.pathname 返回当前页面的路径和文件名

    location.port 返回 web 主机的端口 (80 或 443)

    location.protocol 返回所使用的 web 协议(http:// 或 https://)

    更多详见:http://www.w3school.com.cn/js/js_window_location.asp

    13. 掌握JavaScript文档对象模型DOM的层次结构,以及document对象的常用属性及方法,能够正确引用文档对象进行编程。

    详见:http://www.w3school.com.cn/htmldom/dom_obj_document.asp

    14. 区分body及其它文档所包含对象的innerHTML和innerText的属性。

    innerHTML: 从对象的起始位置到终止位置的全部内容,包括Html标签

    innerText: 从起始位置到终止位置的内容, 但它去除Html标签

    15. 能够使用JavaScript进行表单数据的有效性验证、禁止用户复制页面内容等综合处理。

    禁止用户复制页面内容<body  oncopy="return false">

  • 相关阅读:
    与非
    抄卡组
    数据结构》关于差分约束的两三事(BZOJ2330)
    刷题向》图论》BZOJ1179 关于tarjan和SPFA的15秒(normal)
    图论算法》关于tarjan算法两三事
    图论算法》关于SPFA和Dijkstra算法的两三事
    刷题向》DP》值得一做》关于对DP问题的充分考虑(normal)
    数据结构》关于线段树两三事(新手向)(工具向)
    图论算法》关于匈牙利算法的两三事
    关于羊和车的问题
  • 原文地址:https://www.cnblogs.com/VellBibi/p/3496888.html
Copyright © 2011-2022 走看看