-Ïîèñê ïî äíåâíèêó

Ïîèñê ñîîáùåíèé â web_developer

 -Ïîäïèñêà ïî e-mail

 

 -Ïîñòîÿííûå ÷èòàòåëè

 -Ñîîáùåñòâà

×èòàòåëü ñîîáùåñòâ (Âñåãî â ñïèñêå: 1) Òåìû_äíÿ

 -Ñòàòèñòèêà

Ñòàòèñòèêà LiveInternet.ru: ïîêàçàíî êîëè÷åñòâî õèòîâ è ïîñåòèòåëåé
Ñîçäàí: 24.10.2007
Çàïèñåé:
Êîììåíòàðèåâ:
Íàïèñàíî: 28

Âûáðàíà ðóáðèêà ïîëåçíûå ñîâåòû.


Äðóãèå ðóáðèêè â ýòîì äíåâíèêå: êîììåð÷åñêèå CMS(0), âçëîì è çàùèòà(1), áåñïëàòíûå CMS(3)
Êîììåíòàðèè (1)

Èçó÷àåì PHP âìåñòå ñ IBM

Äíåâíèê

Ñðåäà, 07 Íîÿáðÿ 2007 ã. 20:47 + â öèòàòíèê
Íà ñàéòå IBM â ðàçäåëå äëÿ ðàçðàáîò÷èêëâ íàøîë ïàðî÷êó ñòàòåé äëà íà÷èíàþùèõ php êîäåðîâ. Åñëè âàì ðàíüøå íå ïðèõîäèëîñü ñòàëêèâàòüñÿ ñ PHP, íî âû õîòèòå íàó÷èòüñÿ ïèñàòü Web-îðèåíòèðîâàííûå ïðèëîæåíèÿ, òî íà÷íèòå èçó÷åíèå ñ äàííîãî ïîñîáèÿ, êîòîðîå ÿâëÿåòñÿ ïåðâîé ÷àñòüþ â ñåðèè èç òðåõ ó÷åáíûõ ïîñîáèé. PHP ÿâëÿåòñÿ ÿçûêîì ñêðèïòîâîãî òèïà, îí î÷åíü ïðîñò â èçó÷åíèè, íî ñ åãî ïîìîùüþ ìîæíî ñòðîèòü äîñòàòî÷íî ñëîæíûå ïðèëîæåíèÿ ñ øèðîêîé ôóíêöèîíàëüíîñòüþ. Ýòî ó÷åáíîå ïîñîáèå íàó÷èò âàñ ïèñàòü íåñëîæíûå ïðèëîæåíèÿ, ñòðîèòü PHP-ñòðàíèöû ñ èñïîëüçîâàíèåì HTML-ôîðì è ïîëó÷àòü äîñòóï ê áàçàì äàííûõ.

Àäðåñ: Çàãëàâíàÿ ñòðàíèöà,  Áàçîâûé ñèíòàêñèñ PHP,  Ôîðìû è PHP,  Ôóíêöèè,  Âçàèìîäåéñòâèå ñ áàçîé äàííûõ MySQL,  Íàâåäåì ïîðÿäîê: âêëþ÷åíèå êîäà èç ôàéëîâ     
Ðóáðèêè:  ïîëåçíûå ñîâåòû

Êîììåíòàðèè (0)

Äåñÿòü îøèáîê, êîòîðûå ãóáÿò web-ñàéòû

Äíåâíèê

Ïîíåäåëüíèê, 05 Íîÿáðÿ 2007 ã. 00:12 + â öèòàòíèê

Âû ïîòðàòèëè ìíîãî âðåìåíè è äåíåã íà ñîçäàíèå ñîáñòâåííîãî ñàéòà. Âû æå íå õîòèòå ñîâåðøàòü òàêèå îøèáêè, êîòîðûå, â ëó÷øåì ñëó÷àå, áóäóò ðàçäðàæàòü ïîëüçîâàòåëåé, à â õóäøåì - ïðèâåäóò ê òîìó, ÷òî âû ïðîñòî ïîòåðÿåòå êëèåíòîâ?  êîíöå êîíöîâ, åñëè âû íàñòðàèâàåòå ïðîòèâ ñåáÿ ïîëüçîâàòåëåé, òî âû òåðÿåòå ïðèáûëü. À êîìó ýòî ïî êàðìàíó?

ßêîá Íèëüñåí, äèðåêòîð Íèëüñåí Íîðìàíí Ãðóïï, óòâåðæäàåò, ÷òî ñóùåñòâóåò äåñÿòü ñàìûõ ðàñïðîñòðàíåííûõ îøèáîê:

1 Îòñóòñòâèå öåí. Öåíà - ýòî ÷àñòü ìèíèìàëüíîé èíôîðìàöèè, íåîáõîäèìîé ïîëüçîâàòåëÿì, ÷òîáû ïîíÿòü ñóòü ïðåäëîæåíèÿ. Åñëè öåíû îòñóòñòâóþò, òî ïîñåòèòåëè ìîãóò ïðîñòî íå ïîíÿòü î ÷åì èäåò ðå÷ü. Óêàçàíèå öåí ïîçâîëÿåò îòëè÷àòü îäèí òîâàð îò äðóãîãî.

2 Íåãèáêèå ïîèñêîâèêè. ×åðåñ÷óð «îáðàçîâàííûå» ïîèñêîâèêè ñíèæàþò þçèáèëèòè, ïîñêîëüêó ïîëüçîâàòåëè ìîãóò äîïóñòèòü îïå÷àòêó èëè íå çíàòü êàê ïðàâèëüíî ïèøåòñÿ ñëîâî. Ïîèñêîâèêè òàêæå äîëæíû îòäàâàòü ïðèîðèòåò íå êîëè÷åñòâó âàðèàíòîâ çàïðîñîâ, à âàæíîñòè êàæäîãî äîêóìåíòà.

3 Ãîðèçîíòàëüíîå ïðîêðó÷èâàíèå. Ïîëüçîâàòåëè íåíàâèäÿò, êîãäà èõ çàñòàâëÿþò îñóùåñòâëÿòü ïðîêðóòêó ñëåâà íà ïðàâî. Ñòðàíèöû, êîòîðûå òðåáóþò ãîðèçîíòàëüíîãî ïðîêðó÷èâàíèÿ â ñòàíäàðòíîì îêíå (800*600 ïèêñåëåé) ïðîñòî óæàñíû!

4 Ôèêñèðîâàííûé ðàçìåð øðèôòà.  95% ñëó÷àåâ ôèêñèðîâàííûé øðèôò èìååò ïðîñòî êðîøå÷íûå ðàçìåðû, ñíèæàÿ óäîáî÷èòàåìîñòü ñòðàíèöû. Ïîëüçîâàòåëè äîëæíû èìåòü âîçìîæíîñòü ñàìîñòîÿòåëüíî èçìåíÿòü ðàçìåð òåêñòà ïî íåîáõîäèìîñòè.

5 Áëîêè òåêñòà - èõ ñêó÷íî ÷èòàòü, ÷òî ïðèâîäèò ê ïîòåðå ïîëüçîâàòåëåé.

6 JavaScript â ññûëêàõ. Åñëè ññûëêà âåäåò ñåáÿ íåïðåäñêàçóåìûì îáðàçîì, òî ïîëüçîâàòåëè ÷óâñòâóþò ñåáÿ ïîòåðÿâøèìèñÿ. Îíè òàêæå íåíàâèäÿò ïîï-àïû.

7 Íå÷àñòî çàäàâàåìûå âîïðîñû â FAQ. Íå óêàçûâàéòå âîïðîñû, êîòîðûå áû âû õîòåëè, ÷òîáû âàì çàäàëè.

8 Ñáîð e-mail àäðåñîâ ïðè îòñóòñòâèè ïîëèòèê íåðàçãëàøåíèÿ èíôîðìàöèè. Êîãäà web-ñàéòû ïðîñÿò e-mail, ïîëüçîâàòåëè îáû÷íî ðåàãèðóþò îòðèöàòåëüíî.  íàøå âðåìÿ ñïàìà íèêòî íå õî÷åò âîò òàê ïðîñòî ñîîáùàòü òàêóþ èíôîðìàöèþ.

9 URL äëèíîé áîëüøå 75 çíàêîâ, êîòîðûå ïî÷òè íåâîçìîæíî îòïðàâèòü äðóãó. Åñëè URL ñëèøêîì äëèííûé è âåñü íå âèäåí â ñòðîêå àäðåñà, òî ïîëüçîâàòåëè ïðîñòî íå áóäóò çíàòü, êàê åãî ñêîïèðîâàòü. À åñëè ññûëêà íå ðàáîòàåò, òî îíè ìîãóò íå çíàòü, êàê âåðíóòüñÿ íà èçíà÷àëüíóþ ñòðàíèöó.

10 Ññûëêè «mail to» â íåîæèäàííûõ ìåñòàõ. Íå ðàçìåùàéòå òàêèå ññûëêè ïîä èìåíàìè, âìåñòî ýòîãî ÷åòêî óêàæèòå, ÷òî ýòî e-mail àäðåñ.

Ñóùåñòâóåò ìíîæåñòâî êîìïàíèé, êîòîðûå ìîãóò ïîìî÷ü âàì èçáåæàòü ïîäîáíûõ îøèáîê.
Ñòàðàéòåñü èçáåãàòü ýòèõ 10 îøèáîê, óêàçàííûõ Íèëüñåíîì, ïðè ñîçäàíèè ñâîåãî web-ñàéòà, è ïîëüçîâàòåëÿì îí ïîíðàâèòñÿ, ÷òî ïîâëèÿåò íà óðîâåíü ïîñåùàåìîñòè.

Ðóáðèêè:  ïîëåçíûå ñîâåòû

Ðóêîâîäñòâî ïî ýôôåêòèâíîìó èñïîëüçîâàíèþ CSS

Äíåâíèê

Âîñêðåñåíüå, 28 Îêòÿáðÿ 2007 ã. 21:00 + â öèòàòíèê
ÒÅÕÍÎËÎÃÈß CSS (CASCADING STYLE SHEETS) ÏÐÅÄÍÀÇÍÀ×ÅÍÀ ÄËß ÎÔÎÐÌËÅÍÈß ÑÒÐÓÊÒÓÐÈÐÎÂÀÍÍÛÕ ÄÎÊÓÌÅÍÒΠ ÔÎÐÌÀÒÀÕ HTML, XHTML, XML. ÌÛ ÐÀÑÑÌÎÒÐÈÌ ÑÓÒÜ ÄÀÍÍÎÉ ÒÅÕÍÎËÎÃÈÈ È ÎÑÎÁÅÍÍÎÑÒÈ ÅÅ ÈÑÏÎËÜÇÎÂÀÍÈß ÍÀ WEB’Å. ÍÀ×ÈÍÀÞÙÈÌ ÈÍÒÅÐÍÅÒ-ÐÀÇÐÀÁÎÒ×ÈÊÀÌ ÝÒÀ ÑÒÀÒÜß ÏÎÌÎÆÅÒ ÎÁÎÉÒÈ ×Íà (×ÀÑÒÎ ÍÀÑÒÓÏÀÅÌÛÅ ÃÐÀÁËÈ) È ÏÎÇÂÎËÈÒ ÑÎÇÄÀÂÀÒÜ ÄÈÇÀÉÍ, ÎÄÈÍÀÊÎÂÎ ÏÎÄÕÎÄßÙÈÉ ÏÎÄ ÐÀÇÍÛÅ ÒÈÏÛ ÁÐÀÓÇÅÐÎÂ

Äàííàÿ ïóáëèêàöèÿ íå ÿâëÿåòñÿ àêàäåìè÷åñêèì òðóäîì è íå ïðåòåíäóåò íà ïîëíîòó è âñåñòîðîííîñòü. Îíà îòðàæàåò ìîé îïûò è ïðèçûâàåò óìíîãî ÷èòàòåëÿ íå äîïóñêàòü îøèáêè, ñäåëàííûå êîãäà-òî äðóãèìè ëþäüìè. Íåñìîòðÿ íà òî, ÷òî ñåé÷àñ ïðàêòè÷åñêè íè îäèí ñàéò íå îáõîäèòñÿ áåç CSS, ïî-íàñòîÿùåìó ãðàìîòíî ýòó òåõíîëîãèþ èñïîëüçóþ íåìíîãèå. Åñòü ñòàíäàðòû, êó÷à õîðîøèõ äîêîâ, ìàíóàëîâ è ïóäîâûõ êíèã. Ñóùåñòâóåò äàæå èëëþçèÿ òîãî, ÷òî ñàéòû ðàáîòàþò ïðàâèëüíî è âûãëÿäÿò òàê, êàê íóæíî. Îäíàêî ñòîèò ðàçðàáîò÷èêó èëè òåñòèðîâùèêó îòêðûòü àëüòåðíàòèâíûé áðàóçåð, ïåðåãðóçèòüñÿ â àëüòåðíàòèâíóþ îïåðàöèîíêó èëè ñåñòü çà êîìïüþòåð, ðàáîòàþùèé íà «èíîé» ïëàòôîðìå, — êàê åãî îçàðÿåò îòêðîâåíèå. Ïî÷åìó? Äåëî â òîì, ÷òî ðàçëè÷íûå áðàóçåðû ïî-ñâîåìó òðàêòóþò ñòèëè, êîòîðûå òû òàê òùàòåëüíî îòòà÷èâàë, ðóêîâîäñòâóÿñü áëàãèìè ñòðåìëåíèÿìè ñäåëàòü ñàéò-êîíôåòêó.  áîëüøåé ìåðå áàãè ïðè ðàáîòå ñî ñòèëÿìè îòíîñÿòñÿ ê óñòàðåâøèì áðàóçåðàì, îäíàêî íåêîòîðûå âïîëíå ñîâðåìåííûå ïðîãðàììû íå ïåðåñòàþò óäèâëÿòü web-äèçàéíåðîâ. Íî îá ýòîì ÷óòü ïîçæå... ß óæå ñëûøó çëîáíîå âîð÷àíèå ïîáîðíèêîâ ñòàíäàðòîâ è ôàíàòîâ âàëèäíûõ ñàéòîâ. Ñïåøó ïðîâîçãëàñèòü: «ïëîõèõ è äóðàöêèõ áðàóçåðîâ» íåò! Ñòàíäàðòû õîðîøè òàì, ãäå èõ ñîáëþäåíèå íå äîñòàâëÿåò íåóäîáñòâà êîíå÷íîìó ïîòðåáèòåëþ — ïîëüçîâàòåëþ ñàéòà.  ñèòóàöèè, êîãäà ñêîëüêî-íèáóäü çíà÷èòåëüíàÿ ÷àñòü èíòåðíåò-àóäèòîðèè ïðîäîëæàåò ïîëüçîâàòüñÿ ñìîòðåëêàìè, íå ïîääåðæèâàþùèìè (ïîëíîñòüþ) ðåêîìåíäàöèè W3C, web-äåâåëîïåðàì íå îñòàåòñÿ íè÷åãî, êðîìå êàê ó÷èòûâàòü îñîáåííîñòè ýòèõ ïðîãðàìì ïðè ðàçðàáîòêå ñâîèõ ïðîåêòîâ. Èòàê, îáðàòèì âçîðû â äàëåêîå, ïî ìåðêàì îòðàñëè, ïðîøëîå.

ýêñêóðñ â èñòîðèþ
 íà÷àëå áûëî ñëîâî, òî÷íåå — öåëûé ÿçûê, îòöîì êîòîðîãî ñòàë àíãëè÷àíèí Òèì Áåðíåðñ-Ëè. ßçûê ïðåäíàçíà÷àëñÿ äëÿ ðàçìåòêè è ýëåìåíòàðíîãî ñòðóêòóðèðîâàíèÿ ãèïåðòåêñòîâûõ äîêóìåíòîâ è áûë íàçâàí HTML. Âìåñòå ñ íèì áûëè ðàçðàáîòàíû ïåðâûå web-ñåðâåð è áðàóçåð, ÷òî îçíàìåíîâàëî ðîæäåíèå web’à — âñåìèðíîé ïàóòèíû â òîì âèäå, â êîòîðîì ìû ïðèâûêëè âèäåòü åãî. Äî òåõ ïîð ïîêà ýòèì äîñòèæåíèåì íàó÷íîé ìûñëè ïîëüçîâàëèñü åãî ñîçäàòåëè, ó÷åíûå, âñå áûëî çàìå÷àòåëüíî.

×åðåç ïàðó ëåò ïîñëå ðîæäåíèÿ web’à èì çàèíòåðåñîâàëñÿ Áîëüøîé Áèçíåñ, óçðåâ â íåì ïîòåíöèàëüíûå ñâåðõïðèáûëè. Ñêó÷íûé «ïåðâîðîäíûé» ÿçûê ðàçìåòêè web-ñòðàíèö â ñèëó ñêóäîñòè îôîðìèòåëüñêèõ âîçìîæíîñòåé íå îòâå÷àë ðàñòóùèì ïîòðåáíîñòÿì, è HTML íà÷àë îáðàñòàòü äîïîëíåíèÿìè, êîòîðûå ïîçâîëèëè ïåðåâîïëîòèòü âíåøíèé âèä ñàéòîâ èç óíûëûõ ëèñòîâîê â êðàñî÷íûå ïðîñïåêòû.  èíäóñòðèþ ïîòÿíóëèñü íîâûå ëþäè — äèçàéíåðû, è ïîñòåïåííî ñòàëî çàáûâàòüñÿ ñëîâî «web-ìàñòåð», êîòîðûì íà çàðå èíòåðíåòà íàçûâàëè ÷åëîâåêà, ðàçðàáàòûâàþùåãî è ïîääåðæèâàþùåãî ñàéò.

êàê ýòî ðàáîòàåò
Êàê óæå áûëî ñêàçàíî, òåõíîëîãèÿ CSS îïèñûâàåò âíåøíèé âèä îòîáðàæàåìîãî äîêóìåíòà âî èñïîëíåíèå ïðèíöèïà îòäåëåíèÿ êîíòåíòà îò åãî ïðåäñòàâëåíèÿ. Äëÿ ïðîòèâíèêîâ ïðèíöèïèàëüíîñòè ïîÿñíþ: à) ýòî îáëåã÷àåò ïîääåðæêó ñàéòà (ïîçâîëÿåò áûñòðî ñìåíèòü äèçàéí); á) óïðîùàåò ñòðóêòóðó äîêóìåíòà è óìåíüøàåò âðåìÿ çàãðóçêè çà ñ÷åò âûíåñåíèÿ ïîâòîðÿþùèõñÿ èíñòðóêöèé â îäíî ïðàâèëî (êëàññ); â) ïîâûøàåò äîñòóïíîñòü äîêóìåíòà çà ñ÷åò ïðåäóñìîòðåííîé íàñòðîéêè âíåøíåãî âèäà äîêóìåíòà ñ ó÷åòîì âîçìîæíîñòåé ðàçëè÷íûõ òèïîâ óñòðîéñòâ âûâîäà (äèñïëåÿ, ïðèíòåðà è ò.ä.) è äàæå ïîä íóæäû êîíêðåòíîãî ïîëüçîâàòåëÿ.

Áðàóçåð ðàáîòàåò ñ CSS ñëåäóþùèì îáðàçîì:

1 ÏÀÐÑÈÍÃ HTML-ÄÎÊÓÌÅÍÒÀ È ÑÎÇÄÀÍÈÅ ÄÅÐÅÂÀ ÝËÅÌÅÍÒÎÂ;

2 ÈÄÅÍÒÈÔÈÊÀÖÈß ÖÅËÅÂÎÃÎ ÒÈÏÀ ÌÅÄÈÀ (ÓÑÒÐÎÉÑÒÂÀ ÎÒÎÁÐÀÆÅÍÈß);

3 ÏÎËÓ×ÅÍÈÅ ÂÑÅÕ ÑÒÈËÅÉ ÄÎÊÓÌÅÍÒÀ  ÑÎÎÒÂÅÒÑÒÂÈÈ Ñ ÓÊÀÇÀÍÍÛÌÈ ÒÈÏÀÌÈ ÌÅÄÈÀ;

4 ÀÍÍÎÒÀÖÈß ÊÀÆÄÎÃÎ ÝËÅÌÅÍÒÀ ÏÓÒÅÌ ÏÐÈÑÂÎÅÍÈß ÑÂÎÉÑÒÂÀÌ ÝËÅÌÅÍÒΠÇÍÀ×ÅÍÈÉ ÈÑÕÎÄß ÈÇ ÓÊÀÇÀÍÍÛÕ ÄËß ÍÈÕ ÑÒÈËÅÉ, À ÒÀÊÆÅ Ñ Ó×ÅÒÎÌ ÍÀÑËÅÄÎÂÀÍÈß ÐÎÄÈÒÅËÜÑÊÈÕ;

5 ÃÅÍÅÐÀÖÈß ÑÒÐÓÊÒÓÐÛ ÔÎÐÌÀÒÈÐÎÂÀÍÈß ÍÀ ÎÑÍÎÂÅ ÄÅÐÅÂÀ ÄÎÊÓÌÅÍÒÀ;

6 ÏÅÐÅÄÀ×À ÔÎÐÌÀÒÈÐÎÂÀÍÍÎÃÎ ÄÎÊÓÌÅÍÒÀ ÍÀ ÂÛÂÎÄ (ÄÈÑÏËÅÉ, ÍÀ ÏÅ×ÀÒÜ È Ò.Ä.).

Äëÿ web-ñòðàíèö ñóùåñòâóåò òðè òèïà ïîäêëþ÷åíèÿ ñòèëåé, êîòîðûå ðàçãðàíè÷èâàþò ïî èñòî÷íèêó:

1 ÀÂÒÎÐÑÊÈÅ ÑÒÈËÈ (ÑÎÇÄÀÍÍÛÅ ÐÀÇÐÀÁÎÒ×ÈÊÀÌÈ ÑÀÉÒÀ), ÊÎÒÎÐÛÅ,  ÑÂÎÞ Î×ÅÐÅÄÜ, ÌÎÃÓÒ ÏÐÈÌÅÍßÒÜÑß ÒÐÅÌß ÐÀÇËÈ×ÍÛÌÈ ÑÏÎÑÎÁÀÌÈ:

À) ÂÍÅØÍÈÅ ÒÀÁËÈÖÛ ÑÒÈËÅÉ.

ÐÀÑÏÎËÀÃÀÞÒÑß Â ÎÒÄÅËÜÍÎÌ ÔÀÉËÅ *.CSS, ÍÀ ÊÎÒÎÐÛÉ ÄÀÅÒÑß ÑÑÛËÊÀ Â HTML-ÄÎÊÓÌÅÍÒÅ. ÍÀÏÐÈÌÅÐ:

<style type="text/css" media="screen">@import url(/styles/screen.css);</style>

Â) ÂÑÒÐÎÅÍÍÛÅ ÑÒÈËÈ.

ÊÎÄ CSS ÏÎÌÅÙÀÅÒÑß Â ÒÅËÅ HTML-ÄÎÊÓÌÅÍÒÀ: <style type="text/css" media="screen">.style {font-family: Verdana,sans-serif}</style>

Ñ) ÑÒÐÎ×ÍÛÅ ÑÒÈËÈ, ÊÎÒÎÐÛÅ ÏÐÈÌÅÍßÞÒ ÈÍÄÈÂÈÄÓÀËÜÍÎ ÄËß ÊÎÍÊÐÅÒÍÎÃÎ ÝËÅÌÅÍÒÀ È ÓÊÀÇÛÂÀÞÒÑß Â ÀÒÐÈÁÓÒÅ STYLE ÍÓÆÍÎÃÎ ÍÀÌ ÒÅÃÀ:

<p style="font-weight:bold">

2 ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÅ ÑÒÈËÈ.

ÍÅÊÎÒÎÐÛÅ ÁÐÀÓÇÅÐÛ (ÍÀÏÐÈÌÅÐ OPERA) ÏÎÇÂÎËßÞÒ ÏÎËÜÇÎÂÀÒÅËÞ ÑÎÇÄÀÂÀÒÜ ÑÎÁÑÒÂÅÍÍÛÅ ÑÒÈËÈ, ÊÎÒÎÐÛÅ ÕÐÀÍßÒÑß Â ËÎÊÀËÜÍÎÌ CSS-ÔÀÉËÅ È ÈÑÏÎËÜÇÓÞÒÑß ÄËß ÎÏÐÅÄÅËÅÍÈß ÑÒÈËÅÉ ÍÀ ÂÑÅÕ ÏÐÎÑÌÀÒÐÈÂÀÅÌÛÕ ÑÒÐÀÍÈÖÀÕ. ÝÒÓ ÂÎÇÌÎÆÍÎÑÒÜ ÎÁÛ×ÍÎ ÈÑÏÎËÜÇÓÞÒ ËÞÄÈ Ñ ÏËÎÕÈÌ ÇÐÅÍÈÅÌ ÈËÈ Ñ ÄÅÔÅÊÒÀÌÈ ÖÂÅÒÎÂÎÃÎ ÂÎÑÏÐÈßÒÈß.

3 ÑÒÈËÜ ÁÐÀÓÇÅÐÀ.

«ÇÀÂÎÄÑÊÈÅ ÍÀÑÒÐÎÉÊÈ», ÏÐÅÄÓÑÌÎÒÐÅÍÍÛÅ ÐÀÇÐÀÁÎÒ×ÈÊÀÌÈ ÄËß ÎÏÐÅÄÅËÅÍÈß ÏÐÅÄÑÒÀÂËÅÍÈß ÝËÅÌÅÍÒΠHTML ÏÎ ÓÌÎË×ÀÍÈÞ.

Ïîëüçîâàòåëüñêèå ñòèëè èìåþò ñàìûé âûñîêèé ïðèîðèòåò è ïîçâîëÿþò ïåðåîïðåäåëÿòü àâòîðñêèå. Èñêëþ÷åíèå ñîñòàâëÿþò ñòèëè ñ ïàðàìåòðîì !important, êîòîðûé áûë ââåäåí ñïåöèàëüíî äëÿ çàùèòû àâòîðñêèõ ñòèëåé îò ïåðåîïðåäåëåíèÿ íà ñòîðîíå ïîëüçîâàòåëÿ. Åñëè íè ïîëüçîâàòåëü, íè àâòîð ñàéòà íå îïðåäåëèëè ñòèëü äëÿ íåêîãî ýëåìåíòà, îí áóäåò îòîáðàæåí â ñîîòâåòñòâèè ñ ñîáñòâåííûìè ñòèëÿìè áðàóçåðà.  ðàçëè÷íûõ áðàóçåðàõ îíè ìîãóò îòëè÷àòüñÿ, ïîýòîìó íå ñòîèò ïîëàãàòüñÿ íà ñîâåñòü ïðîèçâîäèòåëÿ ïðîãðàììû-áðîäèëêè.

ïðàêòèêà
Äëÿ óñïåøíîãî îñâîåíèÿ CSS-âåðñòêè íóæíî óñâîèòü îñîáåííîñòè ðåàëèçàöèè áëî÷íîé ìîäåëè â ðàçëè÷íûõ áðàóçåðàõ.  ñîîòâåòñòâèè ñî ñòàíäàðòíîé ìîäåëüþ, øèðèíà áëîêà íå âêëþ÷àåò â ñåáÿ îòñòóïû (padding) è ãðàíèöû (borders). Ýòà ìîäåëü ïîääåðæèâàåòñÿ âî âñåõ ñîâðåìåííûõ áðàóçåðàõ çà èñêëþ÷åíèåì Internet Explorer (äî âåðñèè 6), êîòîðûé èìååò ñîáñòâåííîå ìíåíèå ïî äàííîìó âîïðîñó.  áëî÷íîé ìîäåëè IE øèðèíà îòñòóïîâ è ãðàíèö âêëþ÷àåòñÿ â øèðèíó áëîêà çà ñ÷åò óìåíüøåíèÿ ðàçìåðà îáëàñòè êîíòåíòà, êàê ïîêàçàíî íà èëëþñòðàöèè. Òàêàÿ æå ìîäåëü èñïîëüçóåòñÿ è â áðîäèëêàõ Netscape 4 è Opera 7.

Ãðÿäóùàÿ ñïåöèôèêàöèÿ CSS3 ââîäèò ñâîéñòâî «box-sizing», ïîçâîëÿþùåå âûáèðàòü íóæíóþ ìîäåëü, óêàçûâàÿ çíà÷åíèå «content-box» äëÿ èñïîëüçîâàíèÿ ñòàíäàðòíîé ìîäåëè, è «border-box» — äëÿ èñïîëüçîâàíèÿ ìîäåëè IE. Áðàóçåð Mozilla, ïîääåðæèâàþùèé ÷åðíîâûå ðåêîìåíäàöèè CSS3, óæå ïîääåðæèâàåò ýòî ñâîéñòâî ïîä ñîáñòâåííûì èìåíåì «-moz-box-sizing». Ðàçðàáîò÷èêè òàêæå ââåëè åùå îäíî, íà äàííûé ìîìåíò íåñòàíäàðòíîå çíà÷åíèå (è åùå îäíó áëî÷íóþ ìîäåëü) — «padding-box», êîòîðûì ïîäðàçóìåâàåòñÿ, ÷òî øèðèíà áëîêà ðàâíà øèðèíå îáëàñòè êîíòåíòà è îòñòóïîâ, èñêëþ÷àÿ ãðàíèöû.

Õîðîøèé è ïðàâèëüíûé (X)HTML-êîä íà÷èíàåòñÿ ñ ïðàâèëüíîãî óêàçàíèÿ òèïà äîêóìåíòà (DOCTYPE). Ýòè ñâåäåíèÿ íåîáõîäèìû áðàóçåðó äëÿ âûáîðà ðåæèìà ðåíäåðèíãà äîêóìåíòà. Åñëè òèï íå äåêëàðèðóåòñÿ ëèáî ïðè åãî îáúÿâëåíèè äîïóùåíû îøèáêè, äîêóìåíò ðåíäåðèòñÿ â îñîáîì «ðåæèìå íåñîîòâåòñòâèÿ ñòàíäàðòàì» (quirks-mode) è ðóêîâîäñòâóåòñÿ ïðè ýòîì íå ëîãèêîé ðåêîìåíäàöèé W3C, à ñîáñòâåííûì ðàçóìåíèåì. Õîòåëîñü áû îáðàòèòü âíèìàíèå web-äåâåëîïåðîâ íà íåîáúÿñíèìûé ãëþê â IE6: âåðñòàÿ â XHTML 1.0 Transitional, íåëüçÿ óêàçûâàòü ïðîëîã (<?xml version="1.0"?> ), òàê êàê îí ïðèâîäèò ê ðåíäåðèíãó äîêóìåíòà â quirks-mode, íåñìîòðÿ íà òî, ÷òî âñå ñäåëàíî ïðàâèëüíî. Ê ñ÷àñòüþ, ïðîëîã ÿâëÿåòñÿ íåîáÿçàòåëüíûì ýëåìåíòîì è åãî ìîæíî ñìåëî óäàëèòü.

Äëÿ CSS ñïðàâåäëèâû «ïðàâèëà õîðîøåãî òîíà», êîòîðûìè ïðîãðàììåðû ïîëüçóþòñÿ ïðè íàïèñàíèè êîäà. Àêêóðàòíîñòü, âûâåðåííàÿ ëîãèêà, ïðèâû÷êà êîììåíòèðîâàòü êîä è ñòðåìëåíèå ê îïòèìèçàöèè ñîñëóæàò òåáå õîðîøóþ ñëóæáó. Êîä, ïîäîáíûé ïðèâåäåííîìó íèæå, çàïðîñòî ìîæåò áûòü îïòèìèçèðîâàí íà 20%-30%, ïðèîáðåòÿ ïðè ýòîì ïðèÿòíóþ ÷èñòîòó è ïðîçðà÷íîñòü. Íóæíî ëè ãîâîðèòü î òîì, íàñêîëüêî áëàãîòâîðíî ýòî îòðàçèòñÿ íà áûñòðîòå çàãðóçêè ôàéëà ñî ñòèëÿìè?

Áûëî Ñòàëî
P {
color: #336699;
border-style : solid;
border-width : 1px;
border-color : #ff0000;
font-weight : bold;
line-height : 1.3em;
margin-bottom : .7em;
margin-left : .4em;
margin-right : 1.3em;
margin-top : .7em;
border-color: #c06565;
}

P {
border: 1px solid #f00;
font-weight : bold;
color: #369;
line-height : 1.3em;
margin: .7em 1.3em .7em .4em
}


õàêè áåç õàêåðîâ

Ñïåöèôèêà ðåàëèçàöèè êàñêàäíûõ ñòèëåé â ðàçëè÷íûõ ñìîòðåëêàõ çàñòàâëÿåò web-ðàçðàáîò÷èêîâ èñêàòü ñïîñîáû «âïðàâèòü ìîçãè» ïðîãðàììàì, èìåþùèì ñîáñòâåííûé, îðèãèíàëüíûé âçãëÿä íà âåùè.  ðåçóëüòàòå ïîëó÷àåì: îäèíàêîâîå îòîáðàæåíèå ñòðàíèöû â áîëüøèíñòâå áðàóçåðîâ... è íåâîçìîæíîñòü ïðîéòè âàëèäàöèþ CSS. Òàêèå õèòðîñòè íàçûâàþò õàêàìè ëèáî CSS-ôèëüòðàìè. Èçáèðàòåëüíîñòü âîçìîæíà áëàãîäàðÿ ãëþêàì îòäåëüíûõ âåðñèé áðàóçåðîâ, ÷òî ïîçâîëÿåò «ñêàðìëèâàòü» íóæíûé êîä êîíêðåòíîé ïðîãðàììå, â òî âðåìÿ êàê äðóãèå åãî ïðîèãíîðèðóþò. Ñîîòâåòñòâåííî, î ñîáëþäåíèè ñòàíäàðòîâ íå ìîæåò áûòü è ðå÷è.

Íàïðèìåð:

/* Ñòàíäàðòíàÿ áëî÷íàÿ ìîäåëü */
ñåëåêòîð { width: 100px; padding: 10px; border:10px; }
/* Ïîäãîíÿåì âíåøíèé âèä áëîêà â IE ïîä ñòàíäàðòíóþ ìîäåëü*/
* html ñåëåêòîð { width: 140px; padding: 10px; border:10px; }

Êîä, ïðèâåäåííûé âûøå, ïîìîæåò â áîðüáå ñ ìîíñòðîì îò Microsoft, íî äëÿ Opera 5 è Netscape 4 ïðèäåòñÿ ïîäûñêàòü äðóãèå ñïîñîáû íàñòàâèòü èõ íà ïóòü èñòèííûé. Ê ïðèìåðó, äëÿ Netscape ìîæíî èñïîëüçîâàòü åãî íåïðèÿòèå êîíñòðóêöèè @import, à äëÿ Opera — . Åñëè òû ãîòîâ ïîæåðòâîâàòü âàëèäíîñòüþ ñâîåãî êîäà, õàêè çäîðîâî îáëåã÷àò òåáå æèçíü. Íóæíî ëèøü ïîìíèòü î òîì, ÷òî óíèâåðñàëüíûõ õàêîâ íå ñóùåñòâóåò, — âñòàâàÿ íà ñêîëüçêèé ïóòü îäóðà÷èâàíèÿ áðàóçåðîâ, íóæíî ïðèïàñòè ëåêàðñòâà äëÿ îáøèðíîãî çîîïàðêà ñìîòðåëîê. Áîãàòàÿ áèáëèîòåêà CSS-ôèëüòðîâ ðàñïîëîæèëàñü ïî àäðåñó www.dithered.com/css_filters/css_only.

Íåëüçÿ îáîéòè âíèìàíèåì åùå îäèí êóðüåç îò Microsoft: êîðïîðàöèÿ ñàìà ñîçäàëà ëåêàðñòâî äëÿ ëå÷åíèÿ áîëåçíåé ñîáñòâåííûõ áðàóçåðîâ. Ðå÷ü èäåò î ïðîïðèåíòàðíûõ òåãàõ (â òåðìèíîëîãèè àâòîðîâ — Conditional Comments), ïîçâîëÿþùèõ «ïîäñóíóòü» íóæíûå ñòèëè äëÿ Internet Explorer 5.x

<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="css/IE5.css" />
<![endif]-->

Áîëåå ðàçóìíîé, ñ òî÷êè çðåíèÿ ñòàíäàðòîâ, àëüòåðíàòèâîé õàêàì è ïðîïðèåíòàðíûì òåãàì ìîæåò ïîñëóæèòü èñïîëüçîâàíèå Javascript äëÿ îïðåäåëåíèÿ òèïà áðàóçåðà. Îäíàêî ïàðàíîèäàëüíûå ïîëüçîâàòåëè, îòêëþ÷àÿ èñïîëíåíèå ñêðèïòîâ â áðàóçåðàõ, íå ïîçâîëÿþò èñïîëüçîâàòü äàííîå ðåøåíèå êàê ïàíàöåþ.

ïå÷àòü

CSS ïðåäîñòàâëÿåò íàì áëåñòÿùóþ âîçìîæíîñòü áîëüøå íå çàáîòèòüñÿ î ñîçäàíèè ñòðàíèö ñ printer-friendly âåðñèÿìè äîêóìåíòîâ.  ïåðâóþ î÷åðåäü ñêðîåì ôóíêöèîíàëüíûå áëîêè, áåñïîëåçíûå â òâåðäîé êîïèè ñòðàíèöû, ïðè ïîìîùè çíà÷åíèÿ «none» ñâîéñòâà display;. Ýòî áîëüøàÿ ÷àñòü äèçàéíåðñêèõ íàâîðîòîâ â øàïêå è ïîäâàëå ñòðàíèöû, à òàêæå íàâèãàöèÿ, áàííåðû è âñå ïðî÷åå, ÷òî íå èìååò ïðÿìîãî îòíîøåíèÿ ñîáñòâåííî ê êîíòåíòó. Ïîñêîëüêó ïðèíòåðû èìåþò áîëåå âûñîêîå ðàçðåøåíèå, èìååò ñìûñë ñêðûòü òàêæå è ëîãîòèï ñàéòà è îòäàòü ïðèíòåðó äðóãîé (ìîæíî äàæå ÷åðíî-áåëûé) — ñ áîëåå âûñîêèì ðàçðåøåíèåì. Äëÿ ýòîãî ñîçäàé áëîê ñî âòîðûì ëîãîòèïîì è ñêðûâàé åãî â âåðñèè äëÿ äèñïëåÿ. Ïîäîáíûì îáðàçîì, íàïðèìåð, ïîñòóïèëà êîìàíäà Àðòåìèÿ Ëåáåäåâà — îíè ñîçäàëè òàáëèöó ñòèëåé äëÿ ïå÷àòè ñòðàíèö ñàéòà Ñòóäèè.

Äëÿ ïå÷àòè ïðèíÿòî çàäàâàòü ðàçìåð êåãëÿ øðèôòà â ïóíêòàõ (òèïîãðàôñêàÿ åäèíèöà èçìåðåíèÿ), è áóäåò âïîëíå ëîãè÷íûì ïîñòóïèòü òàêèì æå îáðàçîì è ïðè ñîçäàíèè ñòèëåé äëÿ ïðèíòåðà.  ðåçóëüòàòå ïîëüçîâàòåëè ïîëó÷àò áóêâû îïòèìàëüíîãî ðàçìåðà, ïðèâû÷íûå èì ïî ðàñïå÷àòêàì äîêóìåíòîâ Microsoft Office.

Îòäåëüíîãî óïîìèíàíèÿ çàñëóæèâàþò ôîíîâûå èçîáðàæåíèÿ. Ïîñêîëüêó øàíñû íà òî, ÷òî òåêñò áóäåò ÷èòàòüñÿ òàê æå õîðîøî, êàê è íà ýêðàíå, ìèíèìàëüíû (áîëüøèíñòâî ïîëüçîâàòåëåé ïå÷àòàþò íà ÷/á), ñìåëî îòìåíÿåì èñïîëüçîâàíèå êàðòèíîê íà áýêãðàóíäå. Òàêæå íå ïîìåøàåò îïòèìèçàöèÿ ïàëèòðû äëÿ ïðèäàíèÿ åé ìàêñèìàëüíîé êîíòðàñòíîñòè. Èäåàë — áåëûé ôîí è ÷åðíûé òåêñò. Åñëè òû âñå æå ðåøèë èñïîëüçîâàòü â ñòèëÿõ äëÿ ïå÷àòè íå òîëüêî îòòåíêè ñåðîãî, íå ïîëåíèñü ïðîâåðèòü, êàê áóäåò âûãëÿäåòü òâîå áóéñòâî êðàñîê, åñëè åãî ðàñïå÷àòàþò íà ñòàðåíüêîì ìîíîõðîìíîì ëàçåðíèêå.

Íà áëàãîäàðíîì ïîïðèùå ñîçäàíèÿ ñòèëåé äëÿ ïå÷àòè ðàçðàáîò÷èêà ïîäæèäàþò íåñêîëüêî ïîäâîäíûõ êàìíåé. Îäèí èç íèõ — îøèáêà â Mozilla (êàñàåòñÿ âñåõ áðàóçåðîâ, îñíîâàííûõ íà äâèæêå Gecko — Firefox, Netscape, Camino è äð.), ñâÿçàííàÿ ñ ïå÷àòüþ áëî÷íûõ ýëåìåíòîâ, äëÿ êîòîðûõ çàäàíî ñâîéñòâî float. Áàã âûðàæàåòñÿ â òîì, ÷òî íåçàâèñèìî îò ðàçìåðîâ áëîê ðàñïå÷àòûâàåòñÿ òîëüêî íà îäíîé ñòðàíèöå. Âñå, ÷òî íå ïîìåñòèëîñü íà íåå, èãíîðèðóåòñÿ. Ðåøåíèå ïðîáëåìû ïðîñòî, êàê ñîâåòñêèå òðóñû çà ðóïü äâàäöàòü: íàçíà÷àåì ñâîéñòâó float çíà÷åíèå «none» è ðàäóåìñÿ æèçíè.

Õîòåëîñü áû óïîìÿíóòü ðàöïðåäëîæåíèå Ýðèêà Ìàéåðà, âûäâèíóòîå â åãî ñòàòüå «CSS. Going to Print» íà ñàéòå A List Apart. Ñóòü íîâàöèè òàêîâà: ïðè ðàñïå÷àòûâàíèè äîêóìåíòà, ñîäåðæàùåãî ññûëêè, åñòåñòâåííûì îáðàçîì òåðÿþòñÿ àäðåñà URL (êòî òàì êëèêàåò íà ëèñòå áóìàãè?). Ïûòëèâûé óì íàøåãî áóðæóéñêîãî êîëëåãè íàøåë âûõîä èç äàííîé ñèòóàöèè — ïðèìåíèë â ñòèëÿõ äëÿ ïå÷àòè äîñòèæåíèÿ CSS2. Ðåçóëüòàòîì èõ ðàáîòû ñòàíåò ïîÿâëåíèå ïîñëå òåêñòà ñàìîé ññûëêè àäðåñà URL â ñêîáêàõ. Ýòà êðàñîòà ðàáîòàåò â áðàóçåðàõ Mozilla è Netscape 6.x.

a:link:after, a:visited:after {
content: " (" attr(href) ") ";
font-size: 90%;
}

Êðîìå ïðèíòåðîâ, åñòü ñìûñë ñîçäàâàòü îòäåëüíûå ñòèëè è äëÿ íàëàäîííèêîâ, êîòîðûå îòëè÷àþòñÿ ìàëåíüêèì ýêðàíîì ñ îãðàíè÷åííûì ðàçðåøåíèåì è ìåäëåííûì (è ÷àñòî äîðîãèì) ñîåäèíåíèåì ñ èíòåðíåòîì. Êàê ñäåëàòü ýòî, ÷èòàé íà ñàéòå Àëåêñàíäðà Êà÷àíîâà (ñíèìàþ øëÿïó!) www.webmacson.com. Ïðî÷èå òèïû óñòðîéñòâ âûâîäà, ðàâíî êàê è ãîëîñîâûå áðàóçåðû, ïîêà íåäîñòàòî÷íî ðàñïðîñòðàíåíû... õîòÿ áû äëÿ òîãî, ÷òîáû ïðîòåñòèðîâàòü íà íèõ ñâîé ñàéò. Òàê ÷òî ìîæíî íå ðàñïûëÿòüñÿ è ñîñðåäîòî÷èòüñÿ íà ïîïóëÿðíûõ ìåäèà :). Èñêëþ÷åíèå ñîñòàâëÿåò, ïîæàëóé, òåëåïðèñòàâêà WebTV, â ïðîøëîì ïîïóëÿðíàÿ â Øòàòàõ. Îíà õàðàêòåðèçóåòñÿ íèçêèì ðàçðåøåíèåì, ìåíüøåé ÷åòêîñòüþ è áîëåå óçêèì, ÷åì RGB, öâåòîâûì ïðîñòðàíñòâîì — âñå ýòî èçäåðæêè êîíñòðóêòèâíûõ îñîáåííîñòåé òåëåâèçîðîâ, êîòîðûå èñïîëüçóþòñÿ êàê ïðèñòàâêè â êà÷åñòâå ìîíèòîðà.


Àâòîð: ÂËÀÄÈÌÈÐ ÑÈÍÅËÜÍÈÊÎÂ, Ñïåöâûïóñê: Õàêåð, íîìåð 67
Ðóáðèêè:  ïîëåçíûå ñîâåòû

Êîììåíòàðèè (0)

îïòèìèçàöèÿ php ñêðèïòîâ

Äíåâíèê

Ñðåäà, 24 Îêòÿáðÿ 2007 ã. 00:02 + â öèòàòíèê

 ýòîé ñòàòüå ÿ õî÷ó äàòü íåñêîëüêî ñîâåòîâ, ñëåäóÿ êîòîðûì ìîæíî çíà÷èòåëüíî óñêîðèòü îáðàáîòêó PHP-ñêðèïòîâ, òåì ñàìûì, ðàçãðóçèâ ñåðâåð õîñòåðà îò áåñïîëåçíîé ðàáîòû â ïîëüçó áîëåå ïîëåçíîé. Ïåðåä òåì êàê íà÷àòü ðåôàêòîðèíã - ïîñìîòðèòå ñêîëüêî âðåìåíè è ïàìÿòè êóøàåò âàø ïðîåêò, à òåïåðü âïåðåä - îïòèìèçèðóåì. Ïîñëå òîãî êàê íåëåãêèé òðóä áóäåò çàêîí÷åí çàìåðèì ðåçóëüòàòû - ïîðàçèòåëüíûé ïðèðîñò ïðîèçâîäèòåëüíîñòè - ïðîöåíòîâ 5-6% - óäèâëåíû? Äàâàéòå íåìíîãî ïðîàíàëèçèðóåì ñîâåòû ïðèâåäåííûå â äàííîé ñòàòüå:


Âûíîñèòå $ïåðåìåííûå èç “òåêñòîâûõ ñòðîê” - óñêîðåíèå 25-40%
$x="test $test";
$x="test"; $x.=$test;
$x="test".$test;
Ïîñ÷èòàéòå êîë-âî òàêèõ ñòðîê â âàøåì ïðîåêòå, ÿ äóìàþ èõ êîë-âî áóäåò ñòðåìèòüñÿ ê íóëþ, åñëè âû èñïîëüçóåòå êàêîé-íèòü øàáëîíèçàòîð (Smarty).

Êîðîòêèå ïåðåìåííûå íå áîëåå 7 ñèìâîëîâ - óñêîðåíèå 15%
×èòàáåëüíîñòü êîäà îò ýòîãî íå óëó÷øèòñÿ, ÿ îáû÷íî íàçûâàþ ïåðåìåííóþ ïî èìåíè îáúåêòà õðàíÿùåãîñÿ â íåé, à èìåíà îáúåêòîâ ÷àñòåíüêî ïåðåâàëèâàþò çà äåñÿòîê ñèìâîëîâ. Íî ïåðåìåííûå îò 32 ñèìâîëîâ ìîãóò òîðìîçíóòü ïðîãðàììó ïî÷òè íà ïîëîâèíó.

Òîðìîçÿò ëè ìàññèâû â PHP? Âåðíåå, êàê èìåííî. Óñêîðåíèå 40%
Äîñòóï ê ýëåìåíòó îäíîìåðíîãî àññîöèàòèâíîãî ìàññèâà ïî èìåíè, íå çàêëþ÷åííîìó â êàâû÷êè, òîðìîçèò ïðîöåññ íà òðåòü (îòíîñèòåëüíî òîãî æå ïðèìåðà, íî â êàâû÷êàõ). À âîò â äâóõìåðíîì ìàññèâå ïðîãðàììà ðàáîòàåò ìåäëåííå àæ â 2.5 ðàçà! Ïîñëå òàêîãî òåñòà õî÷åøü íå õî÷åøü, à â ëþáîé ïðîãðàììå ïîæåðòâóåøü óäîáñòâîì - îáðàùåíèå ê ýëåìåíòàì ìàññèâà ïî èìåíè áåç êàâû÷åê.
$test["aa"]=1;$test["bb"]=1;$test["cc"]=1;$test["dd"]=1;$test["ee"]=1;
$test[aa]=1;  $test[bb]=1;  $test[cc]=1;  $test[dd]=1;  $test[ee]=1;
$test[a][b]=1;$test[x][y]=1;$test[d][c]=1;$test[a][s]=1;$test[b][n]=1;

Âûíîñèòå ìíîãîìåðíûå ìàññèâû èç “òåêñòîâûõ ñòðîê” - óñêîðåíèå 25-30%
Ïðè èñïîëüçîâàíèè ìíîãîìåðíûõ ìàññèâîâ â ñòðîêàõ íàáëþäàåòñÿ çàìåòíîå ñíèæåíèå ñêîðîñòè Èç-çà ìíîãîìåðíîñòè íóæíî çàêëþ÷àòü ïåðåìåííûå â ïàðíûå ôèãóðíûå ñêîáêè. Äà è ÷èòàáåëüíîñòü ïîâûøå áóäåò.

$x="test {$myarray[name][second][1]} test";

Öèêëû: for, foreach, while, count/sizeof() - óñêîðåíèå 15%-30%
Áåññïîðíûé âûâîä - èñïîëüçîâàíèå foreach ñèëüíî òîðìîçèò äåëî, à ìåæäó for è while áîëüøîé ðàçíèöû íåò. (Íà ãîëîì òåñòå for/while/foreach {..} òîðìîçà foreach - 30%). Ýòî íå óäèâèòåëüíî, ò.ê. foreach äåëàåò êîïèþ ìàññèâà, íà ÷òî òðàòèòüñÿ ìàññà âðåìåíè. Åñëè íåò íåîáõîäèìîñòè â foreach èñïîëüçóéòå for.

Äëÿ ÷òåíèÿ ôàéëà file() áûñòðåå, ÷åì fopen+öèêë - óñêîðåíèå 40%
×òîáû ïðî÷èòàòü â ìàññèâ $x ôàéë ðàçìåðîì 1Ìá (100 000 ñòðîê ïî 10 áàéò) ìîæíî âîñïîëüçîâàòüñÿ äâóìÿ âàðèàíòàìè: ÷òåíèå ôàéëà ñ ïîìîùüþ file(), ëèáî òðàäèöèîííûì ìåòîäîì fopen/fgets. Ðàçóìååòñÿ, äëÿ ôàéëîâ ðàçíîãî îáúåìà è ñîäåðæèìîãî ñêîðîñòü ìîæåò ìåíÿòüñÿ. Íî â äàííîì ïðèìåðå ñòàòèñòèêà òàêîâà: file("1Mb_file.txt") ðàáîòàåò íà 40% áûñòðåå, ÷åì:

$f=fopen("1Mb_file.txt","r") or die(1);
while($x[]=fgets($f,1000));
fclose($f);

Àíàëîãè÷íûé âàðèàíò

$f=fopen("1Mb_file.txt","r") or die(1);
while($s=fgets($f,1000)) $x[]=$s;
fclose($f);

ðàáîòàþò åùå ìåäëåííåå (âî âòîðîì ñëó÷àå ëèøíÿÿ ôóíêöèÿ feof() çàìåòíî ñíèæàåò ñêîðîñòü). Òîò æå òåñò, íî íà 15Ìá ôàéëå (100 000 ñòðîê ïî 150 áàéò) ïîêàçûâàåò ðàçíèöó â 50%, â ïîëüçó file().

Àðõèòåêòóðà
Òóò åñòü ãäå ðàçîéòèñü, è íà÷àòü ïèñàòü âåñü ïðîåêò çàíîâî ;) íî ëó÷øå ÷óòü-÷óòü íàïèëüíèêîì ïîøàìàíèòü - çà÷àñòóþ ýôôåêò áóäåò ïîðàçèòåëüíûì. Äëÿ íà÷àëà - íå ïîäêëþ÷àéòå ñðàçó âñå áèáëèîòåêè èñïîëüçóåìûå â ïðîåêòå - âñ¸ òîëüêî ïî òðåáîâàíèþ. Ñòàðàéòåñü ðàçäåëèòü ïðîåêò íà ñîñòàâëÿþùèå - øàáëîíû ïðîåêòèðîâàíèÿ åùå íèêòî íå îòìåíÿë.

Ðàáîòà ñ ÁÄ
Î÷åíü ìíîãî âðåìåíè óõîäèò íà ðàáîòó ñ ÁÄ, êàê ñàì ôàêò îáðàùåíèÿ ê íåé, òàê è ñàìà âûáîðêà èç ÁÄ ïðîèñõîäèò íå ìîìåíòàëüíî. È ÷òî æå äåëàòü? Íåîáõîäèìî óáèðàòü ëèøíåå, ãäå ýòî âîçìîæíî, à ãäå íåò - ñòàðàåìñÿ êýøèðîâàòü. È óáåðèòå æå îáðàùåíèå ê ÁÄ â öèêëå!

Âûâîä:
1. Ïîòðàòüòå íà ðàçðàáîòêó àðõèòåêòóðû ïðîåêòà ÷óòü áîëüøå, ÷åì ïàðó ÷àñèêîâ
2. Óáåðèòå ëèøíèå îáðàùåíèÿ ê ÁÄ (åñëè ïåðâûé ïóíêò çàéìåò ó âàñ íåñêîëüêî äíåé - òî è ýòîò íå ïîÿâèòñÿ)
3. Èñïîëüçóéòå êýøèðîâàíèå äàííûõ ïîëó÷àåìûõ èç ÁÄ èëè XML
4. Èñïîëüçóéòå êýøèðîâàíèå ãîòîâûõ HTML ñòðàíè÷åê
5. Óñòàíîâèòå êàêîé-íèòü îïòèìèçàòîð PHP (XCache èëè Zend Optimizer)

È åùå - ãäå-òî óïîìèíàëîñü, ÷òî ñòðàíè÷êà íå äîëæíà ãðóçèòüñÿ áîëåå äâóõ ñåêóíä - çíà÷èò PHP íå äîëæåí òðàòèòü áîëåå îäíîé ñåêóíäû íà å¸ ãåíåðàöèþ.

Ðóáðèêè:  ïîëåçíûå ñîâåòû

Ìåòêè:  
Êîììåíòàðèè (1)

×òî òàêîå RSS-ïîäïèñêà è êàê îíà ìîæåò ïîìî÷ü?

Äíåâíèê

Ñðåäà, 24 Îêòÿáðÿ 2007 ã. 23:35 + â öèòàòíèê
Ñ ðîñòîì ïîïóëÿðíîñòè áëîãîâ Âû íàâåðíÿêà âñå ÷àùå è ÷àùå ñòàëè çàìå÷àòü óïîìèíàíèå ïðî RSS-ïîäïèñêó.  Çäåñü ÿ õîòåë áû ðàññêàçàòü òåì ÷èòàòåëÿì, êòî åùå íå èñïîëüçóåò RSS-ïîäïèñêó, î òåõ ïðåèìóùåñòâàõ, êîòîðûå îíè ìîãóò ïîëó÷èòü, èñïîëüçóÿ RSS â ïîâñåäíåâíîé æèçíè.
Îñîáåííîñòè RSS-ïîäïèñêè:
  • Âî-ïåðâûõ, è ýòî ñàìîå ãëàâíîå, RSS êîîðäèíàëüíî ìåíÿåò êîíöåïöèþ ïîëó÷åíèÿ Âàøèõ ëþáèìûõ íîâîñòåé ñ ñàéòîâ èëè áëîãîâ. Òåïåðü èíôîðìàöèÿ ñàìà èäåò ê âàì, à íå Âû èùåòå åå. Îò Âàñ òðåáóåòñÿ òîëüêî ñîñòàâèòü ñïèñîê òîãî, ÷òî Âû õîòèòå ÷èòàòü è ïîñëå ýòîãî íàñëàæäàòüñÿ îáíîâëåíèÿìè.
  • Âî-âòîðûõ, íå íóæíî òðàòèòü âðåìÿ âïóñòóþ, çàõîäÿ íà êàæäûé ñàéò îòäåëüíî â ïîèñêàõ îáíîâëåíèé. Âìåñòî ýòîãî äîñòàòî÷íî âñåãî ëèøü ïðîñìîòðåòü ñïèñîê Âàøèõ RSS-ïîäïèñîê â ñïåöèàëüíûõ ïðîãðàììàõ è Âàì ñðàçó áóäóò âèäíû âñå îáíîâëåíèÿ.

Êàê ÷èòàòü RSS-ïîäïèñêè?

Ñóùåñòâóåò ðÿä ïðîãðàìì, ïðè ïîìîùè êîòîðûõ ìîæíî ïðîñìàòðèâàòü îáíîâëåíèÿ âàøèõ RSS-ïîäïèñîê. Íàïðèìåð áðàóçåð Opera èìååò âñòðîåííûé ôóíêöèîíàë äëÿ ðàáîòû ñ RSS-ïîäïèñêàìè

  • ßíäåêñ.Ëåíòà. Åå îñíîâíîå ïðåèìóùåñòâî - ýòî ðóññêèé ÿçûê ïëþñ èíòåãðàöèÿ ñ äðóãèìè ñåðâèñàìè îò ßíäåêñà.
  • Google Reader. Google îáëàäàåò öåëûì ðÿäîì ïðåèìóùåñòâ ñðåäè êîòîðûõ: óäîáíûé èíòåðôåéñ, ïîíÿòíàÿ íàâèãàöèÿ è ìíîãîå äðóãîå.

Àâòîð: Eltheriol
Àäðåñ: http://eltheriol.com/
Ðóáðèêè:  ïîëåçíûå ñîâåòû

Ìåòêè:  
Êîììåíòàðèè (1)

Îñíîâíûå ïðèåìû îïòèìèçàöèè html êîäà

Äíåâíèê

Ñðåäà, 24 Îêòÿáðÿ 2007 ã. 21:11 + â öèòàòíèê
 äàííîé ñòàòüå áóäóò ðàññìîòðåíû îñíîâíûå ïðèåìû îïòèìèçàöèè html êîäà äëÿ äîñòèæåíèÿ âûñîêèõ ïîçèöèé ïðè ïîèñêîâûõ çàïðîñàõ â ïîèñêîâûõ ñèñòåìàõ è ñëåäîâàòåëüíî ïîäíÿòü åãî ïîïóëÿðíîñòü. Áîëüøèíñòâî ïîëüçîâàòåëåé ïðîñìàòðèâàþò ïðèìåðíî 20 ñàéòîâ ïî ñâîåìó çàïðîñó, à, ñëåäîâàòåëüíî, ÷òîáû ïîëüçîâàòåëü çàøåë íà âàø ñàéò íóæíî äîáèòüñÿ òîãî, ÷òîáû ïî ðåçóëüòàòàì ïîèñêîâîãî çàïðîñà âàø ñàéò îêàçàëñÿ ñðåäè 20 ïåðâûõ ñàéòîâ â ñïèñêå, íî ëó÷øå â 10.

Îïòèìèçàöèÿ çàãîëîâêîâ (<title> </title> )

 çàãîëîâêå íóæíî èñïîëüçîâàòü âñå ñëîâà, êîòîðûå ïðåäïîëîæèòåëüíî áóäóò ââîäèòüñÿ â ïîèñêîâîì çàïðîñå, ïðè÷åì ñîäåðæàíèå ñòðàíèöû äîëæíî ñîîòâåòñòâîâàòü ñëîâàì ââåäåííûì â çàãîëîâêå.  íàøåì ñëó÷àå â çàãîëîâêå ìîæíî íàïèñàòü: "Ðàñêðóòêà ñàéòîâ, ñòàòüè ïî ðàñêðóòêå è îïòèìèçàöèè ñàéòîâ". Ñàìîå âàæíîå ñëîâî íóæíî ðàñïîëîæèòü ñëåâà, ïîñêîëüêó âñå ïîèñêîâûå ìàøèíû ÷èòàþò èíôîðìàöèþ ñ ñàéòà ñëåâà íà ïðàâî. Æåëàòåëüíî, ÷òîáû ýòî ñàìîå âàæíîå ñëîâî ïîâòîðèëîñü áîëåå îäíîãî ðàçà, íî íå â êîåì ñëó÷àå íå ïîâòîðÿéòå âñå ñëîâà ìíîãî ðàç. Ïîìíèòå, ÷òî ÷åì áîëüøå ñëîâà "ðàñêðóòêà" (íàïðèìåð, ïîëüçîâàòåëü â ïîèñêîâîé ñèñòåìå ââîäèò ñëîâî "ðàñêðóòêà") áóäåò ðàñïîëîæåíî íà ñòðàíèöå, òî ó âàøåãî ñàéòà áóäåò áîëüøèé ïðèîðèòåò ïîïàäàíèÿ íà âûñîêèå ïîçèöèè ïî çàïðîñó ïîëüçîâàòåëÿ. Íî ýòî ñëîâî äîëæíî âñòðå÷àòüñÿ ëèáî â êëþ÷åâûõ ñëîâàõ, ëèáî â ñàìîì òåêñòå è òàêæå íå çàáóäüòå, ÷òî ëó÷øå íå ñîçäàâàòü "íåâèäèìîãî òåêñòà ñ ýòèì ñëîâîì", ïîñêîëüêó ïîëüçîâàòåëü åãî íå óâèäèò, à âîò ïîèñêîâûé ðîáîò ýòî çàìåòèò è äàæå ìîæåò âêëþ÷èòü ñàéò â ñåðûé ñïàì ñïèñîê ñ àëüòåðíàòèâîé ïîïàäàíèÿ è â ÷åðíûé ñïèñîê.

Ìåòà- òýãè

 Íà ñåãîäíÿøíåå âðåìÿ ìíîãèå ïîèñêîâûå ñèñòåìû ïðîñòî èãíîðèðóþò èíôîðìàöèþ, ïðîïèñàííóþ â ìåòà-òýãàõ, íî âñå-òàêè ïðîïèñàòü êëþ÷åâûå ñëîâà â ìåòà-òýãàõ íóæíî îáÿçàòåëüíî. Ðàññìîòðèì îñíîâíûå ìåòà-òýãè è îïèøåì, ÷òî â êàêîì òýãå ïðîïèñûâàòü.

<meta name="keywords" content="ðàñêðóòêà, ðàñêðóòêà, ñàéòà, îïòèìèçàöèÿ, îïòèìèçàöèÿ, ñàéòà, ñòàòüè ïî ðàñêðóòêå, îïòèìèçàöèè, ñàéòîâ", ïîèñêîâûå ñèñòåìû, îïòèìèçàöèÿ ñòðàíèö, ïîèñêîâèê, ìåòà, meta, vtnf, hfcrhenrf, jgnbvbpfwbz" /> â ýòîì ìåòà-òýãå íóæíî ïðîïèñàòü âñå êëþ÷åâûå ñëîâà, êîòîðûå õàðàêòåðèçóþò äàííóþ ñòðàíèöó;/>

<meta name="description" content="ñòàòüè, ïî ðàñêðóòêå è îïòèìèçàöèè ñàéòîâ, ðàñêðóòêà è îïòèìèçàöèÿ ñàéòîâ" /> â ýòîì òýãå íóæíî íàïèñàòü íåáîëüøîå îïèñàíèå ñòðàíèöû;

<meta name="robots" content="index,all" /> ýòîò ìåòà-òýã ïðåäíàçíà÷åí äëÿ ðàçðåøåíèÿ ïîèñêîâîìó ðîáîòó èíäåêñèðîâàòü äàííóþ ñòðàíèöó. Çíà÷åíèå index îçíà÷àåò, ÷òî ìû ðàçðåøàåì èíäåêñèðîâàòü ãëàâíóþ ñòðàíèöó, à çíà÷åíèå all, ÷òî ìû ðàçðåøàåì èíäåêñèðîâàòü âñå îñòàëüíûå ñòðàíèöû. Òàêæå âîçìîæíû ñëåäóþùèå çíà÷åíèÿ ýòîãî ìåòà-òýãà all,none, index,noindex, follow,nofollow;

<meta name="resourse-type"content="document" /> ýòîò ìåòà-òýã íóæíî ïðîïèñàòü îáÿçàòåëüíî, ïîñêîëüêó ïîèñêîâûé ðîáîò åñëè âèäèò, ÷òî ñàéò ÿâëÿåòñÿ äîêóìåíòîì, òî îí îáÿçàòåëüíî íà÷èíàåò åãî èíäåêñàöèþ, ÷òî áåçóñëîâíî äëÿ íàñ î÷åíü ïîëåçíî;

Ìû ðàññìîòðåëè îñíîâíûå è íàèáîëåå âàæíûå ìåòà-òýãè, êîòîðûå äîëæíû ïðèñóòñòâîâàòü íà êàæäîì ñàéòå, âåðíåå íà êàæäîé ñòðàíèöå ñàéòà. Ïðè ðåãèñòðàöèè â ïîèñêîâûõ ñèñòåìàõ íåîáõîäèìî ââîäèòü êëþ÷åâûå ñëîâà. Ââîäèòå òå æå êëþ÷åâûå ñëîâà, ÷òî è â ñâîåì ìåòà-òýãå, íî ïðè ýòîì ïåðåä êàæäîé çàïÿòîé è ïîñëå íåå ñòàâüòå ïðîáåë, ïîñêîëüêó íåêîòîðûå ïîèñêîâûå ñèñòåìû ìîãóò èç-çà îøèáêè ñàìîé æå ïîèñêîâîé ñèñòåìû ïðîèãíîðèðîâàòü âàø ñàéò è âîîáùå íå âûâåñòè åãî ïðè ïîèñêîâîì çàïðîñå. Ïðè íàïèñàíèè êëþ÷åâûõ ñëîâ æåëàòåëüíî ó÷åñòü òî, ÷òî ìíîãèå ïîëüçîâàòåëè ïðè íàïèñàíèè ïîèñêîâîãî çàïðîñà çàáûâàþò ñìåíèòü ëàòèíñêóþ ðàñêëàäêó êëàâèàòóðû è âìåñòî ñëîâà "ðàñêðóòêà" ïèøóò "hfcrhenrf". Íóæíî ïîçàáîòèòüñÿ î òîì, ÷òîáû ýòè ïîëüçîâàòåëè ïîïàëè íà âàø ñàéò. Òàêèì ñïîñîáîì äàæå ìîæíî äîñòè÷ü ïåðâûõ ïîçèöèé â ïîèñêîâîì çàïðîñå.

Ïîëåçíûå òýãè

Ìíîãèå çàáûâàþò èñïîëüçîâàòü î÷åíü ïîëåçíûå òýãè, êîòîðûå ìîãóò ïîâûñèòü ïðèîðèòåò âàøåãî ñàéòà ïî ñðàâíåíèþ ñ äðóãèìè íà ïîïàäàíèå íà ïåðâûå ñòðàíèöû ïðè îäíîì è òîì æå ïîèñêîâîì çàïðîñå.
òýã title ïðåäíàçíà÷åí äëÿ îïèñàíèÿ ãèïïåðññûëêè, íàïðèìåð, ó ãèïïåðññûëêè ñ òåêñòîì ðàñêðóòêà áóäåò title "ðàñêðóòêà";
alt-òýã ïðåäíàçíà÷åí äëÿ òîãî æå, ÷òî è òýã title, íî äëÿ èçîáðàæåíèÿ, òî åñòü ïðè íàâåäåíèè íà ëîãîòèï ñàéòà ïî ðàñêðóòêå ñàéòà ïîÿâèòñÿ ñëåäóþùèé òåêñò: "ðàñêðóòêà, îïòèìèçàöèÿ, ïîèñêîâûå ñèñòåìû, hfcrhenrf...". Îäíèì ñëîâîì â ýòîì òýãå ìîæíî ïðîïèñàòü âñå êëþ÷åâûå ñëîâà èç ìåòà-òýãîâ.
 È â çàêëþ÷åíèè ìîæíî ñêàçàòü, ÷òî ñîäåðæàíèå ñàéòà ÿâëÿåòñÿ î÷åíü âàæíûì ôàêòîðîì äëÿ óñïåøíîé ðàñêðóòêè ñàéòà, òàêæå íà ñàéòå äîëæíà áûòü ïîíÿòíàÿ íàâèãàöèÿ, ñàéò íóæíî ïåðèîäè÷åñêè îáíîâëÿòü, æåëàòåëüíî ñäåëàòü ñòðàíèöû ñàéòà áûñòðî çàãðóæàåìûå è æåëàòåëüíî îðãàíèçîâàòü ïîèñê ïî ñàéòó.
 Òåïåðü ìîæíî ïðèâåñòè ñòàòèñòèêó êîíêðåòíî äàííîé ñòàòüè. Êàê ãîâîðèëîñü â íà÷àëå ïîëüçîâàòåëü â íàøåì ïðèìåðå ââîäèò â ïîèñêîâîì çàïðîñå ñëîâî "ðàñêðóòêà" è òàêæå ãîâîðèëîñü î òîì, ÷òî ÷åì áîëüøå ñëîâî èç çàïðîñà âñòðå÷àåòñÿ íà ñòðàíèöå, òåì áîëüøèé ïðèîðèòåò (ðåëåâàíòíîñòü) îòäàåòñÿ ñàéòó â ðåçóëüòàòå ïîèñêîâîãî çàïðîñà. Ïîëó÷èëîñü, ÷òî â ñàìîé ñòàòüå ñëîâî "ðàñêðóòêà" ïîÿâëÿëàñü 14 ðàç, íî â ýòîé öèôðå íå ó÷òåíû êëþ÷åâûå ñëîâà èç ìåòà-òýãîâ ñàìîé ñòðàíèöû è ïîëåçíûõ òýãîâ, à âìåñòå ñ ñàìèì html êîäîì ýòî ñëîâî âñòðå÷àëîñü áîëåå 20 ðàç. Ýòî îçíà÷àåò, ÷òî ó ñàéòà áîëåå 20% òîãî, ÷òî îí ïîïàäåò íà ïåðâûå ïîçèöèè â ïî ïîèñêîâîìó çàïðîñó.  èòîãå ìîæíî ñêàçàòü, ÷òî ïðè èñïîëüçîâàíèè âñåãî òîãî, î ÷åì áûëî íàïèñàíî âûøå ìîæíî äîñòàòî÷íî íåïëîõî ðàñêðóòèòü ñàéò è ïîëó÷èòü íåïîñðåäñòâåííî "öåëåâûõ" ïîñåòèòåëåé, êîòîðûå â áóäóùåì ìîãóò âåðíóòüñÿ íà âàø ñàéò åñëè îí èì ïîíðàâèòñÿ. Óäà÷íîé âàì ðàñêðóòêè!

Àâòîð: Äìèòðèé Ñòîëÿðîâ
Ðóáðèêè:  ïîëåçíûå ñîâåòû


 Ñòðàíèöû: [1]