csdn第二次培训 第一课

紧张的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>,特殊字符(空格<&nbsp>),超级链接<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("")即时提示框

 

 

 

 


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值