熟识：计算机文化（收藏）默默前行|l标志设计英文_在线设计

1，电子管，晶体管，集成电路，大规模集成电路

2，计算机系统由硬件系统和软件系统两部分构成，计算机软件系统又包括系统软件和应用软件。系统软件如驱动程序，操作系统等。计算机硬件系统由运算器、控制器、存储器、输入和输出设备等组成。cpu是计算机的核心部分，由运算器和控制器组成。存储器可分为内存储器和外存储器。内存储器包括只读存储器ROM和随机存储器RAM（如果计算机采用128MB或256MB以上的内存将是很理想的事.。外存储器如硬盘实用40GB或80的硬盘是个不错的选择。

3，显卡决定着整个计算机的运行速度

4，计算机语言大致分为机器语言（二进制）、汇编语言（符号化）和高级语言（c语言、java语言）

5，计算机常用数制。十进制数转化为二进制、八进制、或十六进制，全部是除权取余。其他数制转化为十进制全部为展权相加。二进制转化为八进制三位一组，专为十六进制四位一组

6，计算机中数据的单位。字节（Byte）是存储信息的基本单位,比特（bit）是最小的数据单位.1B(Byte)=8b(bit);1KB(千)=1024B;1MB(兆)=1024KB;1GB(十亿)=1024MB;1TB=1024GB

7，汉字内码占两个字节，字母占一个字节

第二章文字处理软件word

第三章电子表格Excel

第四章演示文稿powerpoint

第五章Dos基本操作

C#程序设计

c#入门

1、“#”即英文sharp。

2，c#入门。所谓算法就是解决问题所使用的合乎逻辑简洁的一系列步骤；

3，学习构图

数~量~符~式~语句~代码~函数~类

4，Net屏台上，c#语言专门为Net开发

5对于网络版程序、手机版程序、单机版程序，语言是基础。

6，Main函数，程序执行的入口点。

7对于一个简单的程序

usingSystem;//代表命名空间

{

staticvoidMain(string[]args)

ConsoleWriteLine(“pleaseenteryourname”);//划线部分为电脑输出内容

ConsoleReadLine();//从键盘上输入

·Write生成之后不换行WriteLine生成之后换行

·程序中大小写敏感

8，注释的两种方式｜双斜杠。选中注释。｜以“/*”开头，以“*/”结尾，中间部分被注释（添加注释后程序将不再被读取）

9，用英文写的代码（源文件），，，，，，，编译，，，，，，，成为计算机识别的语言

.exe为可执行文件（双击可运行）

10，对源代码注释，提高编程效率

类型转换

1，隐式转换（自动转换）从short类型到int,long,float,double.

从int类型到long,float,double

从long类型到float,double

从float类型到double

隐式数值转换实际上就是从低精度的数值类型到高精度数值类型的转换

2，显式转换（强制转换）：需要用户明确的指定要转换的类型

Floate=12.3f;加后缀f表示12.3默认为单精度型

强制转换的格式··小括号f=（int)e,就是把e这个变量强制转换成实型

··使用Convert进行强制转换，如floate=12.3f;

inta=Convert.ToInt32(e);

使用不当也可能导致数据丢失或引发异常

表达式

1、运算符：算术运算符：+-*/%、++、--

关系运算符：==等于、！=不等于、<等小于、>等大于、<=小于或等于、>=大于或等于

逻辑运算符：&&逻辑与

||逻辑或

!逻辑非

三元运算符：表达式？值1：值二；（条件运算符）

赋值操作符：=赋值给变量2、运算符的优先级

··括号如（）和[]

··一元运算符如++、--

··算术运算符如+、-、*、/、%

··关系运算符如〉、〉=、==和！=

··逻辑运算符如&\^\|\&&\||

··条件运算符如？

··赋值操作符如=、+=、-=、*=、/=、%=。inta=10;

a+=20;//a=a+20,运算效率高

流程控制

1．为了适应自己的需要，我们经常必须要转移或者改变程序执行的顺序，达到这些目的的语句叫做流程控制语句。

2．三种执行流程··顺序执行

··分支执行

··循环执行

Return跳出Main函数

3．顺序执行中有··ifelse

··switchcase

4.if的格式

If(表达式)

语句1；

语句2；

语句3；

。。。

语句n；

}

5．ifelse的语法格式。

else

语句2

后面的语句；

6。if语句的语法规则

1，语法上要保证正确，列举容易出错的位置。if(num1>num2);”;”会导致if子句为空，if后语句将必然执行

2，if及else后子句如果只有一句，可以不写{}；但是为了程序编写规范，要求一句也加{}；且{}单独占一行。

3，if或else子句，要缩进，tab

4,else(表达式)，严重语法错误，不允许else上加条件，但不允许单独存在

7。多分支if语句语法格式

If(表达式1)

elseif(表达式2)

8。嵌套if语句语法格式

If(表达式2)

If(表达式3)

语句4；

注意；else总是与它上面最近的（未曾与其它配对的）if配对

7，数组

1，按序排列的同类数据元素的集合称为数组

2，一位数组的定义方式如下；

数据类型[]数组名=new类型类型[数组长度]；

如，int[]student=newint[10];创建一个十个元素的数组，数据类型为整型

3，数组可以用循环来控制下标A[i]

4，下标都是从0开始，下标值总是小于数组的长度

5，在数组的排列中，“冒泡排序”是比较特色的

6，二维数组一个元素有两个下标

7，输入。计算。输出

8，定义一个二维数组

如，int[,]score=newint[2,10]用这个数组就可以记录如两个对中的十个队员得分数，数组的格式在运算中要一致。

9，冒泡排序是数组中比较重要的一块内容，需要重点掌握一下

Switch语句，for语句，while语句，dowhile语句，foreach语句

switchcase语句

Switch结构是描述多分支选择的另一种形式。它的一般格式为：

Switch(表达式)

case常量1;语句1；break;

case常量2；语句2；break;

……

Case常量表达式n;语句n;break;

[default:语句n+1;break;]

Console.WriteLine("请输入年号和月份hetianshu");

intYear=Convert.ToInt32(Console.ReadLine());

intmonth=Convert.ToInt32(Console.ReadLine());

intday;

switch(month)

case1://case后可以是单语句，也可以多语句

day=31;break;

case3:

day=31;break;//非常重要，不写break会报错，执行的话表示跳出switch花括号

case5:

case7:

case8:

case10:

case12:

case4:

day=30;break;

case6:

case9:

case11:

case2:

if(Year%4==0&&Year%100!=0||Year%400==0)

day=29;

day=28;

break;

default://后边也必须有break，上面的常量表达式都不满足，默认执行此步骤

day=0;break;

if(day==0)

Console.WriteLine("输入的月份不合法");

Console.WriteLine(Year.ToString()+"年"+month.ToString()+"月"+"的天数是"+day.ToString());

1．Switch可用ifelse代替，switch一般对于离散值进行判断

2．case后的常量表达式可以按任意顺序书写。不会改变程序的控制流程。

3．switch后面圆括号内的“表达式”的值和case后面的“常量表达式的值都必须是整形或字符型的”

4。switch同一个语句中的所有case后面的“常量表达式”的值都必须不同

Switch语句的控制类型可以是string类型

Console.WriteLine("饮料自动售货机（橙汁，可乐，矿泉水）");

Console.WriteLine("请输入你的选择");

strings=Console.ReadLine();

intcost=0;

switch(s)

case"橙汁":

cost+=3;

case"可乐":

cost+=2;

case"矿泉水":

cost+=1;

default:

Console.WriteLine("请选择");

if(cost!=0)

Console.WriteLine("请付钱，{0}元",cost);

1，foreach语句

usingSystem;

usingSystem.Collections.Generic;

usingSystem.Text;

namespaceConsoleApplication1

classClass1

publicstaticvoidMain(string[]args)

int[]num=newint[5];

for(inti=0;i<5;i++)

num[i]=Convert.ToInt32(Console.ReadLine());

foreach(inttsinnum)

Console.WriteLine(ts);

}foreach一般是读出数组中的元素，比for的运行速度快，但不能显示出下标

3，for语句dowhile句简单了解

所谓循环，就是在条件满足的情况下反复执行某些指令，首先，我们来看for循环的基本结构。

for(语句1；条件；语句2)

语句21；

语句22；

语句2n;

语句1-赋值语句（初始语句）

条件-测试条件（结束条件）

语句2-循环条件

usingSystem.Linq;

namespaceConsoleApplication12

classProgram

{//1-100所有奇数的和

inti=1;

ints=0;

for(i=1;i<100;i+=2)

s=s+=i;

Console.WriteLine(s);

intn=1;

intr;

intr1;

for(n=1;n<100;n++)

r=n%7;

r1=n%10;

if(r==0||r1==7)

Console.Write(n+"\t");

//乘法口诀

inti,j,r;

for(i=1;i<=9;i++)

for(j=1;j<=i;j++)

r=i*j;

Console.Write(j+"*"+i+"="+r+",");

Console.WriteLine("\n");

Break与continue语句的使用

Break语句能够强行结束循环，那么类似的语句还有continue语句。

Continue语句的基本功能是：结束本次循环，进入下次循环。并不跳出循环。

inta,b=0;

for(a=1;a<=10;a++)

if(a>5)

continue;

b++;

Console.WriteLine("a={0},b={1}",a,b);

}//输出结果为：a=11,b=5，continue的

}//输出结果为：a=6,b=6，break的

Do-while语句简单了解

Foreach语句后面重点讲解

While语句

汉语意思：当。。。。的时候其一般形式为：

While(循环条件)

。。

它的执行顺序是：

1，判断条件循环的值

2，当条件循环的值为真时执行内嵌语句，程序转至第1步

3，当

布尔表达式得知为假时，while循环结束

4，用for语句能完成的任何工作，都可以使用while语句来完成

dowhile语句

语句n;

}while(循环条件)

1)执行循环体中的语句

2)执行表达式的的值为true则回到第一步，为false则终止for循环

1，函数定义

1)public访问修饰符（访问控制符）

2)static静态的，属于存储类型

3)void是输出的数据类型，是“空”的意思

4)Main是函数名

5)后边括号里的内容，表示“输入”，放有形参，数据的入口处

6)自定义函数之后，不被调用也不会被执行

2，函数调用

1）调用格式：方法名（实参列表）如：add(2,3)。2、3是传递的两个参数

2）自定义函数的关键字是return,功能是把表达式的值返回给主调函数，它的格式为：return表达式

例：staticintadd(inta,intb);

returna+b;

注意，如果没有返回值，就写上void,也不需要用return返回

如果有返回值的话，返回值的类型一定要与return语句中的返回值表达式的类型一致

3，形参：是函数被调用时用于接收实参的变量。函数可以没有形参，也就是无参函数

4，实参：函数被调用运行是实际参考的值

5，如果是调用无参函数，实参列表可以没有，但是括号不能省，staticvoidout()

6，传值调用：就是把数据本身作为实参传递给形参，在被调用函数之后，不会把形参的结果传给实参

7，传值方式传递数据的特点：因为数据在传递方（实参）和被传递方（形参）各自有不同的内存空间，所以形参在调用函数中无论如何变化，都不会影响主调函数的值。

8，传址调用：数组名作为函数参数

数组名即数组的名字，就是数组首元素的地址。，因此，当把数组名错位参数传递给函数时，就是传址方式。

9,函数的嵌套调用

C#中不允许嵌套定义方法，但c语言中是允许的

10,函数的递归调用:c#语言中还允许直接或间接的调用自身，并把这种函数成为递归函数

namespaceConsoleApplication3

//1。判断成年/未成年

stringinput=Console.ReadLine();//输入字符

intage=Convert.ToInt32(input);//强制转换

stringoutput=age>18"成年":"未成年";//运用三元符（条件符）

Console.WriteLine(output);

//2.输入a,b,c三个值，找出最大值

stringinput1=Console.ReadLine();

stringinput2=Console.ReadLine();

stringinput3=Console.ReadLine();

inta=Convert.ToInt32(input1);

intb=Convert.ToInt32(input2);

intc=Convert.ToInt32(input3);

intd=a>ba:b;

inte=d>cd:c;

Console.WriteLine("最大值:"+e);//;输入；强制转换；三元符；输出

intt1=Convert.ToInt32(input1);

intt2=Convert.ToInt32(input2);

intt=t1-12>0t1-12:t1;

stringr=t1-12>0"pm":"am";

Console.WriteLine(t+":"+t2+r);

//交换变量

inta=Convert.ToInt32(Console.ReadLine());

intb=Convert.ToInt32(Console.ReadLine());

intt=Convert.ToInt32(Console.ReadLine());

if(a>b)

t=a;//交换变量值的三个步骤

a=b;

b=t;

Console.WriteLine("交换位置:a:"+a.ToString()+"b:"+b.ToString());

//最简单的入门

Console.WriteLine("plealeenteryourname:");

Console.ReadLine();

Console.WriteLine("您好！");

//符号的运用

shortx=32766;

x++;

Console.WriteLine(x);

//字符串

stringStr1="welcome";

stringStr2="welcome"+"everyone";

Console.WriteLine(Str1);

Console.WriteLine(Str2);

//字符型

charch;//定义一个字符型变量

ch=Convert.ToChar(Console.ReadLine());//对于输入的字符串强制转换成char型

Console.WriteLine("{0}",ch);//意将ch的值赋到{}中

stringinput;

input=Console.ReadLine();//输入的内容，电脑将默认为字符串

Console.WriteLine("{0}",input);

intb;

b=Convert.ToInt32(Console.ReadLine());

Console.WriteLine(b);

//单精度和双精度之间的转换

inta=10;

floatb;

b=a;//隐式转换

doublec=34.5;

intd=(int)c;

Console.WriteLine(d);

floate=12.3f;//输入的数字程序默认为double型，所以需要加后缀f

intf;

f=(int)e;//强制转换

Console.WriteLine(f);

//运算符的优先级

intnum1,num2,num3;

num1=2;

num2=5;

num3=num1+3;

Console.WriteLine(num3);

num3=num2-num3;

num3=num2/num1*num2+num1;

num3=num2%num1;

num3=num3*num2;

////运算符的应用

intx=5;

inty=x++;

Console.WriteLine(y);//x++的优先级最低，++x的优先级最高

y=x++;

Console.WriteLine(y);

//inta=107;

//intc=3;

//Console.WriteLine((int)a/c);

DateTimedt=newDateTime(1992,02,03,10,29,56);

Console.WriteLine(dt);

Console.WriteLine(dt.ToString("yyyy年MM月dd日hh小时mm分钟ss秒"));//ToString表示格式化

Console.WriteLine(dt.Day);//截取某一天

Console.WriteLine(dt.AddDays(100));//取{}天之后的日期

Console.WriteLine(dt.DayOfWeek);//一星期中的哪一天

对于Upper.Lower.Trim.Length.Replace.IndexOf.SubString几个常见词的应用

stringStr="helloworld";

Console.WriteLine(Str);

Console.WriteLine(Str.ToUpper());

Console.WriteLine(Str.ToLower());

Console.WriteLine(Str.Trim());

Console.WriteLine(Str.TrimEnd());

Console.WriteLine(Str.TrimStart());

Console.WriteLine(Str.Length);//注意这里是没有括号的

Console.WriteLine(Str.StartsWith(""));

Console.WriteLine(Str.EndsWith("ld"));

Console.WriteLine(Str.Replace("",""));

Console.WriteLine(Str.IndexOf("o"));

Console.WriteLine(Str.LastIndexOf("o"));

Console.WriteLine(Str.Substring(Str.IndexOf("o")+1,5));

//对某个网址的截取处理

stringstr=@"c:\windows\system32\microsoft\test.text";//从0位置开始数，@在此表示转义

intstart=str.LastIndexOf("\\");//找最后一次\出现的位值

Console.WriteLine(start);

stringok=str.Substring(start+1,4);//截取字符串，（a，b）里边的是a.b两个参数。a是从第几个字符开始，

//b是截取的长度

Console.WriteLine(ok);

//从身份证中截取出出生年月日

stringids="370923199202031375";

stringstrYear=ids.Substring(6,4);

stringstrMouth=ids.Substring(10,2);

stringstrDay=ids.Substring(12,2);

Console.WriteLine(strYear+"年"+strMouth+"月"+strDay+"日");

//根据身高体重判断体重是否标准

Console.WriteLine("请输入您的性别（男或女）：");

stringsex=Console.ReadLine();

if(sex!="男"&&sex!="女")//判断性别输入正误

Console.WriteLine("您输入的性别有误");

return;

Console.WriteLine("请输入您的身高（cm）：");//判断身高输入正误

doubleheight=Convert.ToDouble(Console.ReadLine());

if(height<=0)

Console.WriteLine("您输入的身高有误");

Console.WriteLine("请输入您的体重（Kg）：");//判断体重输入正误

doubleweight=Convert.ToDouble(Console.ReadLine());

if(weight<=0)

Console.WriteLine("您输入的体重有误");

if(sex=="男")

doubletemp=height-100;//定义标准体重

if(weight-temp>=-2&&weight-temp<=2)

Console.WriteLine("您的体重是标准体重");

if(weight-temp>2)

Console.WriteLine("偏胖");

if(weight-temp<-2)

Console.WriteLine("偏瘦");

doubletemp=height-110;//定义标准体重

namespaceConsoleApplication9

Console.WriteLine("请输入年份");

intyear=Convert.ToInt32(Console.ReadLine());

Console.WriteLine("请输入月份");

intmouth=Convert.ToInt32(Console.ReadLine());

Console.WriteLine("请输入日期");

intday=Convert.ToInt32(Console.ReadLine());

if(year%4==0&&year%100==0||year%400==0)

if(mouth==1)

Console.WriteLine(day);

if(mouth==2)

Console.WriteLine(31+day);

if(mouth==3)

Console.WriteLine(60+day);

}if(mouth==4)

Console.WriteLine(91+day);

}if(mouth==5)

Console.WriteLine(121+day);

}if(mouth==6)

Console.WriteLine(152+day.ToString());

}if(mouth==7)

Console.WriteLine(182+day);

}if(mouth==8)

Console.WriteLine(213+day);

}if(mouth==9)

Console.WriteLine(244+day);

}if(mouth==10)

Console.WriteLine(274+day);

}if(mouth==11)

Console.WriteLine(305+day);

}if(mouth==12)

Console.WriteLine(335+day);

}if(mouth==2)

}if(mouth==3)

Console.WriteLine(59+day);

Console.WriteLine(90+day);

Console.WriteLine(120+day);

Console.WriteLine(151+day);

Console.WriteLine(181+day);

Console.WriteLine(212+day);

Console.WriteLine(243+day);

Console.WriteLine(273+day);

Console.WriteLine(304+day);

Console.WriteLine(334+day);

XX部队XX侦查队长接到一项紧急任务，需要他在代号为A,B,C,D,E,F六个队员中，挑选若干人去侦察一件重要的案子。因为任务的特殊性，所以对人选有如下要求：

1）A,B中至少去一个人；

2）A,D不能一起去；

3）A,E,F中要去两个人；

4）B,C要么都去，要么都不去；

5）C,D中去一个人

6）如果D不去，那么E也不去。

请列出你的思路，写出你的代码

inta,b,c,d,e,f;

for(a=0;a<=1;a++)

for(b=0;b<=1;b++)

for(c=0;c<=1;c++)

for(d=0;d<=1;d++)

for(e=0;e<=1;e++)

for(f=0;f<=1;f++)

if(a+b==1||a+b==2)

if(a+d!=2)

if(a+e+f==2)

if(b+c==0||b+c==2)

if(c+d==1)

if(d+e==0||d+e==2)

Console.WriteLine("a{0},b{1},c{2},d{3},e{4},f{5}",a,b,c,d,e,f);

如果要显示谁去谁不去则把a替换成(a==0”不去”:”去”)后面依次类推

（必做）

如输入478输出874

男性身高-100=体重女性身高-110=体重

上下浮动2KG属正常低于此值偏瘦高于此值偏胖

试用ifelse知识编写程序让用户输入身高体重性别然后告诉用户是否正常体重

Randomrand=newRandom();

intnum=rand.Next(3);

上面的代码是随机生成0,1,2,三个整数中的任一个，请编写用户与计算机之间的猜拳游戏。

这个日期是一年中的第几天。

（假设用户输入合法，不用验证输入是否正确）

假使0-4代表5位班长待选人，30个人对他们进行投票，通过比较票数选出最后一位班长

a)结果显示：去掉一个最高分xx分，去掉一个最低分xx分，歌手平均得分为xx分。

（选做）

第一章网站的组成模式与结构

1.1网站案例欣赏

Internet应用和电子商务已成为人们生活的一部分，人们习惯了在网上寻找自己需要的信息

1）第一代互联网时代

搜狐、新浪、雅虎中国、网易、3721等属于第一代互联网时代。搜狐首页主页的特点是信息量大、充分利用页面空间、文字小、密度大。

2）具体可以欣赏一下“中国营销传播网”

4）Web2.0是相对于web1.0的新的一类互联网应用的统称，用户既是网站内容的消费者（浏览者），也是网站内容的制造者。Web2.0技术主要包括：博客、RSS、Wiki、网摘、SNS、P2P、IM等。

5）网站的基本特征：域名、网站标志、数量众多的网页、网页的风格统一、便捷的陶行系统、分层的栏目组织、切合主题的内容、用户能与网站进行双向交流的栏目、搜索信息的功能、用户指南和网站动态信息

6）网站主流内容简介：动态新闻系统、留言簿、网站技术器、投票系统、信息的后台录入、Web邮件、用户注册、信息下载、blog;

1.2网站的基本知识

1）静态网站，是指没有后台数据库，不含程序和不可交互的网页，适用于一般更新较少的展示型网站。

2）纯粹HTML格式的网页通常被称为“静态网页”，早期的网页一般都是由静态网页制作的。静态网页的网址通常以.htm、.html、.shtml、.xml等为后缀的。

3）静态网页的特点归纳如下：

静态网页每一个网页都有一个URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；

静态网页实实在在保存在服务器上的文件

静态网页的内容，因此容易被搜索引擎检索；

静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；

静态网页的交互性较差，在功能方面有较大的限制。

静态页面是不能管理法不更新的页面，如果想更新网页内容，就要通过FTP软件把文件DOWN下来，用网页制作软件修改

静态网页实网站建设的基础，静态网页和动态网页之间也不矛盾，为了网站适应搜索引擎检索的需要，及时采用动态网站技术，也可以将网页内容转化为静态网页发布。

如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会很简单，反之一般要采用动态网页技术来实现

了解静态网站的服务流程

4）动态网站，

5）无论网页是否有动态效果，采用动态网站技术生成的网页，都称为动态网页。

6）动态网页的一般特点归纳如下：

以数据库技术为基础，大大降低网络维护的工作量；

并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。

“？”对于搜索引擎的检索存在一些问题，搜索引擎蜘蛛一般不会抓取网址中“？”后面的内容。

使用数据库来存储网站信息

1.3网站结构

1）分为逻辑结构和物理结构

2）逻辑结构是文档间关系的描述，它定义了文档间的连接

3）物理结构描述了文档的实际位置。对于用户来说，只需要知道统一资源定位（URL）

4）网站结构若细分是很多种的，如：线性结构，网格型结构，混合结构等。我们重点了解网站的一般层次结构和开发网站时的目录结构。

1.4网站的深度

网站的链接宽度和网站深度的平衡是十分重要的。用户更喜欢点击次数少的网站

设计网站时以三次找到信息为目标。建议每次点击都提到到达目标的正确反馈信息

1.5网站的类型

1）政府网站

@动态信息发布功能

@在线调查功能

@法律法规的信息检索

@公文传送

2）电子商务网站

@BTOC(BUSINESSTOCONSUMER)商家<….>消费者。主要是购物网站，等同传统的百货商店，购物广场等

@BTOB商家<….>商家，主要是商务网站，等同于原材料市场

@CTOC消费者<….>消费者，主要是拍卖网站，等同于旧货市场

3）企业信息网站

企业信息门户，基本作用是为人文提供企业信息，提供一个了解企业的访问入口

访问者通过这个入口或的个性化的信息和服务

4）信息资源网站

一般叫这类网站为门户网，一般提供internet网络资源和免费服务的网站，资源包括电子刊物，自由软件，电子图书，技术资料，音乐，影视等。免费服务包括电子邮件、BBS、虚拟社区、免费主页、博客、和网络传真等，例如，新浪、搜狐、天极网等

5）导航网站

网站的分类随着技术的不断的进步，越来越细。还有娱乐网站、游戏网站、个人网站、远程教育网站，财经网站、交友网站等

总结：

介绍了WEB网站的结构和分类。目的实在设计网站时从多方面考虑。对于不同类型的网站不能采用相同的标准，用户更关系他们要搜索的内容

n掌握WEB网站开发流程

n了解网站的目标和可实现性

n掌握网站的设计阶段

2.1网站开发流程

网站项目的设计与开发越来越像一个软件工程，越来越复杂。网站设计与开发，进入了需要强调流程和分工的时代。需要建立规范有效、健壮的开发机制适应用户的需要。

与客户沟通，确认需求，，网站设计，，网页制作，，代码编写，，编写，，申请域名，空间上传文件

从制作角度，建一个网站可分为十个阶段，每个阶段都有不同的目标和要求

1），计划阶段

2），初步建设阶段

3），连接阶段

4），交互阶段

5），数据库阶段

6），对外阶段

7），商业阶段

8），应用阶段

9），资本运营阶段

10），更新阶段

2.2网站的目标和可实现性

企业和个人，不能把建立网站简单的作为目标，企业是以盈利为目标的经济组织，个人简历网站也殊为可受益和回报，因此我们首要考虑企业和个人长期生存、发展和盈利的问题

我们在考虑建网站的时候，首先对如下几个基本问题进行分析

1）我们建立网站、开展网络营销的目的何在？

2）这个目的是否适合采用网络营销的方式实现

3）与传统营销业务的关系如何处理

4）对目标进行分析

5）进入时机的选择

2.3网站的设计阶段

网站设计原则

1，网页易读

2，导航清晰

3，网站易找

4，风格统一

5，小容量页面

网站设计重点

1，重点信息放在突出醒目的位置

2，页面设置风格保持一致

（1）结构的一致性，如网站布局，文字排版等

（2）色彩的一致性，选举一两种主要色彩，几种辅助色彩

（3）利用导航取得统一

（4）特别元素的统一性，如标志、局部大胆的设计

（5）利用图像取得统一

域名空间IP赋予每台计算机的“身份证号”，原理上是不同的。划分范围，在范围内不重。

域名对应某个IP，访问网站以班级有

在开始菜单，运行。Cmd输入，然后ping域名，回车出现域名的IP地址

可以在万维网上申请个域名，

中华网china.com已破产，有风险，需要抓住方向，风格

带流量，面向对象。网易总裁丁磊，专门的记者。

网络营销。创意加忽悠

l了解网站的域名

1，基本概念

域名是上网单位和个人在网络上重要的标识，起着识别作用

我国域名体系，也遵照国际惯例，包括类别域名和行政域名两套。类别域名比较常用，至以下六个域名，分别依照申请机构的性质依次分为：

AC科研机构

COM工、商、金融等企业

EDU教育机构

GOV政府部门

NET互联网络、接入网络的信息中心（NIC）和运行中心（NOC）

ORG各种非营利性的组织

2，域名设计

（1）吸引力

（2）简洁明了

（3）内涵

（4）商业价值

3，域名注册

选择合适的注册上和代理商

(3)、CNNIC

4，中文域名注册

5，域名维护

每年到期时要续费，否则域名将失效。另外公司在申请时防止以个人名义申请，获得域名公司使用权

6，域名的设置和使用

域名注册往后并不意味着访问者可以通过浏览器访问到网站，还需要在WEB服务器上进行设置，一般工作是由虚拟主机服务上来完成的

l了解网站的文件结构和文件名设计

1，网站文件结构设计

1）以最少的层次提供最清晰、最便捷的访问结构

2）根目录必须是DNS域名服务器所指向的索引文件存放的目录。

3）根目录只允许存放网站的主页文件以及网站的配置文件

4）每个主要导航栏应在根目录下，建一个相应的独立子目录

5）目录的层次不宜超过三层，不要使用中文目录、目录名不要过长

6）网站公用图片应存放在根目录下的images/photos目录下。

7）网站的数据库文件存放在database子目录下（这里的database只是参考）

8）网站的设计文件和资料放在单独定义的子目录下

9）从客户端上传的文件存放在upload子目录下。

10）如果网站同时存在两种开发语言版本，应在服务器建立各自语言版本的根目录

2，网站文件名设计

1）最少的字母表达最容易理解的意义

2）主页文件统一使用index或default文件名；

3）文件名是用小写的英文字母、数字和下划线组合，是用拼音时要注意南方任何北方人的发音问题，所以建议使用英文单词命名

4）多个同类型文件使用英文字母假数字命名，字母和数字之间用下划线分隔；

5）图片的名称应分为头为两部分，中间用下划线隔开，头部分表示此图片的类别性质，图片文件和动画文件看懂即可

l了解网站的CI形象标志的设计

1，CI形象设计

所谓CI（Corporateidentity）,就算即通过视觉来统一企业的形象。

网站是有许多张网页组成的，网站的CI形象要通过每个网页来实现。

明确CI形象之后，设计者就要进一步设计能体现风格的标志等。

1）设计出体现网站风格的标志。

2）确定网站的主色调及色彩

3）设计独特的装饰图案

4）设计一条宣传语

2，网站标志的设计

网站Logo是网站识别的重要标志

（1）公用性

（2）识别性

（3）显著性

（4）多样性

（5）艺术性

（6）准确性

（7）持久性标志于其他宣传品不同，一般都具有长期使用价值，不轻易改动

·传播范围广

·交互性强

·针对性强

·受众数量可准确统计

·实时、灵活、成本低

·强烈的感官性

CPA（cost-per-action）

CPC(cost-per-click)

CPM(costperThousandimpressions)

CPO(cost-per-order)

PPC(pay-per-click)

PPL(pay-per-lead)

PPS(pay-per-click)

CPTM(costpertargertedthousandimpression)

l了解网站的导航栏设计

1，导航

合理的导航可以帮助用户快速的找到需要的内容，可以利用URL、网页标签，标记网页和导航条等工具

2，导航位置

(1)顶部导航

典型网页一般的扫描方向从左到右，从上到下

(2)左侧右侧导航栏

减少用户鼠标的移动

(3)底部

增强页面的滚动性

3，导航的一致性

（1），导航的稳定性非常重要，允许有小的跳跃。但如果每个页面的导航变化跨度大，用户会容易失去方向感。

（2），元素位置和数目的一致性，从页面到页面间的导航区域内元素的位置和数目应保持一致。

本章总结

网站美工，前三章主要是网站设计

第四张主要从网站开发设计HTML基础知识，必须要了解的一些内容。进度比较快

n掌握网站开发技术简介

1，HTML

www全名worldwideweb,习惯称之为www或w3,也称万维网

标记语言（用<>对文本进行一系列的标记）

超文本（音频，视频，动画等多媒体形式的文本）用链接转到

HTML的结构包括头部（head）\主体（body）

2，CSS

是一种叫做样式表（Stylesheet），也有人称之为“层叠样式表”（castcadingstylesheet）,使用这种技术，可以有效地改变页面的字体，颜色，背景，和其他效果，实现更精确的控制

3，客户端脚本程序

常见的脚本语言有VBScript以及javascript(jscript),其中JavaScript用的范围比较广，一般的脚本语言是在服务器端执行的

4，DHTML

（dynamichypertextmakeuplanguage）实际上不是一种具体的技术，也不是一种编程语言，它是一个概念，一个WEB客户端程序开发的标准。DHTML与HTML就在于“dynamic”一词，其主题思想就是增加HTML稳当的吸引力和与用户的交互性。这种技术包括JavaScript，VBScript，DocumentObjectModel（文件目标模块）简称DOM，Layers和CSS（样式表）等

5，ASP

ActiveServerPages20。的缩写，意为“活动服务器网页”，其格式为.asp.ASP是一种服务器段脚本编写环境

2000年7月微软发布了“Microsoft.NET”,ASP.NET(ASP+)就是其核心技术之一。

ASP.NET是一个以便宜的、基于.NET的环境，把基于通用语言的程序在服务器上运行。

6，PHP

与ASP有几分相似

特性：

跨平台

开放的源代码

PHP是免费的

基于服务器端：由于PHP是运行在服务器端的脚本，可以运行在UNIX、LINUX、WINDOWS下

嵌入HTML

简单

7，JSP

n了解WEB网站服务器

n掌握WEB网站服务器的工作原理

本章是我们学习的重点，在介绍html过程中，我们以简单常用为原则，并没有把每个元素的所有属性都列举出来，实际学习中，很多同学接触过多知识点容易疲劳，也不容易记忆。最后连常用的属性都没有记住，得不偿失。所以当你把基础的知识点熟练以后一定要和教学老师研究探讨更多的属性。

5.1HTML的概念

HTML至今仍是制作网页时必不可少的代码（后缀html.htm）

打开一个html文件，观察它的结构

这是第一个网页

这是一个关于程序设计的网站

5.2HTML元素

元素

关键字

属性

例如

mate

Name

content

名字

内容

1，利于被搜索到

2，标记页面解码方式

3，实现自动刷新refresh

body

Bgcolor背景色

Background背景图片

Bgproperties=fixed(固定)

Text(正文文字颜色)

Leftmargin\topmargin(边距)

颜色

Gif\jpg

默认时为0

Body后面没有点

font

Color

Face(字体)

Size

可以三项同时记在font内部

Hr(直线)（单标记）

Size(宽度)

Width(长度)

Align(对齐方式)

Ol(有序列表)

type

a\A\1\I

当type=a,时，就会选择a,b,c,d…

Ul(无序列表)li(无序列表中的每一项)

Disc(实心)

Circle(圆圈)

Square(方块)

P(段落)

Center

Left

right

；（空白占位符）

Div(元素、分区显示、默认换行)span(分区显示默认不换行)

粗体下划线

上标。下标删除线倾斜

(单标记)按预设格式显示

加强语气(#代表1，2，3。。6)#级标题，默认换行倾斜

换行

5.3HTML文本格式

a)文字颜色font

b)文字字体

c)文字大小

d)文字标题h#

e)文字布局p\ \br

f)文字控制i\b\u\s

g)文字对齐align(关键字)

h)文字分区显示div

i)段落与分行控制center(元素)\hr(水平线)\ul(通过无序列表控制)\ol(通过有序列表控制)

5.4HTML超链接

关键字target=”_black”(独立窗口)\”_self”(不具独立窗口)

做个图片超链接

1，src路径

2，border边框

3，width宽度

4，height高align

5，alt档文字不显示时，有文字提示

如想在阅读网页时提高速度，去掉图片

工具\internet选项\高级\显示图片

超链接书签1，先连一个锚点2，连接到锚点首先也是使用a元素

文字

5.5HTML图像标记即img元素的应用td,,,,bgcolor

5.6HTML表格alignbackground

valignwidth

rowspan列跨多行colspan(行跨多列)height

,,,,,,,,background

,,,,,,,,bordercolor,,,,bordercolordark

border，，，bordercolorlight

cellpadding(字到边框的距离)

（双线效果）

tr,,,,,,,,,,bgcolor

background

align(水平对齐)valign(竖直对齐)top,middle,bottom

元素属性关键字

Table,,,,,,,,bgcolor

cellspacing(边框线之间的距离=0是)

在表格这一项中，table,tr,td总是相互嵌套的，在这里表示两行两列，此时表格时不显示的要想显示，在table元素里加关键词

Table元素内的关键词有width(宽度).border(边框的宽度).height(高度)

Td元素内的关键词有valign(top.middle.bottm).align(left.right.center)

Tr和td是同一级别，tr默认加粗，居中。Td默认居左

5.7表单（FORM）标记

Action定义表单处理程序的位置

Method有get和post两种方法

submit刷新，送出，出现“登陆”点击框

reset重置，取消，出现“取消“点击框

文本框

密码框

出现“完成“点击框

按钮submitresetbutton

文本域

30字符的宽度，5个字符的高度

复选框

checked表示提前被选上的，可更改

name最好相同。在同一复选框内

武术（此时前出现三个复选框）

单选框

两项中只选择一项，同一单选框，name必须相同

下拉列表

有几项就列几项

允许多选

北京

图片域应用

引用图片

隐藏文本域hideen,重点理解它的语法

P141页

5.html框架

<！--frameset有两个属性rows和cols-->

Cols代表分割长度

Rows代表分割宽度

框架页面的步骤

1，编写所有子框架页面

2，编写主框架页面

3，在主框架页面中设定子框架名称

4，如果页面之间存在链接，在子框架中设定链接

注意，框架页面是不包含标签的。

5，在定义大小时，rows和cols可以使用相对大小或百分比为单位

嵌套应用

frameborder=yesframespacing="30"bordercolor=#ff3300>

Frameborder:各窗口边框的设置

Frameborder=yes|no|1|0,四个值可以选择，1，0和yes\no的意义相同

Framespacing:框架边框的宽度

Bordercolor:框架边框的颜色

Name;定义该框架的名字，。这个名字可以被一些网页元素引用，如被a元素引用

在这里可以总结frame的属性有:src.name.framespacing.Bordercolor.frameborder.scrolling(是否显示边框).Noresize=”noresize”默认是不固定的

5.9多媒体页面

Html用embed嵌入多媒体对象

基本语法

Embed可以插入各种多媒体，格式可以是midi.wav.aiff.au.mp3等

Embed的属性：width.height.src等

补充：

网页标题Charset=”gbk”采用简体中文编码<metename=”关键词”content=”内容描述”>用来标记搜索引擎在搜索你的页面时索取出的关键词。同时用来标记文档作者。本章目标n掌握dreamweaver建立网站站点n掌握dreamweaver进行网页编辑n对于dreamweaver运用的不够娴熟，此章节对于此程序需要熟练应用，利于以后的操作。是重要的n掌握网站推广计划主要内容n理解网站推广注意事项n了解宣传你的网站7．1网站推广计划主要内容1，确定网站推广的阶段目标2，在网站发布运营的不同阶段采取不同的网站推广方法。3，网站推广策略的控制和效果评价(为了及时发现问题)7.2网站推广注意事项·网站推广计划要有步骤有目的·推广方法有阶段性特征·推广与营销活动相结合来进行·稳定期，推广工作不应停止·进行效果跟踪和控制（访问量的变化直接反映了网站推广的成效）7.3宣传你的网站1，当行网站登陆3，搜索引擎登陆排名6，BBS宣传7，免费服务8，线下活动宣传<html>//例如用table做网站<head><title>世纪佳缘

诚意宣言：我承诺抱着严肃的态度，真诚寻找另一半

我是：男女

生日：请选择年份

学历：初中及以下高中或中专大专本科研究生月薪：1000-2000元2000-4000元3000-5000元5000-8000元8000以上1000元以下

同意(世纪佳缘注册条款)和（会员加入标准）

Java

Html

网络营销seo网页7天dreanwever记忆重点

层叠样式表（不断的练，做）

一，C语言面向过程的思想

二，面向对象

样式表特点

1，内容和外观的分离，加快页面的加载速度

2，控制整个网站的风格《统一的风格》

添加样式表的方法《必须写单位，px像素》

第一种：样式表放在标记里面《内联样式表》

@对标签起作用（tag）任意标签元素

《冒号，隔开样式名和样式值；分号，隔开多种样式》

第二种添加在头信息标识符（head）里面-----内嵌样式表

@对整个页面起作用

对样式表的注释方式为，斜杠//

例：

Body{font:12px}

H1{font:16px}//对于H1标记的部分，搜索引擎认为是重要的

P{font-weight:bold;color:red}à

第三种外部样式表《样式表导入》

@控制整个网站

//*.css代表所有样式表格式的文件，其是单独保存的样式表文件，不能包含style标识符,并且只能以css为后缀

1.3样式表选择器（选中某个或某类标签）

块里包含属性（properties）和属性的取值（value）

语法：选择符{属性：值}

记住五种选择器

@并列选择器。选择符1，选择符2，选择符3{属性1：值；属性2：值2；属性3：值3}

样式块此时对于3个选择符起作用

当有多个属性的时候，必须用“分号”分隔两个属性

@@后代选择器。选择符1选择符2{属性1：值1；属性2：值2；属性3：值}

两个选择符用空格隔开

@@@标签选择器。即选择器语法中选择符（属性：值）

例如：就是将

与

之间的文本或其他设为红色

@@@@伪类选择器。.伪类名{}

标签.伪类àdiv.伪类—>对自身起作用

Div.伪类。加了一个空格，表示对后代起作用

@@@@@id选择器，id不能重。#p1{}à只对id=”p1”的作用

#p1,#p3{}à对p1和p3同时起作用

控制字体的的样式

1，字体font-family:字体名称（默认宋体）

2，字号font-size:字号参数；·em一个代表一个英文字符的大小（可以是小数）

·一般网页字体为12px或14px

3,风格font-style:斜体字的名称

4，font-weight:字体粗细normalbold加粗

控制文字的样式

1，文字大小写

2，文字修饰。text-decoration:参数；

参数值：underline：下划线

Overline:上划线

Line-through:删除线

None不现实上述任何效果

文本样式

1，单词间距：word-spacing:间隔距离

2，字母间距：letter-spacing:字母间距（可以写数字，12px）

3，行距：line-hight:行间距离

4，文本水平对齐：text-align:left,right,center

5，竖直对齐：vertical-align:top,bottom,middle

控制颜色和背景的样式

1，color:字体颜色

2，background-color:参数（背景颜色）

3，background-image:url(URL背景图片的存放路径)

4，背景图片重复。Background-repeat:参数；

·参数：no-repeat.不重复

Repeat-x,使图片在水平方向上平铺

Repeat-y,图片纵向平铺

5，background-attachment:参数；fixedscroll

6，背景定位background-position:参数表

Top，bottom,right,center.left

控制列表的样式

1，列表符号lift-style-type:参数；disc,circle,square,decimal十进制数，

Lower-roman,upper-alpha,none

2,list-style-image:URL相对或绝对地址

控制用户界面

Cursor:鼠标形状参数；

鼠标形状参数

auto,自动；hand,手形；

crosshair，十字形；text文本型；

wait,沙漏型；move，十字箭头形；

help,问号型；e-resize,右箭头形；

n-resize,上箭头形；nw-resize,左上箭头形；

w-resize,左箭头形；s-resize,下箭头形；

se-resize,右下箭头形；sw-resize,左下箭头形；

控制框与边框（注意理解）

@margin空白距离

@padding间隙

@border边框

Border的属性

Border-top

Border-right

Border-bottom

Border-left

Border-width所有边框宽度

Border-color

Border-style边框样式

边框样式的参数:

None无边框

Dottoed点线

Dashed长短线

Soild实线

Double双线

Groove根据color属性显示不同效果的3d边框

Ridge根据color属性显示不同效果的3d边框

Inset根据color属性显示不同效果的3d边框

outset根据color属性显示不同效果的3d边框

控制显示的样式

Display:参数。主要是对页面进行布局

参数取值范围：

Block(默认)：在对象前后都换行

Inline：在对象前后都不换行

List-item:在对象前后都换行，增加了项目符号

None:无显示

Div层的使用

Float(浮动)：属性

属性值：inherit

None

Right

Position(位置)：属性（absolute,绝对位置；relative,相对位置）

绝对位置用坐标定位，相对位置是仍在某个容器里，已离他最近的为参照物

Overflow:参数

参数值：auto,自动生成滚动条

Hidden隐藏部分内容

Z-index:数值;

数值越大越靠前

Div层布局

通常float与clear:both;配合使用

或display:inline;与padding和margin配合使用

1，div+css实现导航

@a:link超链接默认

@a:visited超链接被点击后的

@a:hover鼠标移到超链接上之后的

@a:active鼠标摁下去之后的

l掌握javascript语法规则

l怎么使用外部JS文件的方法

l几种弹出式对话框的使用方法

2.1javascript简介

脚本语言，有三个位置可供选择，（1）放在head标签内（2）放在body原素里（3）放在html的最后

解释执行

2.2javascript必要性

1，提供用户交互

Function函数名（）

2，动态更新内容

可以动态的更改网页上元素的内容和位置

3，验证数据

2.3Javascript工具和IDE、运行是环境、硬件配置

2.4JavaScript与Java的比较

是两个公司开发出来的不同产品，作用及用途也不同，javascript是相对简单的脚本语言，是基于对象而不是面对对象

2.5JavaScript基本语法规则

1，使用

2.7几种弹出式对话框

1.alert()显示一个消息框，只有一个ok（确定）按钮

2，confirm()显示一个对话框，带有“ok”（确定）和”cancel”(取消)按钮

3，prompt()显示一个可以让用户输入信息的对话框。

l了解特殊字符

l掌握强制类型装换

l掌握表达式和运算符的使用

1，用var来定义变量，var为可变类型，弱数据类型

2，Alert输出结果

3，定义在函数内部的局部变量旨在函数内起作用，全局变量在内都可用

4，转义\n,\r,\t

5，强制类型转换，数据终归是属于某种类型的，parseInt强制转换成整形。parseFloat

6，Confirm语法类型：只接受true或false类型

7，parseInt强制转换成整形

8，isNaN,不是数字varisok=isNaN(tt);alert(isok);如果isok=false,则tt位数字，反之，则不为整数

9，算术运算符、比较运算符、逻辑运算符

10，掌握JavaScript中的控制语句

12，掌握JavaScript中数组的使用

4.1控制语句

If，ifelse，嵌套if语句，for循环，while循环，switch循环

Date里面的方法

以get开头的getFullYear();只留年份

getMonth();只留月份，月份是从0开始记得

getDate();只留一个月的第几号

getDay();星期几，星期天输出0

getHours();只得一天中的几点，下午两点，14

getMinutes();

getseconds();

以set开头的setFullYear(year,month,day)

setHours()

setMonth()

setDate()

setMinutes()

setSeconds()

4.2函数

1，定义函数语法

function函数名（）

｝

一般没有返回类型，有的话，ｔｒｕｅ或ｆａｌｓｅ比较常见一点

函数是一个可重复使用的代码块，可以被反复调用，完成独立功能

２，调用函数。ｏｎＣｌｉｃｋ当被点击的时候

取出表单里的内容：ｖａｒｐ＝ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（）；取出属性ｐ．ｖａｌｕｅ

标签――＞取元素――＞运算――＞扔到页面――＞调用

３，通过按钮调用函数

4.3数组

１，创建数组

vararrayObjectName=newArray(size);,size是指属组的长度，没有具体类型

2，位数组赋值

varemp;

emp=newArray(3,2,1);

或

emp=newArray(3);

emp[0]=3;

emp[1]=2;

emp[2]=1;

3,访问数组元素

4，数组的常用属性和方法

·数组的length属性用于返回数组元素的个数，发布会的数据类型为整形

·数组的方法如下：

Join间数组元素组合成字符串

Reverse方法将反转数组，

Sort，对数组进行排序

l对象的层次结构

l基本对象的属性

l基本对象的方法

5.1对象的层次结构

浏览器对象à脚本对象àHTML对象

Javascript对象由下列两部分组成：属性(properties),方法(methods)

访问文档对象包含表单对象的方法：document.form1等

访问表单对象文本对象文本元素text1的属性：document.form.text.value=”MyHappy”.

5.2String字符串对象

String对象是动态对象，

1，语法

newString=newString([“stringLiteral”])

2,参数

newString(必选项)

stringLiteral(可选项)

3，说明

Varalpha,beta;

alpha=”这是一个字符串”;

beta=”这也是一个字符串”；

4，String对象的常用属性及方法

名称说明

属性length返回字符串的长度

方法big()增大字符串文本

blink()是字符串文本闪烁（IE不支持）fontcolor()

italics()斜体

indexOf(“子字符串”，起始位置)查找字符串的位置

strike（）显示加删除线的文本

sub()将文本显示为下标

toLowerCase()转换成小写

toUpperCase()转换成大写

5.3Math字符串对象

是一个固有对象，提供基本的数学函数和常数

Math.[{property|method}]

参数

property,必选项Math对象的一个属性名

Method,Math对象的方法名

Math对象不能用new运算符创建

Math对象的常用属性及方法

属性PI,∏的值

random返回0-1的随机数

方法round(y)四舍五入取整

Math.round(Math.random()*8+1)产生1-9的数字

5.4Date对象

1，Date对象

vartt=newDate(year,month,date[,hours[,minutes[,seconds[,ms]]]])

month,表示的月份，是从0-11之间的整数（一月-十二月）

lJavaScript事件的使用

lJavaScript中浏览器对象的作用

lJavaScript中对象的使用方法

1，事件

@事件是浏览器相应用户交互操作的一种机制，定义了用户和页面交互时的各种操作，例如单击超级链接或按钮时，就产生一个单击（click）操作事件。

@事件处理是浏览器为了响应某个事件而进行的处理过程。事件处理程序可以是一条语句，也可以是一个函数的调用

@产生事件的条件：事件不仅可以在用户交互过程中产生，浏览器自己的一些动作也可以产生事件

@事件有三大类

引起页面跳转的事件，主要是超链接事件

浏览器自己引起的事件

事件在表单内部同界面对象的交互

@JavaScript中的事件

事件名说明

onClick鼠标单击

onChange文本内容或下拉菜单中的选项发生改变

onFocus0000000获得焦点，表示文本框等获得鼠标光标

onBlur失去焦点，表示文本框等失去鼠标光标

onMouseOver鼠标悬停，即鼠标停留在图片等的上方

onMouseOut鼠标移出，即离开图片等所在的区域

onMouseMove鼠标移动，表示在

层等上方移动

onLoad网页文档加载事件

onSubmit表单提交事件

onMouseDown鼠标按下

onMouseUp鼠标弹起

onResize用户或脚本调整窗口或框架的大小时

2，文档对象模型

浏览器的对象具有树形结构，它的最上层为window对象，从window对象为起点派生其他对象

3，浏览器对象的作用

4Windows对象的作用

DOM是档案模型的意思（DocumentObjectModel）

Windows常见属性

DocumentHTML文档—浏览器窗口上的

History包含客户访问过的“URL”的信息

Location包含有关当前

Event

screen

4，Document对象

Object:

BodytitlelinkColor等

Method:

getElementByIdclose

collection:

childNodes

5，History对象

Backforwardgo

Properties;

length

6，Location对象

Reload

Properties

Href

7,screen

AvailheightavailWidthheightwidth

6.2Windows对象的作用

1）window常见的属性

名称

说明

document

表示给定浏览器窗口中的HTML文档

history

包含有关客户访问过的URL的信息

location

包含有关当前URL的信息

name

设置或检索窗口或框架的名

status

设置或检索窗口底部的状态栏中的消息

包含有关客户端的屏幕和显示性能的信息

event

鼠标位置的确定

opener

打开当前窗口的原窗口

2）window常用的方法

alert(“提示信息”)

显示包含信息的对话框

confirm(“提示信息”)

显示一个确认对话框，包含一个确定取消按钮

prompt(“提示信息”)

弹出提示信息框

open(“url”,”name”,”features”)

features：left=100top=200width=3height=3toolbar=nomenubar=nostatus=no

resizable=notitlebar

打开指定名称的新窗口，并加载给指定URL所指定的文档；如果没有提供URL，则打开一个空白文档

close()

关闭当前窗口

setTimeout(“函数”,毫秒数)

clearTimeout(timeID)

终止setTimeout的执行window.clearTimeout(iTimeoutID)

setInterval(“函数”,毫秒数)

clearInterval(intervalID)

终止setInterval的执行

window.clearInterval(iIntervalID)

moveTo(x,y)

一到某个位置movable.moveTo(iX,iY)

resizeTo(width,height)

调整大小

window.resizeTo(iWidth,iHeight)

print()

打印window.print()

showModalDialog()

模态对话框（他后的窗口不能够控制）

vReturnValue=window.showModalDialog(sURL[,vArguments][,sFeatures])

showModalLessDialog()

vReturnValue=window.showModalDialog(sURL[,vArguments][,sFeatures])

6.3Document对象

1）document对象的常用属性

alinkColor

设置所有活动链接的颜色

bgColor

背景颜色

指定文档正文的开始和结束

linkColor

设置文档连接的颜色

包含关于当前URL的信息

title

包含文档的标题

url

设置或检索当前文档的URL

vlinkColor

设置或检索用户访问过的连接的颜色

2）document对象的常用方法

clear()

清除当前文档

关闭输出流并强制显示发送的数据

write(“text”)

将文本写入文档

getElementById(“id名”)

通过id取整个元素

oElement=document.getElementById(sIDValue)

getElementByName(“name名”)

通过name取整个元素（或元素数组）

getElementByTagName(“标签名”)

通过标签名取整个元素

直接子元素

3）主要包含的三个对象

（1）、anchor锚对象：指的是

（3）、表单（form）对象：一般使用forms[]数组

4）document.forms[]属性

document.forms.length;

document.forms[0];

document.表单名；

5）document.write()方法

页面载入过程中用实时脚本创建页面内容

6.4History对象

history对象的方法

方法名

描述

back()

加载history列表中得上一个URLhistory.back([iDistance])

forward()

加载history列表中得下一个URL

go()

加载history列表中的指定的一个URL，比如：go(-2)表示后退2页

6.5Location对象

（1）location对象的属性

host

设置或检索位置或URL的主机名和端口号

hostname

设置或检索位置或URL的主机名部分

设置或检索完整的URL字符串

（2）location对象的方法

assign(“url”)

加载URL指定的新的HTML文档

reload()

重新加载当前页

replace(“url”)

通过加载URL指定的文档来替换当前的文档

6.6screen对象、

（1）screen属性

width

屏幕的宽度

height

屏幕的高度

availWidth

可用的宽度

availHeight

可用的高度

6.7event对象

属性名称

鼠标的横坐标

鼠标的纵坐标

Screenx

[iSize=]event.screenX

Screeny

[iSize=]event.screenY

6.8任意标签元素（除from表单）对象

innerHTML

标签里的HTML文本

innerText

标签里的纯文本

outerHTML

连标签一起显示HTML文本

getAttribute(“属性名”)

去属性的值

setAttribute(“属性名”,”属性值”)

给属性赋值object.setAttribute(sName,vValue[,iFlags])

removeAttribute(“属性名’)

移除属性

bSuccess=object.removeAttribute(sName[,iCaseSensitive])

removeChild(“元素名”)

移除元素

oRemove=object.removeChild(oNode)

appendChild(“元素名”)

加元素

6.9Windows对象的作用

3）window常见的属性

4）window常用的方法

6.10Document对象

6）document对象的常用属性

7）document对象的常用方法

8）主要包含的三个对象

9）document.forms[]属性

10）document.write()方法

6.11History对象

6.12Location对象

6.13screen对象、

6.14event对象

6.15任意标签元素（除from表单）对象

7.1事件处理程序和表单元素简介

当用户出发一个事件时通常会执行以下程序

1单击按钮

2调整页面大小

3提交表单时

表单元素

事件处理程序

文本框

onBlur

文本框失去焦点

onChange

文本框的植被修改

onFocus

光标进入文本框中

命令按钮

按钮失去焦点

onClick

按钮被单击

onMouseDown

鼠标按钮被按下

onMouseUp

鼠标按钮被释放

按钮获得焦点

复选框失去焦点

复选框被选定或取消选定

复选框获得焦点

单选按钮

单选按钮失去焦点

单选按钮被选定或取消选定

单选按钮获得焦点

下拉列表框

下拉列表框失去焦点

选项被选定或取消选定

下拉列表获得焦点

7.2文本框对象

1，文本框对象的事件处理程序

事件

光标进入某个文本框

onChenge

文本框的内容被修改，即获得鼠标光标

方法

Focus()

获得焦点即获得鼠标光标

Select()

选中文本的内容，突出显示输入的区域

readonly

为只读方式，文本框中的内容不能修改

2，onChange事件，跟踪用户在文本框中所修改的内容，当用户在文本框中输入自己要完成的内容后，将激活事件。

3，select事件：当用户选中内容时，突出修改输入的文本框的区域，通常提醒用户冲输入时使用。

4，readonly属性。/某些文本希望用户不能作任何修改，这是可以指定此属性。

7.3Button按钮对象

1．Button按钮支持onClick事件。用户单击命令按钮时，发生onclick事件

Onsubmit

表单提交事件，单击“提交按钮”时产生，此事件属于
元素，不属于提交按钮

onclick

按钮提交事件

7.4Checkbox对象的用法

复选框的用途：在on和off之间转换。他的属性checked返回一个布尔值,表是复选框是否被选中.true值表示被选中，false表是没被选中

7.5radio单选按钮

7.6select对象

组合框在表单上显示为下拉列表。Select对象就是列表组合框对象

事件名称

Selectedindex<属性>

属性可以用来设置或取的列表框中所选的选项的编号值，第一个选项的标号为零。《索引号》

Length<属性>

返回列表中选项的个数

size

属性用于设置或取得列表框中可见选项的个数

7.7表单的有效性验证

7.8正则表达式

是一种用来描述文本模式的特殊语法

7、8、1正则表达式语法规则

1，普通字符

字母、数字、汉字、下划线、以及后面章节没有特殊定义的标点符号，都是普通字符。在匹配一个字符串的时候，匹配与之相同的一个字符

2，简单的转义字符

表达式可匹配\r,\n表示回车和换行符

\t制表符

\\代表“\”本身

3，在有特殊用处的符号前面加”\”,就代表该符号本身。

\^匹配^符号本身

4,能够与多种字符匹配的表达式

\d只能是数字，0-9中的任意一个数字

\wA~Z,a~z,0-9中的任意一个

\s包括空格、制表符、换页符的任意其中一个

小数点可以匹配除了（\n）以外的任意一个字符

5自定义能够匹配‘多种字符’的表达式

[ab5@]匹配‘a’、‘b’、‘5’或‘@’

[^abc]匹配‘a’、‘b’、‘c’之外的任意一个字符

[f-k]匹配‘f’-‘k’之间的任意一个字母

[^A-F0-3]匹配‘A’-‘F’，‘0’-‘3’之外的任意一个字符

6,修饰匹配次数的特殊符号

Window对象

varnewwindow;

functiondoaccess()

newwindow=window.open("window对象的方法2.html","_blank","left=0top=0width=980height=800toolbar=noresizable=no");//打开一个新窗口

functiondoback()

newwindow.close();//关闭窗口

functiondomove()

resizeTo(100,200);//调整大小

window.moveTo(200,300);//一到某个位置

functiondobacktop()

close();//关闭当前窗口

functiondotishi()

alert("我们可以成为朋友吗？");//弹出窗口

varnum=0;

functiondofriends()

num++;

alert("添加好友成功！");

varcishu=setTimeout("dofriends()",2000);//过2秒后弹出窗口

if(num==2)

clearTimeout(cishu);//结束窗口弹出

functiondoguanzhu()

functiondohome()

window.showModalDialog("window对象的方法1.html","","dialogHeight：12px")

欢迎来到姝好的空间！

dotishi();

alert(dd.innerHTML);//取html内容

alert(dd.innerText);//取文本内容

varhh="

快来发表一下你的感想吧！

";//定义一个变量

dd.innerHTML+=hh;//把hh加在dd中

alert(dd.innerHTML);//输出dd的内容

alert(dd.childNodes.length);//dd中直接子元素的个数

alert(dd.childNodes[0].innerHTML);//dd中第一个直接子元素的内容

alert(bb.getAttribute("color"));//取bb中color属性的属性值

bb.setAttribute("color","#ffffff");//将bb的color属性的属性值改为#ffffff

alert(bb.getAttribute("color"));//输出改了后的bb中color属性的属性值

alert(bb.removeAttribute("color"));//移除bb中color属性

alert(bb.innerHTML);//输出bb中的内容

alert(dd.innerHTML);//输出dd中的内容

document.write(dd.innerHTML+"
");//输出dd中的内容

document.write(dd.innerText);//输出dd中的内容

varsss=document.getElementById("cc");//取cc的Id

alert(sss.innerText);//输出sss的内容

vargg="loveforever";//定义一个变量

sss.innerHTML+=gg;//把gg加在sss中

alert(sss.innerHTML);//输出加上gg后的sss中的内容

alert(dd.removeChild(sss));//移除dd中的sss元素

functiondocalculation(ysf)//递加递减

vartext1=document.getElementById("text");

vartext2=parseInt(text1.value);

if(ysf=="-")

text2--;

elseif(ysf=="+")

text2++;

text1.value=text2;

functiondoyunsuan()//2个数求和

varfirst1=document.getElementById("first");

varfirst2=parseInt(first1.value);

varsecond1=document.getElementById("second");

varsecond2=parseInt(second1.value);

varthird=document.getElementById("third");

varhe=first2+second2;

third.value=he;

varnames=document.getElementsByName("button");

alert(names.length);

for(vari=0;i

document.write(names[i].value+"
");

vartags=document.getElementsByTagName("input");

alert(tags.length);

for(vari=0;i

document.write(tags[i].name+"
");

varjihe=document.childNodes(1);

alert(jihe);

functiondoshow()

varx=window.event.x;

vary=window.event.y;

alert(x+","+y);

姝好love

history对象

functiondolast()

window.history.back();

functiondonext()

window.history.forward();

functiondohistory()

window.history.go(-2);

functiondoaddress()

functiondonew()

window.location.reload("location对象.html");

screen对象

varx=window.screen.width;//屏幕的宽度

vary=window.screen.height;//屏幕的高度

alert(x+"*"+y);//屏幕的分辨率

varh=window.screen.availWidth;//屏幕的可用宽度

varg=window.screen.availHeight;//屏幕的可用高度

alert(h);

alert(g);

THE END

熟识：计算机文化（收藏）默默前行

这些品牌换新LOGO，越换越简单宾利扁平化辨识度百事可乐logo雀巢咖啡

耋耄之年夏威夷租车自驾游经济参考网

熟识：计算机文化（收藏）默默前行

l汽车标志是什么车；L开头的英文车标是什么车？纳智捷和兰博基尼

路虎的车头，会有三种不同的英文字母标志，你知道是为什么？

高尔夫竞赛题目

华为运输包装设计规范检测资讯

消防工程论文范文

水质符号及意思解释

GB191522016英文版装置光源