csdn第二次培训 第一课
2012-04-19 17:45
253 查看
紧张的csdn培训又开始了，第一天我们从9点40 到21点，我们几乎一直呆在电脑房里，眼睛又涩又痛，回顾一天所讲的内容，还真是有点困难，实在太多太难了。。。
开课一讲：基于服务器的链接
1.pc链接：http://172.16.235.116:88（例）
手机无线访问：http://192.168.0.100:88（例）
2.点击phpwork2012-ajax.....
课程计划（5天）
HTML，CSS基础
JavaScript基础
php基础
内容回顾
标签
属性
html基本结构：
<html>
<head>
<body>
html基本元素：
标题，段落，换行符，预先格式化，字符格式化
水平线<hr>，字体<font>，图像<img>，特殊字符（空格< >），超级链接<a href=..>（绝对路径，相对路径）
网络布局：
表格（Table）
层
上午开课
一.form（表单）可以实现用户和服务器进行交互
<form action="表示表单要提交的服务器路径（web服务器自建）" method=get/post（提交表单的方法get小，post大隐藏>
</form>
表单只提交而无内容，需要在之间输入操作
文本框：
<input type="" name="" size（设置字符长度="">输入式
下拉菜单：
<secelet name=dominid>选择式
<option value（赋值初值）="要传递到服务器的值">选择内容</option>
</secelet>
密码框：
<input type="password" name="password">输入内容显示为黑点
文本域：
<textarea>
</textaraea>---多行可下拉
<font>性别</font>：
单选框：
<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女"/>女
当name中内容同样时，选择时只能选一个，当不同时不能实现单选
<font>爱好</font>：
复选框：
<input type="checkbox" name="hobey" value="画画"/>画画
<input type="checkbox" name="hobey" value="跳舞"/>跳舞
<input type="checkbox" name="hobey" value="朗诵"/>朗诵
可多选
（例如：<form action="http://202.195.112.3/php/user_login.php" method=post>
用户名：<input type="text" name="loginuser/>
域：<select name=domainid>
<option value='2'>hytc.edu.cn</option>
<option value='3'>stu.hytc.edu.cn</option>
</select>
密码：
<input type="submit" value="连线国际"/>
</form>）
二 样式
CSS基本概念：
层叠样式表，把网页的内容和内容的控制进行分离，简称“样式表”
例：
<p style="color:颜色;font-size:字体大小;background-color:颜色>输入内容
</p>
CSS的几种写法：
1.直接以属性方式（行内样式）
在标签中增加属性，实现对标签对标签样式的修改
<p style="color:颜色;font-size:字体大小;background-color:颜色>输入内容
</p>
优先级高于2法
2.在<head></head>之间 写<style></style>（内嵌样式）
<style>
p{
color:颜色;
font-size:字体大小;
background-color:颜色;
}
</style>
<p >内容</p>
3.外联文件方式（外部样式）
<head>
<link type="text/css" rel="stylesheet" href="css1.css"/>
(外部链接一个独立的css）
</head>
下午：
三.关于css的选择器的概念
1.html选择器
样式的名称其实就是我们的html名称（html的名称）
2.ID选择器
根据元素的id属性值设定的样式 写法"#"+id属性值
3.class选择器
<style>
.class{
属性
}
</style>
</style>
</head>
<body>
<p class="class1">内容</p>
</body>
四.
<div>
</div>
层
晚自习：
五.Javascript
Javascript是一种客户端脚本语言（函数是编程语言，而非面向对象的语言）
1.概念：由livescript演变而来，主要用于解决客户端程序的运行速度问题，常用于数据校验
2.使用方法：
<script></script> 实现javascript代码执行
3.javascript中的常量的定义
用var来声明变量，注意javascript是一种弱语法语言（定义变量统一使用var）。
例如：
var a=10,b="疯啦",c=10.12;
alert(a);
alert(b);
alert(c);
4.javascript中的变量的定义
例如：
var i;
i=10;
alert(i）;
5."+"的特殊用法
数字+数字 数字；
数字+字符 数字字符（+起连接作用）
数字+true/false 把true换为1，false换为0，运算
6.弹出的提示框
alert("显示的内容");弹出一个警告框
confirm("");弹出选择警告框，点击后返回一个true或者false结果
prompt("")即时提示框
开课一讲：基于服务器的链接
1.pc链接：http://172.16.235.116:88（例）
手机无线访问：http://192.168.0.100:88（例）
2.点击phpwork2012-ajax.....
课程计划（5天）
HTML，CSS基础
JavaScript基础
php基础
内容回顾
标签
属性
html基本结构：
<html>
<head>
<body>
html基本元素：
标题，段落，换行符，预先格式化，字符格式化
水平线<hr>，字体<font>，图像<img>，特殊字符（空格< >），超级链接<a href=..>（绝对路径，相对路径）
网络布局：
表格（Table）
层
上午开课
一.form（表单）可以实现用户和服务器进行交互
<form action="表示表单要提交的服务器路径（web服务器自建）" method=get/post（提交表单的方法get小，post大隐藏>
</form>
表单只提交而无内容，需要在之间输入操作
文本框：
<input type="" name="" size（设置字符长度="">输入式
下拉菜单：
<secelet name=dominid>选择式
<option value（赋值初值）="要传递到服务器的值">选择内容</option>
</secelet>
密码框：
<input type="password" name="password">输入内容显示为黑点
文本域：
<textarea>
</textaraea>---多行可下拉
<font>性别</font>：
单选框：
<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女"/>女
当name中内容同样时，选择时只能选一个，当不同时不能实现单选
<font>爱好</font>：
复选框：
<input type="checkbox" name="hobey" value="画画"/>画画
<input type="checkbox" name="hobey" value="跳舞"/>跳舞
<input type="checkbox" name="hobey" value="朗诵"/>朗诵
可多选
（例如：<form action="http://202.195.112.3/php/user_login.php" method=post>
用户名：<input type="text" name="loginuser/>
域：<select name=domainid>
<option value='2'>hytc.edu.cn</option>
<option value='3'>stu.hytc.edu.cn</option>
</select>
密码：
<input type="submit" value="连线国际"/>
</form>）
二 样式
CSS基本概念：
层叠样式表，把网页的内容和内容的控制进行分离，简称“样式表”
例：
<p style="color:颜色;font-size:字体大小;background-color:颜色>输入内容
</p>
CSS的几种写法：
1.直接以属性方式（行内样式）
在标签中增加属性，实现对标签对标签样式的修改
<p style="color:颜色;font-size:字体大小;background-color:颜色>输入内容
</p>
优先级高于2法
2.在<head></head>之间 写<style></style>（内嵌样式）
<style>
p{
color:颜色;
font-size:字体大小;
background-color:颜色;
}
</style>
<p >内容</p>
3.外联文件方式（外部样式）
<head>
<link type="text/css" rel="stylesheet" href="css1.css"/>
(外部链接一个独立的css）
</head>
下午：
三.关于css的选择器的概念
1.html选择器
样式的名称其实就是我们的html名称（html的名称）
2.ID选择器
根据元素的id属性值设定的样式 写法"#"+id属性值
3.class选择器
<style>
.class{
属性
}
</style>
</style>
</head>
<body>
<p class="class1">内容</p>
</body>
四.
<div>
</div>
层
晚自习：
五.Javascript
Javascript是一种客户端脚本语言（函数是编程语言，而非面向对象的语言）
1.概念：由livescript演变而来，主要用于解决客户端程序的运行速度问题，常用于数据校验
2.使用方法：
<script></script> 实现javascript代码执行
3.javascript中的常量的定义
用var来声明变量，注意javascript是一种弱语法语言（定义变量统一使用var）。
例如：
var a=10,b="疯啦",c=10.12;
alert(a);
alert(b);
alert(c);
4.javascript中的变量的定义
例如：
var i;
i=10;
alert(i）;
5."+"的特殊用法
数字+数字 数字；
数字+字符 数字字符（+起连接作用）
数字+true/false 把true换为1，false换为0，运算
6.弹出的提示框
alert("显示的内容");弹出一个警告框
confirm("");弹出选择警告框，点击后返回一个true或者false结果
prompt("")即时提示框
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSDN第二次培训第一课感受
- csdn第二次培训第四节课
- CSDN第二次培训第五可感受
- csdn第二次培训——第一篇感想
- CSDN第二次培训第二课感受
- csdn二次培训第二次课
- CSDN第二次培训的第五天
- CSDN第二次培训第四课感受
- CSDN第二次培训的第二篇感想
- CSDN给我们培训的第一课
- csdn第二次培训课感受
- csdn第二次培训的第四天的感受
- csdn第二次培训第一节课心得及笔记
- 第一课：技术不是唯一【Linux培训实录】 推荐
- 第二次注册CSDN
- 我的ＣＳＤＮ的第一课的感想——蛮好滴
- Oracle第二次免费培训课总结
- csdn···第二次实训之······第一天
- 网络工作室暑假后第二次培训资料（SQLServer存储过程和ADO.NET访问存储过程）整理（一）
- CSDN总裁的第二次创业经历——蒋涛 PK Leo实录(3)