Kiel Krei Retejon Uzante HTML, CSS, Aŭ jQuery

Se vi volas scii kiel krei retejon per html, css, aŭ jQuery, vi estas en la ĝusta loko. Estas multaj rimedoj interrete, kiuj helpos vin lerni kiel krei retejon rapide kaj facile. Sed kiel vi igas vian retejon aspekti kiel eble plej profesia?

Krei retejon kun html

Krei retejon kun HTML-kodo estas bonega maniero krei unikan retejon. Sed gravas memori, ke ĝi postulas iujn kodigajn kapablojn kaj CSS. Krome, se vi volas ŝanĝi la aspekton aŭ la enhavon de via retejo, vi devos dungi programiston. Sistemo pri administrado de enhavo kiel WordPress, tamen, permesas vin ĝisdatigi vian retejon mem. Male al HTML, WordPress ne postulas ajnajn kodigajn kapablojn kaj ebligas al vi krei retejon kun nur baza kompreno pri dezajno.

HTML estas baza kodlingvo, kiu diras al retumiloj kiel montri retpaĝojn. Ĝi faras tion per specialaj instrukcioj nomataj etikedoj. Ĉi tiuj etikedoj indikas kian enhavon aperu en certa sekcio de retpaĝo. Ĝi estas grava koda normo, sed ĝi ankaŭ havas kelkajn mankojn. En ĉi tiu artikolo, ni rigardos kelkajn el la plej gravaj aferoj por scii pri HTML antaŭ ol komenci.

Krei retejon kun HTML kaj CSS ne malfacilas se vi scias kiel uzi retejon kaj havas bazan scion pri HTML. Reteja gastiganto povas helpi vin starigi retejon senpage, aŭ gastigos ĝin por vi kontraŭ malgranda kotizo. Se vi ĵus komencas, vi povas provi la aliron Bootstrap kaj preni vian tempon lerni la kodon. Ĉi tiu metodo ŝparos al vi tempon kaj lasos vin koncentriĝi pri la enhavo de via retejo, prefere ol zorgi pri la aranĝo de via retejo.

HTML estas unu el la ĉefaj komponantoj de la Tutmonda Reto. HTML-dokumentoj estas facile kreeblaj kaj kongruas kun TTT-legiloj. Baza tekstredaktilo en aŭ Vindozaj aŭ Mac-komputiloj sufiĉas por krei HTML-dokumentojn. Se vi ne komfortas kun HTML, vi povas aĉeti la libron HTML por Komencantoj kaj sekvi ĝin paŝo post paŝo.

Dum HTML estas la fundamento de retejo, CSS aldonas iom da pizazz al ĝi. Ĝi regas la humoron kaj tonon de retpaĝo, kaj estas uzata por fari retejojn respondajn al malsamaj ekranaj grandecoj kaj aparatoj. Ĉi tio faciligas al vizitantoj navigi retejon.

La CSS-dosiero ankaŭ permesos al vi ŝanĝi la koloron de la fono de via retejo. Entajpante kolornomon, vi povas aperi ĝin kiel malsama koloro ol la originalo. Gravas memori, ke kolornomo ne estas nur kolora nombro. Ĝi devas esti ununura vorto.

HTML provizas la bazan strukturon de via retejo. CSS kaj JavaScript estas etendaĵoj al HTML, kiuj kontrolas la aranĝon kaj prezenton de elementoj. Kombinante CSS kaj JavaScript, vi povas krei retejon, kiu estas riĉa je funkcioj kaj aspektoj.

Krei retejon per css

Vi povas ŝanĝi la fonkoloron de via retejo redaktante la CSS-dosieron. Vi rimarkos, ke la kodo montras la koloron kiel deksan valoron. Por ŝanĝi ĉi tion, simple ŝanĝu la deksan valoron al la nomo de la koloro, kiun vi ŝatus. La nomo devas esti unu vorto. Ne forgesu lasi punktokomon ĉe la fino de la linio.

CSS provizas detalajn atributojn, kaj estas multaj manieroj personecigi ĝin. Estas tri ĉefaj manieroj aldoni CSS al HTML-paĝo. Ĉi tiuj stilfolioj estas kutime konservitaj en dosieroj kaj povas determini la ĝeneralan aspekton de retejo. Ili povas esti uzataj kune kun HTML por krei la plej profesian aspektantan retejon.

HTML uzas etikedojn por krei la aspekton de retpaĝo. CSS specifas kiuj HTML-elementoj estas uzataj. Ĝi influas la tutan paĝon kaj povas esti utila por retejaj dezajnistoj. Eblas ankaŭ asigni specifajn klasojn al certaj HTML-etikedoj. Tiparogranda propraĵo en CSS estas ekzemplo. La valoro atribuita al ĝi estas 18px. La ordo de ĉi tiuj elementoj determinas kiel la paĝo aspektos kaj funkcios. Stilaj folioj estas dokumentoj, kiuj enhavas ĉiujn informojn necesajn por ke via retejo aspektu plej bone.

Kiam vi skribas vian stilfolion CSS, vi devas difini ĉiun klason, kiun vi volas uzi. Estas du specoj de stilfolioj: internaj stilfolioj kaj enliniaj stiloj. Internaj stilfolioj enhavas instrukciojn pri tiparkoloroj kaj fonkoloroj. Inline-stiloj, Aliflanke, estas pecoj de CSS skribitaj rekte en la HTML-dokumenton kaj estas aplikitaj nur al ununura kazo de kodigo.

CSS havas la avantaĝon, ke ĝi permesas krei ripeteblajn etikedojn tra via retejo. Ĉi tio estas granda avantaĝo, ĉar ĝi igas vian retejon pli regebla kaj pli facile disvolvebla. Ĝi ankaŭ faciligas vian retejon prizorgi kaj faciligas reuzi stilajn foliojn tra pluraj paĝoj. Ĉi tio ankaŭ nomiĝas apartigo de enhavo kaj prezento.

CSS estas esenca parto de retejo-dezajno. Ĝi helpas determini kiel via retejo aspektas kaj kiel ĝi sentas. Ĝi ankaŭ permesas retejon adaptiĝi al malsamaj ekranaj grandecoj kaj aparatoj. La CSS-lingvo permesas al vi personecigi la aspekton de via retejo, ne gravas sur kia aparato ĝi estas uzata.

Uzado de CSS kaj HTML-kodoj kune permesas krei retejon kun preskaŭ tujaj rezultoj. La HTML-kodoj estas facile kopieblaj kaj alglueblaj. Vi nur devas ŝanĝi la valorojn, kiujn vi volas ŝanĝi. Plej ofte, ĉi tio inkluzivas tiparojn kaj kolorojn. CSS ankaŭ permesas uzi komentojn por ŝanĝi diversajn aspektojn de via retejo.

Krei retejon per jQuery

Unue, vi devas elŝuti la jQuery-bibliotekon. Ĉi tiu biblioteko venas en ambaŭ kunpremitaj kaj nekunpremitaj versioj. Por produktadaj celoj, vi devus uzi la kunpremitan dosieron. jQuery estas JavaScript-biblioteko, kiun vi povas inkluzivi en via HTML-dokumento per la skripto> elemento.

jQuery subtenas DOM-manipuladon, kio signifas ke ĝi povas ŝanĝi elementojn en la dokumento surbaze de la okazaĵoj kiuj okazas. Ĉi tio gravas por legebleco kaj intuicio de la enhavo. La biblioteko ankaŭ inkluzivas multajn enkonstruitajn animaciajn efikojn kaj subtenas respondeman retejo-dezajnon per AJAX, aŭ Nesinkrona JavaScript kaj XML.

jQuery estas facile instalebla kaj uzebla. Vi povas uzi ĝin por konstrui respondemajn retejojn aldonante evento-aŭskultantojn al elementoj. Uzante jQuery, vi povas apliki kontaktlistan fenestraĵon kaj defaŭltan stilan temon. Vi ankaŭ povas uzi la bibliotekon por krei interagajn elementojn.

Dokumentobjekta modelo (DOM) estas reprezento de HTML, kaj jQuery uzas elektilojn por diri al ĝi pri kiuj elementoj ĝi devus labori. Elektiloj funkcias simile al CSS-elektiloj, kun kelkaj aldonoj. Vi povas lerni pli pri la diversaj elektiloj kontrolante la oficialan dokumentaron de jQuery.

La biblioteko jQuery estas facile lernebla, sed ĝi postulas iom da scio pri HTML kaj CSS. Se vi ne havas ajnan programan sperton, vi povas provi la kurson Provu jQuery de CodeSchool, kiu havas tunojn da lerniloj kaj multajn informojn pri jQuery. La kurso ankaŭ inkluzivas lecionojn pri kiel krei Mini Web App.