• 正文概述
  • 评价建议
  • 浙江大学 基于WEB程序设计基础 全30讲 胡晓军 附讲义 视频教程

    基于WEB程序设计基础
    表格的功能
    以表格方式显示数据
    排版
    举例
    框架(frame)
    基本语法
    <frameset rows=“…” cols=“…”>… </frameset>
    <frame src=“url”>
    <noframes>…</noframes>
    <frame>和<body>标签不能同时使用
    <noframes>…</noframes>之间的内容只出现在不支持框架的浏览器中
    窗口的大小设置
    rows和cols的属性
    rows=(n1,n2,…)或cols=(n1,n2,…)
    n1可以是点数也可以是整个frameset的宽度和高度的百分比
    举例
    border
    border=0
    noresize
    多重框架
    frameset的嵌套
    举例
    框架的内容
    src属性
    src=“url”
    name属性
    name=“名称”
    <a herf=“url” target=“名称”>
    举例
    特殊的target
    _BLANK、_NEW、_PARENT、_SELF、_TOP
    举例
    Web网站的实现原理
    Client/Server的结构
    基于HTTP的通讯原语
    HTTP 1.1
    GET
    POST
    性能优化
    持久连接
    Cache
    表单(Form)
    提供Client与Server通讯的渠道,这是可以基于Web进行程序设计的基础
    基本语法
    <form action=”url” method=*> … … <input type=submit> <input type=reset> </form>
    Action:设定Form被提交后的动作
    Method:数据传输的方式,GET/POST
    Name:用来标识一个Form
    Input标签
    这是最常用的Form标签,有以下属性
    基本语法
    <Input type=* name=“名称” …>
    * = Text、Password、Radio、Checkbox、Reset、Submit、Image、Hidden
    文字输入
    <input type=* value=值 其他属性>
    *=text,password
    *=password时,输入内容显示为*
    单行文字输入
    size
    maxlength
    <TextArea 属性> :可以输入多行文本内容
    Name:指定一个名称
    Rows、Cols:指定输入的行数和列数
    举例
    选择
    复选框
    <input type=checkbox> <input type=checkbox checked> <input type=checkbox value=**>
    单选框
    <input type=radio value=**> <input type=radio value=** checked>
    举例
    列表框
    Select和Option
    Name:选择项的名称
    Size:
    Size=值,显示列表框
    不设置Size,显示下拉框
    Multiple:多选,用Ctrl配置鼠标实现多选
    举例
    其他
    <Input type=* value=**>
    *=Submit,提交按钮
    *=Reset,重置按钮
    *=Image,图象坐标
    *=Hidden,隐含发送的数据
    用table对Form排版的例子
    层叠样式表(CSS)
    目的:在有限的标签基础上产生多样的表现形式
    定义样式规则,自定义文档的显示方式
    控制页面的布局、字体、颜色等各种效果
    作用
    扩展HTML标签的功能
    美化网页
    控制页面布局
    减少使用图片的情况
    同时控制一批网页的显示风格
    加入CSS
    链接到CSS文档
    <link rel=“stylesheet” href=“url” type=“text/css”>
    <head>…</head>中加入CSS定义
    <style type=“text/css”>…</style>
    使用注释<!– … –>
    在标签中直接使用CSS
    <标签 style=“…”>
    CSS叙述产生重复时采用就近原则
    举例
    新增的标签
    Link标签
    <LINK REL=”stylesheet” TYPE=“text/css” HREF=”url”>
    Style标签
    作用于文档的CSS
    Span标签
    用于标记由相关联样式表定义其特别样式的文本,如果没有样式表指令,不影响显示
    CSS语法
    基本语法
    标签1,…,标签n
    { 属性1:属性值;…属性n:属性值 }
    Class
    对同一个选择符可以定义不同的类,能使相同的标签在不同的地方显示不同的样式
    注意:单元名和类值是由句点分隔开的。当类值本身包含句点时,这种用法将带来一些问题。CSS语法规则使用反斜线来“逃避”类似句点这样的特殊字符。(“\.”)
    ID
    唯一指定单元标识符,同一文档中,没有两个单元的ID值是相同的。
    举例
    常用的css属性(一)
    字体属性
    font-family
    font-style
    font-variant
    font-weight
    font-size
    font
    常用的css属性 (二)
    颜色和背景
    color
    background-color
    background-image
    background-repeat
    background-attachment
    background-position
    background
    line-height
    常用的css单位
    长度单位
    相对长度
    em、ex、px
    绝对长度
    in、cm、mm、pt、pc
    百分比单位
    颜色单位
    预定义颜色white、black、red等
    RGB颜色
    #rrggbb、rgb(r,g,b)、rgb(r%,g%,b%)
    CSS滤镜
    CSS滤镜可以制作图形的显示效果
    滤镜种类
    Alpha滤镜
    Blur滤镜
    DropShadow滤镜
    Glow滤镜
    Gray、Invert、Xray滤镜
    FlipH、FlipV滤镜
    Wave滤镜
    CSS的发展方向
    所见即所得
    打印
    HTML的发展
    动态HTML
    XML
    HTML的功能不能满足网页制作

    68资源网致力于打造优质的互联网资源付费平台,包括破解软件,技术文章,课程学习资料等资源,打造一个优质知识付费优质平台!
    68资源网 » 浙江大学 基于WEB程序设计基础 全30讲 胡晓军 附讲义 视频教程
    • 127会员总数(位)
    • 21770资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 412稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情