Համակարգիչներ, Ծրագրավորում
HTML: հիմունքները սկսնակների համար
HTML - Հիպերտեքստի նշարկման լեզու, որը կազմել է ինտերնետից, քանի որ մենք գիտենք, եւ սիրել: Դա շնորհիվ այս հրաշալի գործիքը կայքերի նայում գեղեցիկ եւ ժամանակակից, եւ ապահովում է հարմարավետության դրանց օգտագործման համար: HTML, պարզապես հավաքում տարրերը ինտերնետային էջի մի օգտագործողի բարեկամական տարբերակը. Նրա աշխատանքն է համեմատելի է այն փաստը, որ անում տեքստային խմբագիրների , ինչպիսիք են MS Word կամ OpenOffice. Նրանք դիմել անդեմ զանգված նամակների մի փաստաթղթի, որը ունի պարբերությունները, Թավատառ տեքստ, շեղագրումն, սեղաններ, եւ նույնիսկ պատկերները: Մոտավորապես նույն բանն է դարձնում HTML, միակ տարբերությունը լինելու է, որ իր փաստաթղթերը ցուցադրվում են բրաուզերի, եւ հնարավորությունները այս գործիքը շատ ավելի լայն է, քան տեքստային խմբագիր. Օգտագործվել մակնշման tags - հատուկ հրամաններ, որոնք նկարագրում են ինտերնետային էջը կառույց: Նրանք կցվում են անկյան փակագծերում - <թեգը>, որ բրաուզերը կարող տարբերակել նրանց ընդհանուր զանգվածից տեքստի. Հաջորդ մենք նայում հիմունքների HTML սկսնակների համար:
տեսողական խմբագիրները
Սկսնակների միայն սալահատակ ճանապարհ ուսումնասիրության HTML, հաճախ սկսում են իրենց աշխատանքը ծրագրերից է ստեղծել կայքեր, առանց որեւէ գիտելիքի: Նրանք կարող են պարզապես տեղադրել այն կետերը էկրանին, քանի որ նրանք հայտնվում են բրաուզերի. Դա կարծես, այստեղ այն է, որ աղբյուրը հավերժական շնորհով, թույլ է տալիս ազատվել մասը վեբ ծրագրավորողներ: Բայց ոչ այնքան պարզ է, քանի որ տեսողական խմբագիրները ունեն բազմաթիվ թերություններ, որոնք ստիպում են, որ անհնար է օգտագործել դրանք լուրջ նախագծերի.
Այս ծրագրերը ստեղծել շատ ավելորդ պիտակները, որոնք կատարել վերջնական տարբերակը Էջ ծանր ու suboptimal: Իհարկե, այս տարիքում գերարագ ինտերնետի դա պակաս կարեւոր է, քան անցյալում, սակայն կան մի շարք պատճառներ, թե ինչու մի հակիրճ եւ լավ գրված վեբ կայքը ստեղծվել է ավելի գործնական է, քան իր գործընկերոջ, ստեղծվել է տեսողական խմբագիր. Վեբ էջ կատարվում է նման ծրագրի կլինեն վատ վարվել մեծամասնության կողմից որոնիչների են կարեւոր է նրանց յուրաքանչյուր կիլոբայթ կոդ եւ ծանր ու անտրամաբանական օրենսգրքի մի փունջ իմաստային սխալների հազիվ թե նրանց ճաշակի. Բացի այդ, խմբագիրները հաճախ ետեւում ժամանակներում, դառնում է անիմաստ, եւ ծախսել ռեսուրսները դրանց զարգացումը չէ, քանի որ ոչ պրոֆեսիոնալ չի օգտագործի այդ արտադրանքը. Հետեւաբար, ամեն ոք, ով ցանկանում է աշխատել ստեղծման կայքերի, պետք է իմանալ հիմունքների HTML:
հատկորոշիչները
Ինչպես վերը նշվեց, որ պիտակները նկարագրել կառուցվածքը վեբ բրաուզերի էջում: Նրանց մեծ մասը ունեն բացման եւ փակման թեգերը, բայց ոչ բոլորը: Օրինակ,
Կան նաեւ միայնակ պիտակները, որոնք չեն պետք է փակվի: Անոնց մէջ այն էր ներսում, ինչպես նաեւ ատրիբուտներ: Հատկանիշը կարող են ստեղծվել մասը HTML թեգերը եւ սահմանում հատկությունների տարր. Այն նախատեսված է բացման թեգով կարծես սա: հատկանիշը = "...", որտեղ ոչ թե միավորով հատկանիշը արժեքը: Գիտելիքները tag է առաջին եւ ամենակարեւոր քայլը զարգացման համար HTML: Հիմունքները Այս արվեստի նաեւ ենթադրում է պատկերացում վեբ էջի կառույցի:
փաստաթղթի կառուցվածքը
Յուրաքանչյուր HTML փաստաթուղթ ունի համապատասխան երկարաձգման, օրինակ, index.html. Այնպես որ բրաուզերը կարող հասկանալ, թե ինչ է նա պետք է անել, եւ ճիշտ ցուցադրել էջը: Բոլոր ֆայլերը, որոնք օգտագործվում է ստեղծել կայքը, դա նպատակահարմար է պահել նույն դիրեկտորիայի, որ ապագայում կարող է մեծապես մեղմելու ձեր կյանքը. Հիմքերը Հիպերտեքստի նշարկման լեզու HTML ներառում է մի հստակ պատկերացում կառուցվածքի վերաբերյալ փաստաթղթի. Այն սկսվում է tag , - պատմում է բրաուզերի տարբերակը HTML, որն օգտագործվում է այս փաստաթղթում. Ներկայումս, արդիական հինգերորդ տարբերակը լեզվի, այնպես որ ոչ մի անհրաժեշտություն է հորինել մի բան, որ մենք կարող ենք անվտանգ տեղադրել վերը նշված tag է ցանկացած էջի վերեւում:
Հետո գնում է հիմնական ընտրել Զուգտկված կառուցվածքի, կազմող «կմախքի» կայքում: Առաջին թեգը, որը տեղադրել բոլոր մնացածը ... html>: Բոլորը, որ դուրս է, չի ճանաչվում է բրաուզերի որպես վեբ էջում, այնպես, որ այն բացում եւ փակում է փաստաթուղթը: Այս tag է պահանջվում է ցանկացած փաստաթղթի. Այն նաեւ պարունակում է մի շարք պարտադիր tags, որոնք կքննարկվեն ստորեւ.
ղեկավար
Ներսում tag
... head> պարունակում է տեղեկատվություն է տեխնիկական բնույթի, որը չի ցուցադրվում էջի վրա, բայց, այնուամենայնիվ, շատ կարեւոր մասն է փաստաթղթի HTML: Site ծանուցումը դրել այս վայրում, ընտրվում են եւ շրջանառության մեջ կոդավորման էջի անունով: Այն պարունակում է պարտադիր թեգովկապ
Հիմնական իմացությունը HTML նաեւ ներառում է օգտագործման cascading ոճերի, կամ CSS. Նրանք սահմանել հատկությունների տարրերի, որոնք կցուցադրվեն էջում: Որ ժամանակակից մոտեցում այս խնդրի ներառում է տուգանքի այնպիսի հատկանիշներով, ինչպիսիք են գունավոր, բարձրության եւ գտնվելու վայրը, ապրանքի, որպես արտաքին ֆայլի ավելացված հարմարության. Միացնել այն CSS ֆայլի օգտագործում հատկորոշիչը <հղումը />: Ի պատրաստի ձեւով, այն նայում նման բան է սա: <հղում href = http: // Կայքի /article/250376/%E2%80%9Dstyle.css%E2%80%9D type = "text / CSS" />, որը ցույց է տալիս, href վրա գտնվելու վայրը ֆայլը եւ տիպի իր տեսակի.
մարմին
Այն է, այս մասում HTML-փաստաթղթի կողմից ստեղծված տեսանելի մասում էջի. Այն ամենը, ինչն արվում ներսում «մարմնի», կցուցադրվեն բրաուզերի. Ի
- - օգտագործվում է հանենք ենթատող, պետք է նշանակվում է որոշակի ոճով, նկարագրված է CSS.
- - ստեղծում է հղում վեբ էջի. ցատկել հասցեն նշված հատկանիշը href.
- - մեկը ամենահեղինակավոր ժամանակակից թեգերը. Ամեն ոք, ով որոշել է սովորել հիմունքների լեզվի HTMLl, պետք է հատուկ ուշադրություն դարձնել դրան, քանի որ դա մի թաղամաս տարր, որը կատարվել է `հիմնվելով առյուծի բաժինը այսօրվա կայքերում (պարամետրերի համար բլոկիսահմանվում են CSS, եւ ներսում այդ tag կարող է տեղադրվել այլ նյութից).
- ընտրում է պարբերությունը տեքստի. բովանդակությունը րդ կետի գտնվում է բացման եւ փակման tags:
- - համարակալված ցուցակ, տարրերը, որոնցից, ինչպես tag զույգ
- ;
-
- - ը պարբերանշված ցուցակ, որը, ինչպես նաեւ համարակալված տարրերի մատնանշում է tag
- ;
-
-
- Փաստաթղթում փակցնելու համար անհրաժեշտ թույալտվություն (այդ ցուցանիշը ցույց է տալիս մակարդակը տողի, այսինքն,
- ի հիմնական անվանումը, իսկ հետագա տատանումները են նրա ենթագրերով, ի դեպ, մակարդակները վերնագրերը
,
գրեթե անհնար է գտնել Ինտերնետում բաց տարածությունների) դա նաեւ կարեւոր է հիշել, որ մի էջ կարող է ունենալ միայն մեկ վերնագիր
;
- - համարձակ տեքստը.
- - շեղագիր;
-
մտցրեք նկարներ վեբ էջում (դա մի պիտակ, դա չի կարիք փակել, բայց դա պահանջվում է հստակեցնել alt հատկանիշը, որը սահմանում է տեքստը համար պատկերի), - <Աուդիո> - թեգը, որը տեղադրված է փաստաթղթի աուդիո ֆայլը.
Սա դեռ ամենը չէ, որ պիտակները անհրաժեշտ է ստեղծել Ձեր սեփական վեբ էջը, բայց նրանք բավարար են դնելու հիմքերը HTML սկսնակների համար.
CSS
HTML լեզուն զարգացումը հանգեցրել է այն բանին, որ յուրաքանչյուր Tag obzavolsya քաշը ատրիբուտները, եւ պահանջները տեսքը վեբ էջերի նշանակում է, որ աճել է զգալիորեն. Կոդ դարձել ծանր եւ անհարմար, այն էր, դժվար է կարդալ այն, թող մենակ է հարմարվել կամ փոփոխություն: Բացի այդ, ապա պետք է շատ աշխատել, փոխելով ամեն ձեռքը, եթե Ձեր կայքը տասը էջերը, որոնց վրա շատ խորագրերը, նշված է կանաչ, եւ դուք հանկարծ ցանկանում է, որպեսզի նրանց կարմիր. Հետ գալուստը Cascading Style թերթ, այդ գործընթացը դարձել է պարզ եւ տրամաբանական է, եւ HTML- կոդ դարձել է շատ ավելի ընթեռնելի:
կիրառելով CSS
Է ստեղծել վեբ էջերը, դուք պետք է իմանալ հիմունքների HTML եւ CSS, այնպես էլ հիմա, առանց վերջիններիս իմացության Cascading Style թերթ է անել այս ոլորտում ոչինչ. Նրանք սահմանված հատկանիշները, յուրաքանչյուր տարր, որոնք կիրառվում են ամբողջ փաստաթղթի. Այսպիսով, դուք կարող եք սահմանել գույնը մեկ անգամ բոլոր
Որպեսզի միացնել CSS ֆայլի այդ փաստաթղթի, կա կտրոնը հղում. Մի փոքր բարձր է նկարագրված սկզբունքը իր օգտագործման համար, բայց դա չէ միակ տարբերակը համատեղելով բոլոր ոճերի, մեկ տեղում. Կա կտրոնը <ոճը>, որը գտնվում է «ղեկավար» է փաստաթղթի եւ թույլ է տալիս Ձեզ է գրանցել ոճերի, առանց օգտագործելու CSS ֆայլեր. Պարտադիր չէ, որ պետք է օգտագործել ցանկացած մեկ մեթոդը կամ մյուսը: Նրանք կարող են հաջողությամբ համատեղել է արտադրել լավագույն արդյունքը: Ստեղծել մի ֆայլ հետ ոճի թերթերով պետք է ստեղծել մի ֆայլ է տարկետման .css, օրինակ, Styles.css.
JavaScript- ը
Հաճախ այն անձը, ով որոշել է սկսել զարգացող վեբ էջերը, գիտակցում է, որ իր խնդիրն է, ոչ բավարար չափով ֆինանսական միջոցների կողմից առաջարկվող HTML: Fundamentals կստեղծի մի գեղեցիկ էջը, բայց ինչ եթե դուք հանկարծ պետք է այն դարձնել ինտերակտիվ. Այս նպատակների համար, կա եզակի սցենար ծրագրավորման լեզու, որը փոխազդում է նաեւ HTML: Այն կոչվում է Javascript- ին, այն պատճառով, որ բեղմնավորված որպես կրտսեր եղբոր համաժողովրդական Java լեզվով. Այսօր այդ լեզուները ստացել զգալի տարբերություններ, եւ այդ բացը նրանց միջեւ միայն աճում.
JavaScript- ը կարող է հզորացնել HTML, այն թույլ է տալիս Ձեզ ստեղծել եւ խմբագրել թեգերը. Նաեւ օգնությամբ այս հրաշալի գործիքը, դուք կարող եք աշխատել Cokie, տվյալների ներբեռնման սերվերի առանց վերբեռնել էջը դարձնել կայքը ավելի ինտերակտիվ, քան թույլ տալ HTML հնարավորությունները: Այն ունի լեզուն եւ սահմանափակումները, որոնք կապված են անվտանգության. Եթե JavaScript- ը չի օգտագործվում է սերվերի կողմից, ապա դա կիրականացվի պայմաններում, որ սահմանափակում է իր ունակությունը, որ հարձակվողները կարող է օգտագործել վնասակար ծրագրային կոդ ցանկացած համակարգչից:
խմբագիրները
HTML հիմունքները սկսնակ ենթադրել գիտելիքները առավել հարմար եւ գործնական ծրագրի համար ստեղծել վեբ էջերը. Ինչպես նկարագրված է վերը, տեսողական խմբագիրները, ինչպիսիք են Dreamweaver եւ այլն, չեն համապատասխանում այդ նպատակների համար: Այնպես որ, գրել tags մի նորմալ նոթատետրում: Այս տարբերակը նույնպես կասկածելի է, քանի որ ստանդարտ notebook չունի որեւէ հատուկ գործիքները դասավորությունը. Այս խնդիրը կարող է նաեւ հաղթահարել Գրառման գրքույկ: Մեծ գումարած այս ապրանքի այն է, որ բաց կոդով է եւ տարածվում է անվճար. Իսկ դրա համար կա մի հարմարավետ syntax կարեւորելով եւ ավտո-փակման թեգերը. Գրառման գրքույկ ապահովում է նաեւ լայն ինտերֆեյսի լեզուների, եւ իր ունակությունը հեշտությամբ ընդլայնել օգնությամբ բազմաթիվ լրացումներ:
Վսեմ Text 3 - ծրագիր նման է Գրառման գրքույկ, բայց տարածվում է վճար հիմունքներով: Որ նա հաղթել է սրտերը մեծամասնության ծրագրավորողներ: Վսեմ Text 3 իդեալական JavaScript, CSS եւ HTML: Հիմունքներ աշխատում դրա հետ պետք է սովորել, թե իրենց սեփական, բայց դա արժե այն. Այն պարունակում է իսկապես անսահման հնարավորությունները նուրբ-tuning, որ maximizes հարմարեցնել ծրագիրը համապատասխանում ձեր պահանջներին.
Հիմունքների HTML եւ CSS սկսնակների համար
Ինչպես դուք կարող եք տեսնել, իմանալ, որ արվեստը ստեղծել վեբ էջերը այնքան էլ դժվար է, քանի որ թվում է առաջին հայացքից: Պարզապես մի քանի ամիս գործնական դասընթաց կդառնա ձեզ մի երկչոտ անփորձ մասին է մշակողի. Vorstke սովորել, շատ ավելի հեշտ է, քան իմանալ որեւէ ծրագրավորման լեզու կամ Linux. Ի դեպ, HTML tags են ոչ այնքան շատ կարեւոր է հասկանալ, թե գործնական ասպեկտները իրենց դիմումը.
Մի վատ է այս բիզնեսում է աշխատանքի հմտությունները Adobe Photoshop: Այս ծրագիրը հնարավորություն է տալիս Ձեզ հետ աշխատելու լուսանկարներ, պատկերների եւ այլ գրաֆիկական տարրերի վեբ էջերը. Ներկայումս այն «Photoshop« լավագույնս հաղթահարել այնպիսի խնդիրների, մրցակիցները ստիպված մի քիչ: Նրանց համար, ովքեր են ընկերության Adobe արտադրանքը եկաւ ոչ թէ իրենց սրտով, այնտեղ Lightroom, GIMP, Illustrator եւ այլ ծրագրերի հետ նմանատիպ գործառույթների.
Որ տալիս է գիտելիքներ HTML
Հմտություններ ստեղծել վեբ էջերը շատ կարեւոր է այսօր, քանի որ ինտերնետը ընդլայնվում է է թռիչքներ եւ սահմաններում. Ամեն ձեռնարկություն, ցանկացած, նույնիսկ ամենափոքր խանութ, սեմինարներ եւ սպորտային ակումբներ - բոլորս ուզում ենք ունենալ ձեր սեփական կայքը: Եվ, իհարկե, դրա համար նրանք պետք է մշակողի, որը պատկանում է CSS եւ HTML: Basics հեշտ է սովորել, եւ ապա այն մինչեւ զբաղվել: Քանի որ դասավորությունը տեխնոլոգիան անընդհատ զարգանում է, Առջեւի end մշակողները միշտ պահանջարկ. Ամեն ոք, ով որոշում է նվիրվել այս հուզիչ արդյունաբերության, երբեք չի լինի, առանց աշխատանքի:
Similar articles
Trending Now