第一篇:黑马程序员php培训:3天带你玩转HTML教程(12)
ps和fw中几个常用快捷键(两个软件中是一样的)
1、ctrl+加号:放大
2、ctrl+减号:缩小
3、双击手型工具,将图片自适应大小显示
4、Tab键全部显示/隐藏工具面板,在FW中F4也可以显示/隐藏工具面板,DW中显示/隐藏工具面板也是F4
5、按住空格键快速切换到手型工具
6、ctrl键快速切换到选择工具
网页基本概念
1、网站: 所有网页的集合
2、首页:也叫主页,但收入网址后打开页面,名称一般为index 或default,如果一个网站中没有首页,则这个网站无法显示。
3、子页命名规则:小写的英文字母或数字(不能中文)
4、页面尺寸:以不出现横向的滚动条为准,目前的页面宽度以17纯平为准(1024*768)通过设计器插入素材
插入图片
第一种方法:点击插入图片的按钮
第二种方法:直接将站点中的图片拖放到页面上即可
插入文字
文字直接输入,注意: 回车:换端
Shift+回车:换行
设计器下做超链接
选择文字或图片,在属性面板上选择连接的地址,或者用指向文件工具连接到指定文件处。
连接文件在新的浏览器中打开,在目录选项中选择_blank
插入表格
宽度单位:
(1)像素:绝对单位(2)百分比:相对单位
最外层表格单位是像素,套用的可以是像素也可以是百分比。 边框:一般调成0 单元格填充(填充):内容距边的距离。(默认为1 像素)一般设为 0 单元格间距:单元格与单元格的距离(默认为 2 像素)一般设为 0 标签选择
标签选择用来快速选择标签对象。
合并单元格和拆分单元格
选中单元格,在属性面板上会出现合并单元格和拆分单元格的按钮。
表格布局注意点
1.整个页面不要都套在一个表格里,尽量拆分成多个表格;若将内容都放在一个表格中,下载速度会很慢。 2.表格的结构尽量整齐;
拼版的特性
1、表格可以被内容撑开,不能被背景撑开
2、背景默认是平铺的,标签有多大,背景就铺多大
3、内容不能放在内容上面,内容可以放在背景的上面
思考:什么情况下使用背景图?
1、图在图上或字在图上,使用背景图
2、一张图重复出现,使用背景图
表格拼版
代码参照例题
第二篇:黑马程序员php培训:3天带你玩转HTML教程
两个概念
客户端和服务器端
浏览者使用的计算机客户端,用来给服务器发送请求,注意:管理员使用的计算机也是客户端(在服务器上直接操作除外)
存放网页文件的计算机是服务器端。
文件名、基本名、扩展名
文件名由基本名和扩展名组成,比如demo.txt 其中demo是叫基本名,txt是扩展名 扩展名是用来区分文件的类型。
思考:网页的扩展名是什么?.html.htm Html和htm是一样的。表示这个文件是静态网页文件。后面我们还会介绍.asp.aspx.php.jsp Doc Jpg Gif PNG Word文档 图片 图片
图片格式,是一种无损压缩格式,用的越来越多。
打开一个网页的执行过程
客户端给服务器端发送一个请求,服务器会把页面的代码(HTML、CSS、js)发送到客户端来,这些代码通过浏览器解析执行就生成了我们看到的页面。
站点介绍
一个网站中包括HTML页面,CSS,js,图片,flash动画或gif动画,都属于网页的资源文件。为了便于管理,我们将这些静态资源放置到一个文件夹下。这个文件夹我们叫站点。
做网站的第一步要先建站点。
什么是HTML HyperText Mark-up Language,超文本标记语言。
HTML语言的规则
命令都要放到<> 大部分标记都是成对出现
标签大部分都是
HTML语言不区分大小写,但是XHTML按照规范全部是小写
练习
例题:
在站点文件夹中新建一个txt文件,在文件中输入如下代码
将文件的扩展名改为.html或.htm
双击网页文件,通过浏览器打开,这时候可能会出现乱码,设置一下浏览器的字符编码
浏览器打开效果如下
几种常见的标记1、2、
段落 换行
注意:换段和换行的区别
3、
水平线
4、
5、
6、
粗体 斜体 下划线
7、强调标记,通过加粗的方式来强调
8、 强调标记,通过倾斜的方式来强调
多学一招:从外观上看和、和是一样的,但是对SEO(搜索引擎优化)影响很大。和仅仅表示是字体,没有强调的作用,在实际工作中,建议使用强调标记。
9、 top
上标
10、 bottom 下标
标记的分类
标记分为两类,一类是成对出现,还有一类是不成对出现。
1、容器标记: 成对出现的标记(围堵标记)
2、空标记: 不成对出现的标记
(单标记)
第三篇:黑马程序员php培训:3天带你玩转HTML教程
滚动文字的设置
路径
路径分为两种
1、绝对地址:从盘符开始
2、相对地址:以自身文件为准
注意:../代表上一级目录./代表当前目录
点击./代表当前目录
链接
网站内部页面和页面之间的连接,参照前面路径那一节
外部链接
外部连接就是连接到其他网站上去
空连接
有超链接的样子,但是点击不会跳转。这种就是空连接,空连接用#表示。
下载链接
链接的文件,浏览器无法打开,就自动出现下载。
锚链接
新建一个锚点
Id表示唯一的编号。
点击超链接,连接到指定的锚点处
#表示id的意思,六种标题级别
到h6,标题也是有权重的。H1权重最高
列表
有序列表(
- )
每一项是一个li 无序列表(
- )
自定义列表(
- )
第四篇:黑马程序员PHP培训教程:Linux介绍
Linux介绍
1、计算机资源
计算机资源是由两部分组成:
硬件资源:键盘、显示器、鼠标、硬盘、内存等等。软件资源:应用程序,如office、qq等等。
问题:用户在键盘上的操作(打字)为什么会在word文档中显示出来? 流程:硬件→操作系统→程序→硬件(显示器)
操作系统:操作系统它是一个特殊的软件程序(软件资源的范畴)。
2、常见的操作系统
• Windows 它微软公司开发的一款桌面操作系统(闭源系统)。版本有dos、win98、win NT、win XP、win
7、winvista、win
8、win 10。服务器操作系统:winserver 2003、winserver 2008、winserver 2012。Mac 苹果公司开发的一款操作系统(闭源系统),目前最新的版本是IOS10。界面风格还是不错。对于系统底层的优化也是很好。Linux Linux是一个开源的操作系统,目前是市面上占有率极高的服务器操作系统。目前其分支有很多。Unix Unix是Linux操作系统的前身,Unix时间戳是指1970年1月1日0时0分0秒,1970年是Unix的时间元年,也就是Unix诞生的年份。•
3、为什么要使用Linux操作系统
之所以大部分的公司开发的时候都是使用Linux操作系统,取决于两个特性:
稳定性:取决于系统的底层架构,一般情况下Linux系统能做到很长时间不关机一点也不卡顿;
安全性:开源系统,所有人都可以贡献自己的源代码为Linux系统打补丁; 开源一定意味着免费么?
开源是指免费的将代码开放,实质上是进行服务收费。RedHat它是Linux系统的一个分支,服务收费价格大约是10万$/年。
4、Linux名字含义
狭义:是指有Linux作者(Linux之父)李纳斯(linus)所编写的一段代码; 广义:是指目前在各大公司所被广泛使用的Linux多种分支的集合。
Linux发展历史 Unix操作系统
• 1968年Multics项目
MIT、Bell实验室、美国通用电气有限公司走到了一起致力于开发Multics项目。到后期由于开发进度不是很好,MIT和Bell实验室相继离开这个项目的开发,最终导致项目搁浅。1970年UNIX诞生
当时在开发Multics项目的时候,实验室中有一个开发成员开发了一款游戏(travelspace:遨游太空),因为两个实验室相继离开项目开发,导致这名开发人员没法玩游戏,后来他提议组织人员重新在Multics项目之上重新的开发,也就出现了1970年的Unix。当时Unix操作系统是使用的汇编语言开发的。1973年用C语言重写UNIX 因为汇编语言有一个最大的局限性:对于计算机硬件过于依赖。导致移植性不好,所以后期在1973年使用了C语言对其进行重新开发。1975年Bell实验室允许大学使用UNIX 1975年,bell实验室允许大学使用unix操作系统用于教学作用,而不允许用于商业用途。•
Linux操作系统
• 人物
Linus
Linux的开发作者,李纳斯·托瓦兹。荷兰在校大学生。• 1991年
0.0.1版本
李纳斯当时学校使用的就是Unix操作系统,然后其对系统的底层代码进行了修改,放到了学校为学生开放的网站上,原先他把文件命名写成了Linus’sUnix,后期网络管理发现之后觉得这个名字不好,自己手动的将名字改成Linux。随后其他同学下载之后发现这个版本还是挺好用的,随后都把自己代码贡献给李纳斯。• 1992年
0.0.2版本 • 1994年
1.0版本 • 2003年
2.6版本
上面所说的版本是指Linux的内核版本,不是指分支的发行版本。
开源文化
Linux是开源的操作系统。所谓开源就是指开放源代码。
• 人物Stallman 斯特曼
开源文化的倡导人。• 1983年GNU计划 • 1985年FSF基金会
• 1990年Emacs、GCC、程序库
• 1991年 Stallman去找Linus,商谈让Linux加入其开源计划(GNU计划)• 1992年GNU/Linux Linux分支
目前分支比较多,常见的有centos、RedHat、乌班图、debian等等。具体的分支,可以查看【文件】中的Linux分支图。
第五篇:黑马程序员PHP培训教程:GET请求
GET请求
语法:open(get|post,URL地址)PHP页面
用户名: 脚下留心:
1、IE不支持中文
2、=、&与请求的字符串的关键字相混淆。
解决:在js中通过encodeURIComponent()进行编码即可。
window.onload=function(){ document.getElementById('username').onblur=function(){
var name=document.getElementById('username').value;
name=encodeURIComponent(name);//编码 var req=new XMLHttpRequest();req.open('get','4-demo.php?name='+name);req.onreadystatechange=function(){ if(req.readyState==4 && req.status==200){
alert(req.responseText);} }
req.send(null);//如果send()方法中没有数据,要写null } } 测试
POST请求
1、通过send()发送数据
2、必须设置setRequestHeader()将传递的参数转成XML格式
3、post提交可以直接提交中文,不需要转码
4、post请求中的字符也会和URL中的&、=字符相混淆,所以建议也要使用encodeURIComponent()编码
5、在POST提交的同时,可以进行GET提交 PHP页面
用户名: