Кардинально новой стала идея разделить informācijas attēlošana no koda, kas to izveido un apstrādā. Toreiz tas bija spēcīgs lēmums, taču šis brīdis nebija pilnībā atzīts. Kad programmēšana tika atdalīta no viena datora, bet tā nav uzvarējusi vietējā tīklā vai vienā domēna zonā un nekavējoties izplatījās visur, kļuva skaidrs, ka informācijas noformējums (dizaina ziņā) un darbs ar to (kods) bija divi pusēs vienā plaknē.
Trīs vietas būvniecības aspekti
No formālā viedokļa ir trīs galveniekomponents (dažādās sintaktiskās formās), kas veido vietni: PHP kods, JavaScript kods un CSS stila apraksti. Nav nozīmes tam, kā šis komponents tiek nosaukts un kura versija, kāda HTML marķējuma versija tiek izmantota, un kāda pārlūka versija tiek izmantota. Tagad saderība netiek vērtēta augstu, jo katrā laika posmā tas ir svarīgi: to, kas ir kodēts, un to, kas ir kodēts, var parādīt un izpildīt.
Iepriekš valodas cīnījās par idejām, bet šodien interneta tehnoloģiju un pārlūkprogrammu standartu ražotāji dod priekšroku cīņai ar tukšām rokām.
Personīga un publiska
Internets ir pieejams,daudz (datori, klēpjdatori, planšetdatori, viedtālruņi), ir arī daudz pārlūkprogrammu. Nav garantijas, ka viena ierīce parādīs vietni tādā formā, kādā to izstrādājis izstrādātājs. Pēdējās pūles ne vienmēr sasniedz mērķi un nodrošina tīmekļa noformējumu ar vienu daudzšķautņainu raksturu, tas ir, ar vienības parādīšanu entītijā, lai arī kur tā atvērtos apmeklētājam.
Personīgā un sociālā nodalīšana, izmantojottikai tas darbojas, jūs varat sasniegt ievērojamus panākumus dizaina jomā. Skaistums, mākslinieciskais brīdis un web dizains ir atbilstošu speciālistu un talantu liktenis. CSS ir kods, kaut arī ļoti savdabīgs. Viņa rūpes ir aprakstīt stilus (informācijas parādīšanas iespējas). Ar mobilo ierīču parādīšanos CSS tika ielādēta ar reālu kodēšanu multivides vaicājumu veidā. Tātad atkārtotas laulības iespēja starp dizainu un kodu nav tik nereāla, kā likās tikai pirms pāris gadiem.
Izstrādātājs, kurš izstrādā CSS stilus,Tas paļaujas uz savu personīgo pierādīto pieredzi un tām CSS konstrukcijām, kuras darbojas lielākajā daļā pārlūku, kas apmierina lielāko daļu vietnes apmeklētāju. Pirmais un otrā minimums būtu jāizmanto maksimāli, tad ir daudz lielākas iespējas iegūt rezultātu, kas darbojas gandrīz vienmēr un visur.
Pirmais noteikums: ceriet uz standartu, bet pats neesiet slikts puisis
CSS:lidināties - tas ir, kad pele "devās" uz lapas elementu. Kad pele noklikšķina uz elementa, tā kļūst aktīva, bet, kad kursors pārvietojas uz sāniem, tā atkal var mainīties un parādīt sevi aktīvā stāvoklī. “: Lidināties”, “aktīvs” un “apmeklēts” ir vispieprasītākās pseido klases, aprakstot stilus.
Vietnes kodā ir ļoti ērti nerūpēties par tādām sīkumiem kā peles pārvietošanu virs elementiem. Sniedzot divus aprakstus stila lapā:
elements {
krāsa: melna;
}
elements: lidināties {
krāsa: balta;
fona krāsa: zaļa;
}
Nokļūst, kad peles kursoru pār elementuAutomātiski mainiet teksta krāsu no melnas uz baltu un mainiet šī elementa fonu uz zaļu. Pseidoklases var piemērot jebkuram elementam un sasniegt dažādus vizuālos efektus.
Otrais noteikums: uzticoties standartiem, koncentrējieties uz savu kodu
Viss būtu kārtībā, ja progress saglabātosdatoru un klēpjdatoru līmenī, kas aprīkoti ar pelēm, un mobilo sakaru attīstība nav izraisījusi viedtālruņu, planšetdatoru un citu mobilo ierīču parādīšanos, kurām šādas ierīces savienošana ir ļoti problemātiska.
No otras puses, tikai uz aprīkotiemmanipulācijas ar pirkstiem tieši skārienekrānā kļūst pieejamas ar īpašiem skārienekrāna sīkrīkiem, kā tas jau ir kļuvis par ierastu viedtālruņos, planšetdatoros un līdzīgās ierīcēs.
Pastāv ievērojama atšķirība un: lidināties šeit nemaz nedarbojas tā, kā mēs vēlētos. Bez koda nevar iztikt, un multivides vaicājumu izmantošana neatrisina visas problēmas.
Saderība ir pārāk dārgs prieksTāpēc, lai nodrošinātu atbilstošu vietnes funkcionalitāti noteiktajās Web dizaina un funkcionalitātes prasību ietvaros, ir vēlams koncentrēties uz minimāli nepieciešamajiem lietošanas gadījumiem: CSS hover, CSS hover focus, CSS hover active (apmeklēts). Jo vairāk koda (gan pārlūkprogrammā, gan serverī) kontrolē tīmekļa dizainu, jo labāk. Programma ir kontrole, labāk, ja šī kontrole nav izdarīta ar pašreizējiem standartiem, no kuriem bieži jūs nezināt, ko gaidīt.
Pogas un citi lapas elementi
Pogas kursors CSS ir lielisks risinājums, tačuKopumā katram lappuses elementam ir “poga”. Vietnei galvenokārt vajadzētu būt dzīvai, un, ja tas nav noteikts kodā, ja uzdevums ir izveidot vietni, kas attīstās atbilstoši tvērumam un darbojas, ņemot vērā apmeklētāja uzvedību, tad vismaz izmantojot CSS stilus, jūs varat lapai dot dzīvus elementus.
Ērti ir izmantot lidināmā efektus.Ar viņu palīdzību jūs varat viegli padarīt lapas dzīvas, taču kods nezina, ko pele dara uz ekrāna, ja tai nav iespēju izsekot tās kustībai. No šī viedokļa, tas ir, kad kods kontrolē peles kustību (= pirksta kustību viedtālrunī), tas var patstāvīgi izcelt kādu elementu vai pārveidot to. Tam nav nekā kopīga ar pseidoklasēm, bet tas dod pilnīgu koda kontroli pār lapas izskatu, ļauj to pienācīgi parādīt dažādās ierīcēs dažādos pārlūkos.
Nekļūdīgi stila lapās
Saka, ka tie ir standarta stila aprakstiCSS nezina, ko viņi dara, tas nav iespējams, bet nav arī iespējams apgalvot, ka viņi pilnībā mijiedarbojas ar citiem standartiem interneta programmēšanas jomā.
Stilus un pseido klases var aprakstīt posmālapas kodējums brīdī, kad serveris veido lapu, un dinamikā: atrodoties pārlūkā, jūs varat viegli izveidot jaunu stilu un mainīt esošo.
Izmantojot AJAX, kad vairs nav vajadzībasģenerējiet lapu, lai parādītu reakciju uz apmeklētāja rīcību, un vienkārši mainiet tās elementu vai vairāki elementi pievieno nedaudz “piparu”. Kodu “draudzība” ir tāda, kāda jau ir pārlūkprogrammā (JavaScript), un uz servera (PHP) ir vietnes autora (programmētāja) partija.
No tā, kā tiks izpildīts šī algoritmsMijiedarbība, ne tikai tās elementu parādīšana lapā, bet arī to turpmākā uztvere ar kodu, ir ievērojami atkarīga. Vienkārši sakot, pseidoklases (īpaši) ir ļoti piemērotas statikai, piemēram, burāšanai ar jahtu skaidrā jūrā ar vieglu vēju - viss ir acīmredzams, pieejams un pārvaldāms. Ja laika apstākļi mainās, vai kad pastiprinās vējš, vai ja kāds apmeklētājs rada neparedzētu situāciju, jūs varat ātri lidot rifā un zaudēt apmeklētāju.
Standarts un tā emulācija
CSS stila kursoru var atdarinātizmantojot JavaScript, izmantojot onmouseover un onmooutout pasākumus. Bieži vien ar to viss beidzas. Raugoties no veselā saprāta viedokļa, kad runa ir par patiešām darba vietas izveidi, labāk ir saglabāt kontroli savās rokās, nevis dot to mītiskajiem standartiem, kas mainās ārpus izstrādātāja gribas un vēlmes.
Dažreiz jūs varat lasīt kaut ko līdzīgu “dotajamiespēja ir pieejama pat IE ”, taču biežāk var lasīt par to, kādus stila aprakstus uztver viens vai otrs pārlūks. Daudz retāk jūs varat uzzināt par to, kā JavaScript atšķiras noteiktos pārlūkos.
Оценивая накопленный опыт, восторгаясь "Chrome" un "Opera" iespējas, kritizējot ražotāja pārlūka lēnumu un inertumu (neaizmirstams, mīļa sirds jebkuram Microsoft IE programmētājam: “Vecais labais Internet Explorer neuztvēra tikai slinku. Vai arī tas, kurš zina tikai to, kā datorā spēlēt “šalli”, ” - nezināma interneta autora citāts), jums jāievēro zelta vidusceļš: izmantojiet to, kas darbojas visur un vienmēr.
Cilvēkiem ir nepieciešami līdzekļi darbam, ja ir vajadzīgs saviļņojums, viņi parasti dodas uz dzimtsarakstu nodaļu vai teātri, bet ne uz internetu.
Atdarināšana un kontrole
Agrāk, kad ieslēdzās programmēšanakājas, bija ierasts klausīties vecajos un pareizi rakstīt. Mūsdienās ir pārāk daudz senioru, viss mainās pārāk ātri, un, ja jūs visus uzklausāt, tad nepietiek laika pat ļoti vienkāršam darbam, minimāli funkcionālai vietnei.
Programmēšana galvenokārt ir saistīta ar kontroli unGadījumos, kad standarts neobjektīvi nosaka noteikumus, vai arī jūs varat sagaidīt krasas noteikuma izmaiņas, tā izslēgšanu un jauna parādīšanos, labākais lēmums vienmēr bija nevis pieņemt lēmumus, bet gan ieviest nepieciešamo vietnes funkcionalitāti ar minimāli iespējamo, bet patiešām strādājošo kodu.
