北京漫画助手招聘:网页代码

来源:百度文库 编辑:中财网 时间:2024/05/08 13:29:18

(1):在网页中插入动画一般的都是GIF和FLASH动画,GIF只能表现二百多中颜色。FLASH的特点是占用空间小,还可以加入声音。注明《F12是启动浏览当前网页》

(2)表单:表单是实现网页互交的重要功能,网页通过表单收集留言者互交。

(3):在网页用可以插入视频,一般的插入格式是real和media play。

(4):网页设计一定要注意的两点:第一个是注意颜色的搭配,第二个是风格的设计。

(5):如何查看别人网页的编程代码:首先打开我们要察看的网页,然后点击查看菜单接着下面会有很多的工具然后我们找到有一个叫原文件的选项点击它就可以看到了。

(6):任何网页都有代码无论这个网页是空白的还是损坏的网站,只要是IE浏览器打开的那么都将有代码。

(7):常用工具栏从左到又依次工具的用法

1.超级链接:可以链接到电脑的任何一个图片或文本。
2.电子邮件链接
3.命名锚记:用来网页中在同一个页面中的跳转。
4.表格
省略

(8):布局工具栏从左到又的依次用法:
1.表格
2.DIV标签:可以创建布局的内容块。

(9):表单工具栏从左到右依次的解释:
1.表单
2.文本字段:一个接受文本的的况
3.隐藏域:隐藏域不显示在表单上但是传送给服务器
4.文本字段:可以输入更多的文字
5.复选况:可以在一组选项内选择一个或多个选项。
6.单选按钮:在一组选项内只能选择一个选项。
7.单选按钮组:可以建立多个单选按钮组

(10):FLASH元素:当我们新建一个对话框的时候右边的任务栏会出现一个flash标签,这里从上到下依次解释一下标签上英文代码的含义
1.图像播放背景色
2.图像标题色彩
3.图片标题字体
4.图片标题字体大小
5.动画框架色彩
6.是否显示框架
7.框架厚度
8.图片标题
9.图片链接地址
10.窗口打开方式
11.图片地址
12.是否显示控制条
13.是否自动播放
14.图片间隔延时
15.是否循环播放
16.标题
17.标题色彩 
18.标题字体
19.标题字体尺寸
20.转变类型

(11):HTML基本概念:1989年英国
它是一种用来制作超文本文档语言。
HTML中代码设定的翻译:
1.当前文档的url全称(基底网址)
2.设定基准的文字字体,字号和颜色
3.《title》设定显示在浏览器左上方的标题内容
4.《meta》有关文档本身的元信息,例如用于查询的关键词,用于获取该文档的有效期等
5.《style》设定css层叠样式表的内容
6.《link》设定外部文件的链接
7.《sctipt》设定页面中程序脚本的内容。

(12):在之间的就是页面标题,所谓页面标题也就是我们打开一个网页最上面蓝色条,记住这个页面标题不是地址栏上面的而是一个网页最上面的标题。在编辑代码的时候只要这两个中间的代码改变了然后在重新的浏览一下网页的话就可以发现,页面标题随这此二者之间的代码改变而改变。

(13).元信息标记的基本概念:它是用来在html文档中模拟HTTP协议的显用头报文,在网页中是用在 < head>和中。(很多人忽视了html的强大功效,一个好的mate标签设计可以大大提高你的个人网站被搜索到的可能性)

(14).内部主体标记的基本概念和位置:
它主要位于和之间,于相关语句的部分翻译:
1.bocolor:设定页面背景颜色
2.background:设定页面背景图像
3.text:设定页面文字颜色
4.bgproperties:设定页面背景图像为固定
5.link:设定页面默认的链接颜色
6.vlink:设定访问过后的链接颜色
7.alink:设定鼠标正在单击时的链接颜色
8.leftmargin:设定页面的左边距
9.topmargin:设定页面的上边距
注明《要记得,不是在body和/body之间,这样理解是错误的,应该在body后马上衔接,不可以出了<>外,然后按空格选择你要选择的代码。
文字主要放在body之间 这里主要包括的文字:普通文字 空格符号 特殊符号 注释语句。
在html中有6种标记格式

(15):文字和段落修饰代码:
1.《strong》粗体标记
2.《em》斜体标记
3.《s》删除线:删除线就是在字的中间画一道横线
4.《u》下划线标记
5.《sup》上标标记
6.《sub》下标标记
7.《big》大字号标记
8.《small》小字号标记
注意《在总结了上个教程来看,上面这个修饰字符在修饰
的时候是把要修饰的文字放在他们之间也就是比方说这样一个例子
《big》程世伟《/big》当把这个代码保存的时候那么就会改变了自己的大小了
仔细的看看上面的例子就应该明白了 在后面还有一个和前面一样的字符只是多了一个/。
《plaintex》:这个标签没有结束标签也就是向上面big的例子 当写了这个代码的时候
后面没有/big结束字符,这个字符的含义是,要是写了这个字符的话,那么当保存以后显示
网页的时候那么就没有你先前写上的效果二而显示的是你写的所有源代码。
9.《rt》标示缩小的文字
10.《dl》定义列表标记
11.《dt》定义术语标记
12.《dd》定义说明标记

<16>:有序列表的标识符:

  1. 前一个包括后一个也就是li是在ol下方。
    《type》可以设置数字 小写字母 大字字母 小写罗马数字 大写罗马数字 

    <17>:无序列表《ul》为无序列表的声明 《li》为每一个项目的开始 前面的一切术语也都是这样解释 例子:
    《ul》
      《/li》
    《li》
    《/ul》
    上面的就是以前说的的前后关系一个是声明 一个是文字的开始
    type是在无序列表中定义下面代码的开始例子:《li type=“disc”》程世伟《/li》
    1.《dise》表示圆点
    2.《circle》是字符圆圈
    3.《square》是字符方块

    (17):插入图片中的代码解释:
    1.《img》代表html中代表插入图片的位置
    2.《src》是指定原文件路径(此处指图片的路径)
    3.《width》指图像在浏览器中的宽度
    4.《heigh》指图像在浏览器中的高度
    5.《lowsrc》低解析度源的路径
    6.什么是低解析度源:如果显示图像很大,浏览器下载会很慢,我们指定一个低分辨率的图像副本(文件小),浏览器会先下载副本,在浏览器中先显示出来,然后下载较大的图像。
    7.当插图图片的时候属性栏有一个叫替代得名词这个词的意思是:图片的注释 也就是在鼠标经过的时候会看到鼠标的下方会有文字而要产生体态效果的话还需要一个代码这个代码就是
    《alt》 在Alt后面加上你想要当鼠标停留时的的文字
    例子:这个例子只是针对上面这两个工具的而言的一个插图图片一个是替代的位置
    《img src=“file:///C:此处是图片位置省略了  alt=“程世伟”width=“750” height=“360” lowsrc=tile///

    <18>:文本环绕的具体制作:在使用图片时要使用图片环绕的使用《align》代码:语法如下:
    1.2.《align》有两个取值一个是right和left
    3.如何停止文本环绕:在代码的前面加入《hr clear》

    <19>:
    1.图像映射:图像映射也就是当鼠标点击在图片其中的一个地方的时候会自动调到令一个链接界面。
    2.在设计面板中插入图片的时候可以直接用形状工具将你要链接的区域扩画起来。
    3.定义一个图片映射是的代码是《map name=“Map”》在map之间加入映射区域的代码。添加映射区域开头的代码是《area》
    4.《area》定义的代码有一下几个
    《herf》链接的地址
    《shap》映射区域的形状,取值可以是1.《tect》矩形 2.《circle》圆形 3.《poly》多边形
    5.映射区域的边界《coords》

    <20>:文字链接:属性中目标中代码的解释:
    blank:在新窗口中打开
    parent:在上一级窗口中打开
    self:在同一创窗口中打开
    top:在浏览器整个窗口中打开
    链接定义代码实例:

    hao123

    <21>:邮件链接:
    1.要同时写下多个参数就在参数之间使用&符号隔开。

    <22>.表格:表格由三部分组成
    1.开始和结束:《table》《/table》
    2.行标记:《tr》《/tr》
    3.单元格标记:《td》《/td》 单元格标记之间为表格的内容。
    4.表格中《border》代码的意思为:边框(这个也可以从属性力改)
    5.《bordercorder》代码的意思为:边框颜色

    <23>:表格的标题:
    1.form为表单定义名称
    2.action动作
    3.表格下方属性工具栏的用处:
    方法的三种传送方式:
    默认
    get:将表单的内容附加到链接的后面,传送给服务器,服务器读取环境变量的方式读取表单内的数据,链接的限制是在8192字符。闲时表单长度
    post:用标准输入方式将表单内的数据传送给服务器,服务器用读取标准输入的方式读取表单内的数据,不限制表单长度。
    目标的三部分组成:
    blank:在没有命名的窗口中打开目标文档。
    parent:在显示当前文档的窗口的副窗口中打开目标文档
    self:在提交表单所适用的窗口中打开目标文档
    top:在当前窗口的窗体内打开目标文档

    <24>:简单介绍夸列句属性和夸行距属性:
    1.colspan:夸行距属性:合并同一行的两个或多个单元格。
    2.rowspan:是夸行距用来合并同一列相邻的一个或多个单元格。
    代码举例如下:

        

    <25>:设置单元表格属性的代码:
    tr的开始和结束和别的代码一样,下面是tr的实例设计:

    FIF1(此处为表格内部设定 FIF1就是内容 而TD就是代码)
    FIF2
      
      
    <26>:文本域的介绍:文本域一般是由三部分组成,一个是单行:多行:密码
    cols:字符长度代码 
    rows:行数
    wrap:换行(当我们输入数字的时候要是数字的长度超过了表单单行的长度的话那么会就会用到这个代码,如果不想换行的话那么就在这个代码的后面写上OFF

    <27>:文件域的初识:
    1.文件域的定义:文件域可以让用户在域的内部填写自己硬盘中的文件路径,然后通过表单上传。文件域网页实例:
     type(域的类型)="file"(文件域) name(添加文件域的名称)="file"

    添加复选况以后的代码:
     type "checkbox"(复选况) name(添加复选况的名称)="checkbox3" value(表示选中项目后添加项目的值)="checkbox"
    添加单选按钮后的代码:(和复选几乎一样之是开头的代码不一样这里之说明他自己
     type"tadio"(单选按钮)

    <28>:图像和图像域:
    1.《submit》(提交按钮)
    2.《rest》(重置按钮)
    3.《button》普通按钮)
    (上面三项都是代码的开始 后面一样有nema和value 他们的解释和前面的大概一样。

    (29):添加表单标签:实力代码如下:
    1.
       网易
       百度
       
       
    来看上面的代码这个就是田间表单标签的标准形式,但是当我们在选择的时候总是会看到上面自然就会有其中的一个选项,而这个就叫默认选项,插入默认选项的的代码是selected
    正确加入实例(于前面对照看看哪里有了变化)

    2.如何建立显示多个列表只是在这个代码中再加入《multiple》 那么看看下面实例的代码

    仔细看看上面的代码中有什么不一样的地方。

    <30>:浮动框架的链接:浮动框架的代码《iframe》结束《/iframe》在这两个开始和结束代码的中间我们要添加框架的高 宽 等那么下面就是一个实例 注意看:
    http://www.hao123.com">

    <31>:CSS样式的代码解释:
    background-attachment(设定背景图像是否随页面的滚动而滚动):fixed(固定)
    background-inage(设置背景图像)
    background-tepeat(控制图像是否重复)
    background-position(用来确定水平和垂直位置的)
    下面是最重要的我们看好下面的代码:
    class是引入样式代码,什么意思呢那么看看下下面的内容:

    诗情的海洋


    可以看出body是文本输入代码那么下面的也就是网页中显示的数字 那么怎么把CSS样式也添加到其中呢?把刚刚的设置都添加呢?
    在我们刚刚建立CSS的时候,刚刚开始的时候要我们建立CSS的名字假定是123 那么请看下面的代码就知道了如何在网页的代码中加入Css样式

    诗情的海洋


    注意看上面两个代码 是不是只是多了一个CLASS 那么也就说明CLASS就加入CSS的代码

     

     


    <32>:CSS样式的初识:下面全都是Css样式的介绍这个介绍就定在了<32>这个标题上了好的  下面看看到底神秘的CSS到底是什么呵呵!!
    1.所谓的CSS也就是我们所说的层叠样式表
    2.CSS最大得优点是可以储存成一个独立的文件
    3.具体分析以下Css的优点有三个:1.一组样式可以调用在多个对象上2.语法容易学容易懂3.丰富的样式效果
    4.CSS声明主要有三种方式:1.最典型的css声明2.分项声明方式3.集体声明
    5.《voerflow》(益处)跟着空格后选择的:auto当内容超出范围自动显示滚动条 hidden 隐藏超出范围的内容 scroll 显示滚动条 visibor 扩大面积以显示滚动条所有内容
    《position》 用于确定类型 空格后选择的解释:absolute 绝对定位 telative 相对定位  static 静态
    《visibility》显示 空格后选择的  hidden 隐藏  inherit 继承莫体设置  visible可见 
    《z-index》 z轴
    6.heml和css样式有冲突时浏览器按css样式中定义的属性来显示。
    7.一秒=1000微秒
    8.程度单位的换算:px是像素的代码具体解释是相对于屏幕的分辨率,是相对单位长度
    pt是电的带脉单位 一点等于72分之一英寸是绝对长度单位
    em是字体的高度是相对高度单位
    pc帕的单位  一帕=12点绝对长度单位。
    9. url的定义:这个词是超链接图片的代码具体的用法看下面的实例代码
    body{background:url(http//images.sohu.com.gif)}
    10.lank 引用   href 链接路径
    11.CSS在样式设定中有一个叫扩展的选项,然后里面有一个选项叫光标:这个名词的解释是当我们在预览的时候我们的鼠标可以变成别的图票标,比方说 我们设定这个光标是hand 这个是手的意思 那么当我们浏览这个网页的时候 当我们的鼠标经过这个文字的时候我们就会发现我们的鼠标变成了一个小手。
    12.font-family 文字字体
    font-size   文字的大小
    font-style  样式 空格后其他选项 italic  斜体   normal 正常 

     

     

    <33>:CSS静态样式表过滤器的代码应用和解释:
    1.CSS样式表过滤器是在新建CSS里的扩展中里的
    alpha  透明的渐变效果
    blendtrans 混合渐变过滤器
    blur  风吹模糊效果 
    chroma  特定颜色的透明效果
    dropshadow  阴影效果 
    fliph  水平翻转效果 
    flipv  垂直翻转效果 
    Glow  边缘光晕效果 
    Gray    黑白效果
    invert 图片产生底片效果 
    light  加入光源透射效果 
    mask   遮蔽效果
    revealtrans  显示渐变过滤器
    shadow  编程阴影效果 
    wave  加入波浪变形效果 
    xray  加入轮廓效果 
    2.在上面渐变生成的代码中我们可以看到很多的陌生代码不要紧我们可以先看看代码的含义 然后在看以下实例这样就明白了
    opacity 开始的透度 这个数字是从0-100之间的 数越大透明度越不高 记得是越不高哦 呵呵 不要看错了
    finishopacity   结束时的透度 设置的值也是0-100  值越大透明度越不高 
    style 渐变的形状 0=均匀 1=直线 2=圆形 3=矩形 
    startx  渐变可是时候的X坐标
    下有同上之是坐标不一样了 呵呵简单吧!

     

    <35>:动态CSS过滤器:包括两种主要代码也就是两种虑径
    1.blend  基本语法:style="filter:blendTrans(duration=过渡时间)" 过渡时间的单位是秒。 主要作用是在一定的时间里实现图像的淡出和淡入效果
    2.reveal  基本语法:style=filer:revealtrans(duration=过渡时间,transition=过渡时间)" 可以选择性的隐藏图像。Transition的取值范围是0-23
    动态虑径和静态虑径不一样 动态虑径需要加上script 由这个代码控制才可以
    下面我们看一看 动态虑径的代码形式


    imgx.filters.baendtrans.apply();
    imgx.src="38.gif"
    imgx.fillters.blendtrans.play();

    我们看看上面的代码因明白了这个就是简单的动态虑径 但是上面还有两个关键词我们看一看他们的用法〕
    《Apply》将过滤器应用在对象上
    《play》开始转换

     

     


    <36>:框架的含义和框架的标记:
    1.框架及标记
    2.设置边框属性显示与否 要是显示就在其后面写上yes不显示就写上no
    3.bordercolor边框颜色
    4.border 边框宽度

     

    <37>:语句的语法:
    1.for语句的语法条件是:当条件表达式为真时就执行语句,否则跳出循环。
    2.if语句的语法条件是:当条件表达式成立时就执行语句一,否则只能条件二。
    2.do while 语句的语法条件时:先执行语句以然后判断条件表达式的值,是否为真,如果为真继续执行语句,否则跳出循环。

     

    <38>:javascript对象的适用:
    1.对象是一种经过组织的数据,在javascript中每个对象都有两个相关的东西,一种是属性一种是方法。
    2. 浏览器对象:就是网页和浏览器本身各种实体元素在JAVASCRIPT程序中的体现。
    其中的代码有以下:
    管理着浏览器的版本号和使用的语言等信息。
    处于顶级位置,每个相对代表一个浏览器窗口。
    含有当前网页的url地址
    含有当前网页的各种特性。
    含有以前访问国的网页url地址。
    提供字串符形式的名字。
    用字符串表示的当前浏览器的代码名字。
    反映浏览器的版本号。
    3.《javascipt》内置对象的详解以及代码的应用:内置对象有以下几种:
    对象  描述
    string   处理所有字符串操作
    math    处理所有的数学运算
    date    处理日期和时间的存储
    Arrary   提供一个数组模型,存储大量有序的数据
    Event    提供javascript事件的各种处理信息

     

     

     

     

     

     

     

     

     

     

     

    <39>:函数的构成:
    :函数的名称(自变量或参数)如果不之一个那么用逗号隔开。

    1.函数的内容是由大括号扩起来的。
    2.关键字retuen
    3.调用没有参数函数的方法:代码形式如下


    x():
     

    调用有参数函数的方法:


    document.write{x(3,4)}


    <40>:于《location》相关的代码:
    1.设置或返回当前浏览器所载入文档的完整url
    设置或返回url
    设置或泛湖url的宿主,包括主机名或ip地址
    设置或返回url的端口
    设置或返回url的协议
    设置或返回url的路径
    设置或返回url的查询字符串“?”后面的部分
     设置或返回url的无用部分


    <41>:document的三个对象以及关于它的代码:
    1.(1): 《Anchor》锚对象使用标记创造的HTML锚点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象anchor对象是document对象的一个属性,它本身没有属性方法或者时间处理程序。
    (2):《link》 链接对象它是document 对象是一个属性,文档内的一个标记。
    (3):《form》窗体对象它是document对象的一个属性,文档内的一个窗体。

    2.《links》数组
    《href》完整的url路径 这个是link的属性 我门看看link的属性:
    (1):《hosh》一散列表(#)开始的一个字符串,用于指定url内的一个锚点。
    (2):《host》包括冒号和端口号的url的主机部分
    (3):《hosrname》与host属性相同除了不包括冒号和端口号外
    (4):《pathname》 url的目录路径部分
    (5):《port》url的:端口部分
    (6):《protocol》url类型
    (7):《search》以一个问号开始的URL中的以部分用于指定搜索信息
    (8):《target》当用户单击一链接(TARGET特性)时,用于显示被引用文档的内容的窗口。


    3.《anchors》数组
    《length》 文档内锚点的个数。
    《form{0}》代表第一个窗体。
    《elements{0}》 第一个元素
    《value》 值


    <42>.《history》历史记录:
    我们看看它的代码:
    (1):《forward》在历史记录中往前搜索。
    (2):《back》在历史记录中往后搜索
    (3):