2012年4月18日，一个风和日丽——早上有点凉中午挺热的这一天，久违的优快云再次光临本班。还是那个眼睛有点小的李伟老师，以及有点含蓄加内敛的李玲老师（名字不知是否是这样写的，老师未公布啊！！）。有了上一次的实训经验，这次相当的激动、期待，同时也有点小无奈（毕竟整天对着电脑，有点。。头晕）OK，下面是第一天的笔记及课堂感受！
本次实训：
HTML表单的使用
CSS基本概念
CSS样式表的使用
JavaScript基础（都是刷新聊天信息）
PHP基础
内容回顾：（超文本标签语言）
HTML的基本概念
HTML的基础
HTML的标签使用
HTML的框架
-------------------------------------------------------------------------------------------------------------
上午
一、CSS语法基础
【表单Form】
.<form action=处理表单信息的服务器端应用程序 method=处理表单数据的方法>
(DW-->站点-->新建站点-->新建文件-->打开-->[创建表单])
<body>
<form action="提交页面的路径" name="user" method="get || post">--------表单只是提交，无具体内容(get:显示 || post:不显示且量更多)
用户名：<input(包括单选、多选、文本域)type="text" name="loginuser" size="69" />
域：<input type="text" />
|| <select name="domainid">--------选择性的
<option value='2'>hytc.edu.cn </option>----------复制源代码
<option value='2'>stu.hytc.edu.cn </option>
</select>
密码：<input type="password" name="password"/>-----------password:密码输入时显示为黑点
<textarea>-------文本域 多行且可下拉
</textarea> <br>---换行
<font color="">性别 </font>
<input type="radio" name="sex" value="男" />男-------------radio单选框(圆的)，name相同的话只选一个，不同则可以同时多选
<input type="radio" name="sex" value="女" />女
<input type="radio" name="sex" value="不男不女" />不男不女
爱好
<input type="checkbox" name="sex" value="男" />男-------------checkbox多选框(方的){？？name相同的话只选一个，不同则可以同时多选}
<input type="checkbox" name="sex" value="女" />女
<input type="checkbox" name="sex" value="不男不女" />不男不女
<input type="submit" value="连线国际" />
</form>
</body>
二、CSS样式表
1.CSS是cascading style sheet的缩写，翻译为“层叠样式表”，简称“样式表”。
<title>CSS基础</title>
</head>
<body>
<p style="color:#FF0;font-size:24px;background-color:#3CF">再次见到你们很高兴！</p>--------此写法就叫CSS
</body>
【 CSS的几种写法 】
1.直接以属性的方式写
在标签中增加属性，实现对标签样式的修改
<title>CSS基础</title>
<style>
p{
color:#00F;
font-size:24px;
background-color:#FF0;
}
</style>
</head>
<body>
<p style="color:#FF0;font-size:24px;background-color:#3CF">再次见到你们很高兴！</p>--------此写法就叫CSS
</body>
<body>
样式的使用方法一：<br>
<p style="color:#FF0;font-size:24px;background-color:#3CF">再次见到你们很高兴！</p>
样式的使用方法二：<br>
<p>再次见到你们很高兴！</p>---------因为在上面P已经定义过了！
样式的使用方法三(外联文件的方式)：<br>
<span>再次见到你们很高兴！</span>可以直接用------------------
</body>
因为 <title>CSS基础</title>
<link type="text/css" rel="stylesheet" href="css1.css"></link>
<style>
p{
color:#FF0;
font-size:24px;
background-color:#3cf;
}
</style>
下午
复习
表单：
可以实现用户和服务器进行数据交换
<form> 可以有一些属性：action="表示表单要提交的服务器路径" method="提交表单的方法"
get/post两种
文本框 <input type="text " name="文本框的名称"（username）>
密码框 <input type="password" name="文本框的名称"(password)>
单选框 <input type="radio " name="文本框的名称">
复选框 <input type="checkbox " name="文本框的名称">
下拉菜单 <select></select>
选项<option value="要传递到服务器端的值">显示文本</option>
文本域<textarea></textarea>
</form>
(value)登陆：(type)submit 重置：reset
CSS是什么东东？
答：层叠样式表 把网页的内容和内容的样式控制进行分离
三种写法：
1.直接以属性的方式写(行内样式）
在标签中增加属性，实现对标签样式的修改
2.<head></head>之间 写<style></style>可以修改网页的内容（内嵌样式）
3.外部连接一个独立的CSS文件（外部样式）
<link type="text/css" rel="stylesheet" href="class1.class" />
【关于CSS的选择器的概念】
选择器分为三种
1.HTML选择器（td）
样式的名称其实就是我们的html元素的名称（标签的名称）
2.ID选择器(3)
根据元素的id属性值设定的样式 写法“#”+id属性值
井号#：以ID的方式进行访问
<p id="p1">再次见到你们很高兴！p1</p>
【在style 中添加 #p1{ color: ; font-size: ; background-color: ; ......... }】
<p class="class1">再次见到你们很高兴！class1</p>
【在style 中添加 .class1{ color: ; font-size: ; background-color: ; ......... }】
3.class（类）选择器（.）
根据元素的class属性值，设定的样式 写法“.”+class属性值
------------------------------------------------------------------------------------------------------------------------
【CSS中的注释：和C++中的一样/* */ 保存快捷键：Ctrl+S】
**表格的设置：
建一个.css文件 和一个.html文件
Html中：
<title>欢迎访问</title>
<link type="text/css" rel="stylesheet" href="s.css" /> ------------所建的css文件的名称
</head>
<body>
<table id="loginTab"></table>
Css中：
#loginTab{
width:400px;
height:300px;
background-color:#FFC;
border:#06C dashed 1px;
border-collapse:collapse; -------------线之间的间距变小就变成了一天单线
color:#999;
}
tr td{
border:#C9C 1px solid; --------------表示tr 中的所有td 都变化
}
-------------------------------------------------------------------
边框：border (dashed为虚线)
表格文字居中：Ctrl——点单元格-
div:层
Overflow:当内容比较多时出现滚动条 (scroll auto)
-----------------------------------------------------------------------------------------------------------------
JavaScript（做客户端的编程）
概念
livescript演变而来,主要解决客户端程序的运行速度问题，常用于数据校验
使用方法
<script></script> 来实现JavaScript代码的执行
3.JavaScript中的变量的定义
用var来声明变量，注意JavaScript是一种弱语法语言（定义变量统一用var）
例如：var a=10,b="凤姐",c=10.12;
alert(a);
alert(a);
alert(a);
javascript中的变量定义
例如：var i;
i=10;
Alert(i);
“+”的特殊用法
1.数字+数字=数字
2.数字+字符=数字字符（+起连接作用）
3.数字+true/false 把true转换为1 把false转换为0 进行运算。
6.弹出的提示框
alert（"显示的内容"）
Math.random()-------------------表示0~1之间的数
则 var index=Math.random( Math.random()*47 )-----------表示0~47之间的数
Document.write("<h1>本期最佳配对：</h1><br>")
数组： var arr=[ "","","" ]
alert( arr.length )---------可见数组的长度
alert( arr[index] )------随机
第一天就交了说多不多说少也不少内容，过程虽有点痛苦，但结果出来还是相当开心的，不能说难，毕竟对于天书式的C++来说这个至少能大部分听懂了，只是要想一下子当场记住还是有点小难滴。代码中主要有几个问题：
1.在添加代码时不知道要插在哪里，是<body>内？外？
2.添加的一些代码不知道是什么意思，只是老师打了也就跟着打了。
3.如果：
<input type="radio" name="sex" value="男" />男-------------radio单选框(圆的)，name相 同的话只选一个，不同则可以同时多选
那么？？
<input type="checkbox" name="sex" value="男" />男-------------checkbox多选框(方的){？？name相同的话只选一个，不同则可以同时多选}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
