仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1373|回复: 20
打印 上一主题 下一主题

[学习教程] PHP网页设计使用PHP和CSS改动网页文字巨细

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-2-4 00:00:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
掌握静态网页的制作技术是学习开发网站的先决条件,这一点就讲到这里,因为这篇文章不是教程文章,也就不对技术进行深入的刨析了。   在设计网站的时分,要切记一点:并非一切的会见者都是精神奕奕的年老人,并且他们也纷歧定完整熟习Web阅读器的各类利用办法。伶俐的设计者懂得这一点,他们经常将各类特别的可会见特征融入网站的设计中,如许,即便是年长者或是残疾人士都可以便利温馨地利用网站,而不用消费额定的力量。
文本巨细调理器是最无效的可会见特征中的一个,任何网站都能够需求它,简而言之,这是一个用于改动网页文字巨细的东西,凡是用于将文本变大从而易于浏览,良多阅读器已自带了这一特征,然而收集阅读器的初学者其实不晓得若何利用这一功效,因而,网站的设计者常常将更容易于利用的按钮放在每一个网页下去完成这一功效。
这篇指南将向您引见若何利用PHP和CSS在网页上添加具有这类功效的文本巨细调理器,因而,从速向您的网站添加这一可会见性,如许从年事大于50岁的用户那边取得赞誉的积分,持续向下读,您将学会利用它的办法。
注重:这篇指南假定您已装置了Apache和PHP  
它是若何任务的?
在写代码之前,花一些工夫来了解文本巨细调理器的任务体例长短常无益的。网站中的每一个网页都包括一系列掌握按钮,他们答应用户选择页面的文字巨细:小号、中号和大号,每种字号都对应于一种CSS款式表,这些款式表保留了用于衬着网页文本巨细的划定规矩。

当用户做出选择的时分,PHP将用户选定的字号存储在一个会话变量中,然后从头加载网页,该页面将从会话变量中读取选定的字号,并静态挪用响应的款式表以更小的字号或更大的字号来从头衬着网页。
进程
第一步:创立网页
从创立HTML文档入手下手,起首完成占位符的内容,列表A是一个例子:
列表A:
Text size: small | href="resize.php?s=medium">medium | large
Loremipsum dolor sit amet,
consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore
magna aliqua. Utenim
ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex ea
commodoconsequat.
Duisauteirure dolor in reprehenderit in
voluptatevelitessecillumdoloreeufugiatnullapariatur.
Excepteursintoccaecatcupidatat non proident, sunt in culpa qui
officiadeseruntmollitanim id estlaborum.
对页面顶部的文字超链接要出格注重,每一个超链接都指向了名为resize.php的剧本文件,并经由过程URL GET办法将选定的字体巨细传递给它。
在您的Web办事器目次中以.php的扩大名来保留这个文档,例如,index.php。
第二步:创立款式表
接上去,为每种文字巨细创立款式表文件:small.css, medium.css和large.css,这是small.css的文件内容:
body {
font: 10px
}
一样,可以创立medium.css和large.css,分离利用17px和25px,将这些款式表文件和上一步创立的网页保留在统一个目次中。
第三步:创立文本巨细的改动机制
正如上文引见的,网页经由过程查找事后界说的会话变量可以"晓得"加载哪一个款式表文件,会话变量是经由过程剧本文件resize.php来掌握的(拜见列表B),该文件是在用户点击了网页顶部改动文字巨细的按钮时激活的,这是resize.php的内容:

列表B
// start session
// import selected size into session
session_start();
$_SESSION['textsize'] = $_GET['s'];
header("Location: " . $_SERVER['HTTP_REFERER']);
?>

这很复杂,当用户选择了一种新的文本巨细,resize.php经由过程GET办法来取得字号的值,并将其存储在会话变量$_SESSION['textsize']中,然后将阅读重视新定向到本来翻开的哪一个页面。

固然,这里还短少一个组件:智能化得让网页主动检测如今用户如今选定的文本巨细并加载响应的款式表,为到场这一功效,翻开您的网页文件index.php,并将以下语句到场到文件的开首(拜见列表C):

列表C
// start session
// import variables
session_start();
// set default text size for this page
if (!isset($_SESSION['textsize'])) {
$_SESSION['textsize'] = 'medium';
}
?>

You should also add a stylesheet link between the ... elements, as follows:
type="text/css">

这是列表D,完全的index.php文件应当是如许的:
列表D:
// start session
// import variables
session_start();
// set default text size for this page
if (!isset($_SESSION['textsize'])) {
$_SESSION['textsize'] = 'medium';
}
?>
type="text/css">
Text size: small | href="resize.php?s=medium">medium | large
Loremipsum dolor sit amet,
consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore
magna aliqua. Utenim
ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex ea
commodoconsequat.
Duisauteirure dolor in reprehenderit in
voluptatevelitessecillumdoloreeufugiatnullapariatur.
Excepteursintoccaecatcupidatat non proident, sunt in culpa qui
officiadeseruntmollitanim id estlaborum.
了解这类任务体例应当很复杂了,当载入网页的时分,它恢复以后的会话,并反省$_SESSION['textsize']变量是不是与领先选择的字号符合,然后经由过程元素静态加载响应的款式表,这将招致网页以准确的巨细主动从头衬着。
结合利用PHP和CSS与传统的体例略有分歧,传统体例是利用JavaScript来静态改动CSS款式表,相对JavaScript办法,PHP办法的优势在于您不需求依附客户端对JavaScript的撑持,您也不需忧虑专门创立针对某个阅读器的任务,或许下一次您坐上去设计网站的时分会发明这类办法很无效,祝编程兴奋!
会HTML吗?会,我能编好几个大表格排板的网页啦!
精灵巫婆 该用户已被删除
沙发
发表于 2015-2-4 08:00:16 | 只看该作者
做为1门年轻的语言,php一直很努力。
蒙在股里 该用户已被删除
板凳
发表于 2015-2-9 19:33:35 | 只看该作者
使用zendstdio 写代码的的时候,把tab 的缩进设置成4个空格是很有必要的
金色的骷髅 该用户已被删除
地板
发表于 2015-2-18 11:16:33 | 只看该作者
多看优秀程序员编写的代码,仔细理解他们解决问题的方法,对自身有很大的帮助。
再现理想 该用户已被删除
5#
发表于 2015-3-1 18:50:17 | 只看该作者
学好程序语言,多些才是王道,写两个小时代码的作用绝对超过看一天书,这个我是深有体会(顺便还能练打字速度)。
兰色精灵 该用户已被删除
6#
 楼主| 发表于 2015-3-4 03:45:05 | 只看该作者
做为1门年轻的语言,php一直很努力。
变相怪杰 该用户已被删除
7#
发表于 2015-3-11 16:07:03 | 只看该作者
对于初学者来说不推荐去拿钱买的。当然如果一个网站你经常去用,而且里面的资料也比较有用,最好还是买个会员比较好,毕竟那些也是别人的工作成果。
透明 该用户已被删除
8#
发表于 2015-3-19 00:37:55 | 只看该作者
个人呢觉得,配wamp 最容易漏的一步就是忘了把$PHP$目录下的libmysql.dll拷贝到windows系统目录的system32目录下,还有重启apache。
爱飞 该用户已被删除
9#
发表于 2015-3-26 19:16:51 | 只看该作者
我学习了一段时间后,我发现效果并不好(估计是我自身的问题)。因为一个人的精力总是有限的,同时学习这么多,会导致每个的学习时间都得不到保证。
海妖 该用户已被删除
10#
发表于 2015-3-27 23:10:39 | 只看该作者
说点我烦的低级错误吧,曾经有次插入mysql的时间 弄了300年结果老报错,其实mysql的时间是有限制的,大概是到203X年  具体的记不清啦,囧。
飘灵儿 该用户已被删除
11#
发表于 2015-3-31 04:22:32 | 只看该作者
首先我是坚决反对新手上来就用框架的,因为对底层的东西一点都不了解,造成知识上的真空,会对以后的发展不利。我的观点上手了解下框架就好,代码还是手写。当然啦如果是位别的编程语言的高手的话,这个就另当别论啦。
山那边是海 该用户已被删除
12#
发表于 2015-4-1 21:32:48 | 只看该作者
Ps:以上纯属原创,如有雷同,纯属巧合
简单生活 该用户已被删除
13#
发表于 2015-4-3 17:06:22 | 只看该作者
这些都是最基本最常用功能,我们这些菜鸟在系统学习后,可以先对这些功能深入研究。
因胸联盟 该用户已被删除
14#
发表于 2015-4-4 02:23:57 | 只看该作者
曾经犯过一个很低级的错误,我在文件命名的时候用了一个横线\\\\\\\'-\\\\\\\' 号,结果找了好几个小时的错误,事实是命名的时候 是不能用横线 \\\\\\\'-\\\\\\\' 的,应该用的是下划线  \\\\\\\'_\\\\\\\' ;
谁可相欹 该用户已被删除
15#
发表于 2015-4-7 03:44:13 | 只看该作者
当留言板完成的时候,下步可以把做1个单人的blog程序,做为目标,
愤怒的大鸟 该用户已被删除
16#
发表于 2015-4-7 17:42:26 | 只看该作者
在我安装pear包的时候老是提示,缺少某某文件,才发现 那群extension 的排列是应该有一点的顺序,而我安装的版本的排序不是正常的排序。没办法我只好把那群冒号加了上去,只留下我需要使用的扩展。
小魔女 该用户已被删除
17#
发表于 2015-4-17 09:12:37 | 只看该作者
对于初学者来说不推荐去拿钱买的。当然如果一个网站你经常去用,而且里面的资料也比较有用,最好还是买个会员比较好,毕竟那些也是别人的工作成果。
灵魂腐蚀 该用户已被删除
18#
发表于 2015-4-21 04:50:59 | 只看该作者
首推的搜索引擎当然是Google大神,其次我比较喜欢 百度知道。不过搜出来的结果往往都是 大家copy来copy去的,运气的的概率很大。
19#
发表于 2015-5-8 01:10:39 | 只看该作者
首先我是坚决反对新手上来就用框架的,因为对底层的东西一点都不了解,造成知识上的真空,会对以后的发展不利。我的观点上手了解下框架就好,代码还是手写。当然啦如果是位别的编程语言的高手的话,这个就另当别论啦。
分手快乐 该用户已被删除
20#
发表于 2015-6-5 08:43:35 | 只看该作者
如果你已经到这种程度了,那么你已经可以做我的老师了。其实php也分很多的区域,
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 23:48

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表