svētdiena, 2013. gada 3. februāris

Mājaslapu izstrāde ar CSS


CSS ir programmēšanas programma kura tiek lietota gandrīz visur. Mājaslapu izstrāde nebūtu iedomājama bez CSS, tāpat kā citu programmu un aplikāciju izstrāde.
CSS tiek lietot kopā ar kādu citu valodu. Ar CSS izvieto, „iekrāso” un uzlabo dizainu, ar citu programmu izveidotajiem elementiem. Interneta pārlūki nevarētu eksistēt bez vienas, noteiktas standarta programmas, kā CSS. Mājaslapu izstrāde galvenokārt ir sistēmas izveidošana, kuru sapratīs pārlūki.
Protams ir arī citas programmas kas dara līdzīgu funkciju kā CSS, piemēram Flash. Tas, kāpēc CSS ir populārāks par, piemēram flash, ir tas, ka lietojot flash lai izstrādātājs kaut ko rediģētu viņam ir jātaisa jauns flash kods, kas sastāv no bildēm un animācijām.
CSS lasītājs ir iebūvēts katrā pārlūkā, tāpēc pārlūki bieži prasa atjauninājumus. Pārlūku veidotāji ir ciešā sadarbībā ar mājaslapu izstrāde.
CSS ir viena no vecākajām programmām, taču kamēr citas programmas noveco un iziet no modes, CSS turpina attīstīties. Agrāk bija ļoti ierasts veidot vienkāršas mājaslapas ar HTML un CSS. Mūsdienās populāri ir satura pārvaldīšanas paneļi, piemēram WordPress. Taču pat WordPress ir nepieciešams CSS. Vien vārd sakot, ja iemācaties CSS vara saprast jebko un mājaslapu izstrāde būs ļoti vienkārša. Protams, iemācīties CSS nav viegli, tāpēc arī mājaslapu izstrāde ir tik liela finansiāla industrija.
Protams, ar mūsdienu tehnoloģiju viss paliek vieglāks (tas pats WordPress ir labs piemērs), taču mājaslapu izstrāde nekad nebūs iedomājama bez CSS.
CSS – tas ir kā arhitekts, kurš paņem klienta velmes un tās izvieto uz klienta zemes. Celtnieki ir kā palīgprogrammas. Protams, ar vienu pašu CSS neko nevar izveidot, tāpat kā nevar uzcelt kārtīgu māju bez arhitekta.
Ja paskatās uz modernākajām pasaules mājaslapām, arī tās lieto CSS. Tas, kā atšķiras labākie mājaslapu izstrādātāji no sliktākajiem, ir nevis programmas, bet gan kā viņi izmanto programmas. Izdomāt viltīgus trikus ar CSS nozīmē būt labam kodētājam, tas nozīmē ka mācēsiet izdomāt kā apieties ar jebkuru valodu, jo CSS noteikumi un koda izpildīšanas būtība ir pamats praktiski visām citām programmēšanas valodām.
Arī meklētājiem patīk labi sataisītas lapas, izmantojot CSS. Ja izmantojat CSS tad lapa labi izskatās – tātad meklētāji grib to rādīt saviem klientiem. 

CSS – jautājumi un atbildes


Kas ir CSS?

CSS ir standarts, lai piemērotu stilu HTML elementiem. Tas stils ietver robežas, novietojumu, fontu, krāsu un tā tālāk. Stils var attiekties uz visu dokumentu, vai būt granula un attiekties uz konkrētu elementu. Teorētiski, CSS izmantošana veicina atdalīšanu saturā un dizainā, kas ļauj dizaineriem koncentrēties uz to, kā mājaslapu izstrāde Web pieteikumu izskatās, bet attīstītājs, koncentrēties uz struktūru un funkcionalitāti.

Galvenā CSS daļa ir nevis mājaslapu izstrāde, bet noteikumi pēc kuriem tiek izlikti un uzlaboti elementi. Noteikums sastāv no selektora (t.i., kādi tiks veidoti), pēc kura deklarāciju (t.i., stils ir piemērots), kas tiek sadalīts viena vai vairākas īpašību un stilu. Šajā piemērā h1 ir atlasītāju, seko krāsu īpašumu un zilā stilu.
Kāda kaskādes daļa CSS nozīmē?

Kaskādes attiecas uz kaskādes kārtībā. Tā ir sistēma, šķirošanas dažādus CSS deklarācijas, lai izvairītos no konfliktiem.Process sākas ar meklēt visas deklarācijas, kas attiecas uz īpašiem elementiem, tas beidzas, ja nav spēles ir atrasts. Kaskādes rodas, ja vairākas stili ir noteiktas elementam. Kopumā, vērtības tiks piemērota no konkrētāku stila lapas. Tas varētu būt tās pašas raksts, tāpēc, lūdzu, atsaukties uz manu CSS mājaslapu izstrāde rakstu neprasāt jautājumus.

Piezīme:  Pār CSS īpašībām ņem virsroku HTML atribūtu, ja pārlūkprogramma neatbalsta CSS.

Ir CSS reģistrjutīgs?

CSS standarts nav reģistrjutīga, bet, ja XHTML DOCTYPE tiek izmantots, tad CSS klases vārdi būs reģistrjutīgi dažās pārlūkprogrammās. Turklāt preces, piemēram, fontu ģimenēm, attēla URL, un citas tiešas atsauces ar stila lapas var būt reģistrjutīga. Lai būtu droši, jums vajadzētu stick ar mazajiem, lai izvairītos no pārpratumiem vai neparedzētas problēmas.

Kas ir klases?

Klase ir stils (t.i., grupa CSS atribūti) var piemērot vienam vai vairākiem HTML elementiem. Tas nozīmē, ka var piemērot gadījumiem mājaslapu izstrāde paša elementam vai gadījumi, dažādu elementu, uz kuru pats stils var tikt pievienots. Klases ir definētas CSS izmantojot periods, kam seko klases nosaukumu. Tas ir piemērots ar HTML elementu izmantojot klases atribūtu un klases nosaukums.

Kas ir grupēšana?

Ja vairāk nekā viena selektors akcijas ar tādu pašu deklarāciju, tās var grupēt izmantojot komatu atdalīti sarakstā, tas ļauj samazināt izmēru CSS (katru bitu un baitu ir svarīgi), un padara to vieglāk lasāmu.Šādi fragmentā šis pats fons uz pirmajiem trīs pozīcijas elementus.


Kas ir bērnu selektori?

Bērns selektors tiek izmantota, kad jūs vēlaties, lai atbilstu elements, kas bērnam citas īpašo elementu. Ar vecāku un bērnu selektori ir atdalīti ar atstarpēm. Šādas selektors atrod an Nekārtots saraksts elementu ietvaros punkts elements un padara šajā elementā tekstu treknrakstā.

Kas ir mājaslapu izstrādes nākotne?

Tas ir atvērts jautājums, kas ir tīri subjektīvi, bet es gribu dzirdēt kandidātu apspriest sprādziens nestandarta ierīces, piemēram, telefonu, video spēļu konsolēm, un tā tālāk. Šie jaunās platformas mainās kā vietas ir paredzētas. Kandidāts saņem papildus kredītu, ja viņi piliens frāze "atsaucīgi dizains."

Vai mēs pārāk daudz domājam par EPUB?


Viens teiciens ko lietojam nepareizi ir, ka EPUB3 ir "tehnoloģija" - kaut kas pats par sevi. Es uzskatu, ka šī kategorija kļūda ir galvenokārt rezultāts IDPF s (organizācija, kas uztur EPUB3) panākumi, veicinot Epub kā "savrupu" tehnoloģiju, lai kļūtu pasaules izdevniecība mājaslapu izstrāde.

Kamēr viss saturs ir trending uz CSS un JavaScript, galveno pārlūku tehnoloģija, šķietami mazliet dīvaini pozicionēt Epub kā kolekcija lietām, kas kaut ko atšķirīgu no tā, ko pārlūkprogrammās dara. Nianse varētu nebūt skaidras, tāpēc šeit sākas ...


EPUB būtībā standartu kolekcija apkopoja iekšpusē zip fails ar dažiem papildu biti, ka "saistoši" satur saturu mājaslapu izstrāde kopā. Papildu biti dod metadatus un nepieciešamā informācija par grāmatām, tostarp satura, u.c. lielāko daļu standartu ietīts ar šo, ka zip fails ir standarts, kas veikts par, vai pārsvarā veikti, pārlūkprogrammām. Līnija ir neskaidra, protams. Vai HTML 5 pārlūks ir tehnoloģija? Nē, tas ir standarts, kas varētu īstenot neko. Bet ļauj sejas tā ... pārlūkprogrammām stājās spēkā esamību, lai padarītu HTML un veida kļuva nosaukums šāda veida tehnoloģijas izstrādājot mājaslapu.

Pievienot uz sajauc CSS, ko izmanto, lai stils interneta lapas, kas attēloti pārlūkprogrammās, un JavaScript, ko izmanto, lai programmu tīmekļa lapas, izmantojot pārlūkprogrammu - pārlūkprogrammās kļuva programmatūra, kas spēj visas lietas veidu. Tajā pašā laikā dažas lietas kļuva spēj strādāt ar šīm tehnoloģijām. Tas ir iespējams, piemēram, manipulēt ar HTML, izmantojot instrumentus, kas nav pārlūkprogrammām. Jūs varat, piemēram, izmantot programmēšanas valodas, lai izveidotu un interpretēt HTML uz dažādu iemeslu dēļ (piemēram, failu konvertēšanas) bez satura nekad redzēt pārlūku mājaslapu izstrāde savā mūžā.

Taču, ja tas rīks padalās ar tik daudz funkcionalitāti, ka jūs vienkārši to sauc pārlūkprogramma? Kad pīle kļūt pīle?

Es uzskatu, ka jebkura tehnoloģija, kas dara visu, kas Epub pieprasa to darīt, ir pārlūku.

EPUB nepieciešama HTML, CSS, bitkartes atbalstu, MathML atbalstu, vektoru grafiskais atbalsts, javascript utt, utt, utt

Visas šīs sīkumi ir tikai veselais pārlūks sīkumi. Ja jums ir nepieciešams, lai izlasītu Epub un parādīt to, tehnoloģija jūs izmantojat, ir pārlūku. Tās nav "eReader programmatūra", vai "eReader", tā pārlūku un sauksim to tā.

Ja tas ir spalvas un quacks, tas pīle.

Kāpēc tas ir vieglas semantiskā pārorientācija svarīga? Nu tas ir svarīgi, jo ļoti pamats diskusijai par to, Epub būtu balstās uz pieņēmumu, ka Epub ir kaut pats par sevi. Kas sākas pavisam citu diskusiju, nevis tikai vienkārši norādot, ka pārlūki ir lietas, kas lasa EPUBs.

Gadījums ir interesants paziņojums no Bill McCoy no IDPF (Man ir liela cieņa gan Bila un IDPF), ka par JavaScript pievienošana EPUB3 bija strīdīgs lēmums (skat. komentārus šeit). Ļoti interesanti. Ja EPUB tika apspriests kā kaut pabarot pārlūkiem saturu jūs varētu iedomāties, ka JavaScript būtu pirmais sarakstā ir iekļauti. Kāpēc ne? JavaScript ir jau tur uz plate ar pārlūkprogrammām un ļoti nobriedušu stāvoklī - tu būtu muļķīgi ignorēt to un muļķīgi nevar iekļaut to kā atbalstītā satura tipu.

Es nedomāju turēt līdz šo acīmredzamo polemiku par neko citu kā par rādītāju interesantu problēmu. Mēs izliekamies mums ir darīšana ar kaut ko īpašu - Epub - un weirdly tas ierobežo mūsu izpratni par to, ko mēs patiesībā strādā ar - pārlūkprogrammām.

Par grāmatu nākotne ir cieši saistīta ar pārlūku. Diskusija par EPUB kā tehnoloģiju kaut 'atsevišķi' no pārlūkprogrammām nav palīdzēt mums redzēt, ka ļoti bagāta un diezgan neticami nākotni, viens, kas ir pilnīgi atšķirīgs ar to, kas ir priekšā mums tagad. Ja mēs redzam Epub kā kaut kas nav apakškopu pārlūka funkcionalitāti mēs neredzam tagadni vai nākotni skaidri.

Es neesmu pārliecināts, ko rīko mūs atpakaļ no šīs metodes un redzēt lietas. Tā varētu būt, ka mēs kaut apsvērt pārlūku pārāk ikdienišķa, lai nākotnē no grāmatas. Tā varētu būt, ka pārlūks ir pārāk biedējošu kā tas žesti stingri virzienā "web" un satura out "in savvaļā". Tā varētu būt, ka tas viss trigeru izaicinājumiem mēs nevēlas izskatīt - izaicinājumi pašreizējo uzņēmējdarbības modeļiem, status vērtība no grāmatas, profesionālā lepnums, lomas, un infrastruktūra. Kāds tas ir, es esmu pārliecināts, ka tas ir tur, mantotajām idejām, kas neļauj mums izprast, kas patiesībā notiek, no izpratnes, ka Epub nav nekas īpašs.

Mēs varētu varbūt to noskaidrotu, zvanot EPUB ar standartu "portatīvo mājas" un pārtraukt runāt par grāmatām vispār. Tas būtu interesanti pavadīt pusdienas stundu par šo vienkāršu paziņojumu domāšanu un kā tas varētu ietekmēt to, ko jūs darāt.

Kāda ir starpība starp Normalize.css un reset CSS?


 Mājaslapu izstrāde ir grūts process, tas var būt ļoti ķepīgi, it īpaši lietojot CSS, ko mūsdienās vaig visur. Šajos rakstos iziesim cauri galvenajai atšķirībai starp normalize.css un reset CSS mājaslapu izstrāde procesā. 

1.       Normalize.css saglabā noderīgas noklusējumus nevis "unstyling" vissu. Piemēram, elementi patīk sup vai apakšgrupas "vienkārši strādāt" pēc ieskaitot normalize.css (un faktiski kļūst stabilāka) tā kā viņi ir vizuāli neatšķiras no parastā teksta pēc tostarp reset.css. Tātad, normalize.css neparedz vizuālo starta vietu (homogeny) no jums. Tas var būt ikviena gaumei.Vislabāk to darīt, ir eksperimentēt ar abiem, un redzēt, kas jums labāk patīk.
2.       Normalize.css izlabo dažas kopīgas kļūdas, kas ir ārpus darbības jomas, lai reset.css. Tā ir plašāka joma, nekā reset.css, kā arī nodrošina kļūdu labojumus kopīgām problēmām, piemēram: displeja uzstādījumus HTML5 elementiem, mājaslapu izstrāde, trūkums fontu mantojuma ar formu elementiem, labojot fonta izmērs izciršanas provizoriskas, SVG pārslodzi IE9, un poga stils bug iOS.
3.       Normalize.css netiek juceklīgi izlikti jūsu Izstrādes rīki. Kopējā kairinājums, izmantojot reset.css ir liels mantojums ķēde, kas tiek parādīta pārlūkprogrammas CSS atkļūdošana rīku. Tas nav tāds jautājums, ar normalize.css jo mērķa stylings.
4.       Normalize.css ir vairāk moduļu. Projekti ir sadalīti relatīvi neatkarīgās daļās, padarot to viegli jums, lai novērstu sadaļas (līdzīgi formas normalizations).
5.       Normalize.css ir labāka dokumentācija. Normalize.css kods ir dokumentēts inline. Tas nozīmē, ka jūs varat uzzināt, ko katrs no koda līnijas dara, kāpēc tas tika iekļauts, kādas ir atšķirības starp pārlūkiem, un vieglāk pārvaldīt savu testu. Projekta mērķis ir palīdzēt, izglītot cilvēkus par to, kā pārlūki parāda elementus pēc noklusējuma, un padarīt tos vieglākus, ieskatoties uzlabojumos.
6.       CSS reset lieto ar mērķi likvidēt visus iebūvēto pārlūku stilu. Standarta elementi, piemēram, H1-6, P, spēcīgs, EM, u.c. galu galā meklē tieši tāpat, kam nav apdare vispār. Pārlūks sagaida no tevis, ka tu pats ievadīsi visu CSS info. Mājaslapu izstrāde tiek padarīta vieglāka, jo pats zini kur, kas jāmaina.
7.       Normalizē CSS mērķis ir padarīt iebūvēto pārlūku stilus optimizētus visiem pārlūkiem. Elementi, piemēram, H1-6 parādīsies drosmīgi, lielāki u.c. visās pārlūkprogrammās. Tev ir jāpievieno tikai daļa no CSS stila, padarot mājaslapu izstrādi amatieriskāku, jo nezināsi kur, kas jāmaina ja gribēsi jaunus CSS stilus.
8.       Normalizētājs ir galvenokārt kopums stilu, balstoties uz to, ko tā autors doma varētu izskatīties labi, un dara to izskatās saskanīgam pārlūkprogrammās. Reset būtībā sloksnes Styling no elementiem, jums ir lielāka kontrole pār dizainu.
Svarīga lieta ko atcerēties ir, ka ne visas pārlūk programmas lasīs jūsu kodu vienādi, tāpēc vajadzētu izmantot XHTML mājaslapu izstrāde.
XHTML apzīmē paplašināmās hiperteksta iezīmēšanas valodas. Tas ir tiešām īpašs dialektu XML, kas ir vispārēja iezīmēšanas valoda.Galvenā atšķirība starp XHTML un HTML4 ka visi tagi, pēc atvēršanas ir jāaizver.
Kad izstrādājat mājaslapu neaizmirstat, ka taisāt to reāliem cilvēkiem, nevis pārlūkprogrammām. Lapai jāaizskatās labi, tā, lai cilvēkiem patiktu un browseri varētu nolasīt kodu.