Įvadas į interneto svetainių kūrimas

Atgal į mano dieną (Gerai, prieš mano dieną), web programuotojo profesija buvo mažas viena. Jis užėmė žemiau šuniukas Hater bet virš Yankees ventiliatoriaus profesinės garbės masto. Dėl visų žodžius ir skaidrumas spacer vaizdus, ​​kuriuos mes naudojome, mes buvo laikomi žalios įsilaužėlių su jokiu estetikos prasme.

Gerai, mes vis dar gali būti trūksta estetinio jausmo, bet kaip Web sukūrė todėl turi kūrėjas profesiją. Šiomis dienomis yra daugybė įrankių, mes galime naudoti, kad gerai parašyta, standartų neatitinkančių, ir gražus (Gerai, o gal ir ne, kad naujausia) tinklalapiai. Dauguma didžiųjų svetainių jūs naudojate šiandien (begėdis kištukas: įskaitant šį) yra pastatytas naudojant šiuos įrankius.

Mūsų pulkas įrankių naršyklėje pabaigoje leido mums sukurti dalykų internete, kad buvo neįsivaizduojamas tik 10 prieš metų, pavyzdžiui, daugybė socialinių tinklų, tvirtinančių, kad geriausias būdas eikvoti savo laiką, “karštas” technologijų pradedantiesiems, tvirtinančių, kad revoliuciją kažką, kad jau buvo padaryta tūkstantį kartų, ir Angry Birds klonai, tvirtinančių, kad tik šiek tiek blogiau nei originalas. Visi internete. Tai gal tie įrankiai ne dingo į didžiausias reikmėms.

Taigi, kas yra šios nuostabios įrankiai aš kalbėti apie? Rodydama buvo (atvirai nuostabus) kalbos vadinami HTML5, CSS3, ir JavaScript, kurį aš slapyvardis 3 raiteliai webocalypse. Štai bent po vieną ieškoti:

HTML

HTML (tinkamai žinomas kaip Hypertext Markup Language; galite suprasti, kodėl žmonės, kurie nenori atrodyti blogai tiesiog naudoti akronimą) yra vartojama kalba išdėstyti tinklalapius. Dešiniuoju pelės mygtuku spustelėkite šį puslapį ir spustelėkite “Žiūrėti kodą”. Štai HTML, kad šis puslapis naudoja.

Iš esmės, HTML yra krūva Žymos, kuri naršyklė interpretuoja ir išdėstomos. Pavyzdžiui, pažvelgti į šį HTML kodą:

<p>Aš nežinau apie jus, bet man patinka Spaudžiant mygtukus.</p>

<Br>

<mygtukas>Spausk mane!</mygtukas>

HTML kodas yra teksto suvynioti į dalį (the <p> žymė pradeda punktą, the </p> žymė baigiasi pastraipą.) Yra linijos trūkis (the <Br>) ir tada mygtuką galite spustelėti jūsų širdis geidžia. Jūsų naršyklė padėkite jį ant ekrano jums.

Taigi, kad viskas gerai ir gerai. Bet jei jūs turite nieko, bet HTML, you get a webpage that looks like it came straight out of the 1990’s. Ne daug gerai išėjo tą dešimtmetį vistiek (šukuosena, muzika, ir tt) Bet palaukit! Yra daugiau!

CSS

Kitas akronimas. Vasara. CSS stovai Cascading Style Sheets, kuris yra šiek tiek Piktnaudžiavimas nes jie tikrai kaskados (kad ir ką tai reiškia… tai kompiuterinis kodas, ne krioklys!) CSS kalba, naudojama stiliaus tinklalapius. Tai, taip pat, aiškina jūsų naršyklėje.

CSS ir HTML dirbti kartu – HTML daro puslapio išdėstymą, CSS suteikia jai savo nuojauta. Įsivaizduokite statyti namą: HTML suteikia DRAB bet būtiną medinis karkasas, CSS prideda neono spalvų ir egzotiškos baldai.

CSS yra gana paprasta kalba: tam tikrą HTML tegus (kaip dalį), galite nurodyti vertes įvairių stilių klases. Jūsų naršyklė skaityti CSS ir taikyti jį visoms atitikimo HTML žymes. Pavyzdžiui:

p {

spalva: raudonas;

font-size: 16px;

}

Taigi kiekvieną punktą (Daiktai į HTML <p> Žymos) turės raudonas šrifto ir būti 16 pikselių dydžio. Jei pastebėjote, tai tik keletas tų pačių stilių, galite naudoti "Microsoft Word" ir kitas programas.

Taigi dabar jūsų puslapis yra išdėstyti ir jie atrodo gana. Bet čia dalykas: tai visi jie. Jie tiesiog sėdėti ten ir atrodo gana. Kuris yra puikus ir visi, tačiau vartotojai internete nori daugiau. Jie nori išgalvotas animacija. Jie nori, kad pop-up (Gerai, gal jie padarė atgal 2002, bet aš nutolti.) Jie nori mygtukus, kad bus padaryti stuff, kai paspaudžia ant jų.

Apie pastarojo vieną – tai klausimas. Jūs galite padaryti <mygtukas> HTML, ir jūs galite spustelėti jį visą savaitę, bet tai ne tik ką nors, bet kuriuo metu. Jei norite mygtuką, O aš nežinau,, perkelti savo dramblį per ekraną ir puola kažką, then you need something more.

"JavaScript"

JavaScript ne akronimas, Jei buvo įdomu,. Jie pavadino jį "JavaScript", nes atrodė, kad programavimo kalba vadinama Java, tai keista, nes neaišku. Bet kokiu atveju, JavaScript a proper programming language that causes all the dynamic effects matote internete.

Kaip ir bet kuri programavimo kalba, JavaScript komandų, kurios daro kintamuosius ir naudoti funkcijas serija. Cool dalis apie "JavaScript" (gerai, kaip cool, kaip programavimo kalba gali būti) yra tai, kad galite naudoti šiuos HTML elementus (kaip dalyse ir mygtukai) ir CSS stilių (kaip šrifto spalvą ir dydį) ir pakeisti juos. Pažvelkite į šio kodekso:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – the $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <p> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to blue.

What I find interesting (vėl, this is all from the viewpoint of a “webdev”) is how elegantly the three languages work together. Tai paskutinė eilutė JavaScript bendravo su puslapio HTML ir CSS naudojamas stiliaus ji. Tai nėra, kaip šios kalbos yra tik skirtingi komponentai tą patį – jie vienas ir tas pats, skirtingų pusių paties nuostabi mašina.

Garso įspūdingi? Manau, kad tai daro. Tai tik dalis žiniatinklį grožio.