Како направити једноставан ХТМЛ веб сајт?

01.06.2020
Чланци и више ... 'Како направити једноставан ХТМЛ веб сајт?
0 7 мин.


ХТМЛ или Језик за опис хипер-текста је, како му име каже, означни језик. Не сматра се програмским језиком у традиционалном смислу. То је језик на којем креатор може да креира документе и обележава различите делове помоћу ХТМЛ ознака. ХТМЛ био инспирисан СГМЛ, а његова прва верзија појавила се 1990. године у ЦЕРН-у.

ХТМЛ је првобитно дизајниран за једноставне статичке документе, још кад се о Ворлд Виде Вебу размишљало као о систему за претраживање докумената. Тренутно скоро свака веб страница користи ХТМЛ и она је постала језик Веба. Последња итерација је ХТМЛ5, коју подржавају сви главни прегледачи и долази као унапређење за ХТМЛ 4 који је „стандардизован“ 1997. године.

Овај чланак ће прецизно утврдити основе прављења једноставног ХТМЛ вебсајта, нешто што свако може да научи, без обзира на изабрану професију.

Зашто бисте требали научити ХТМЛ?

Могло би се тврдити да са данашњом технологијом, свако може креирати веб локацију која је брзо и лепо изгледа без потребе за кодирањем једног ретка ХТМЛ-а, и док је ово сигурно тачно, увек може постати корисно знати како то мало подешавати.

Често људи људи додају додатке / модуле / екстензије у ЦМС као што су ВордПресс, Друпал, Јоомла, итд. Како би је проширили једноставном функцијом која је могла бити постигнута са пар редака ХТМЛ-а. Иако би додатак могао бити једноставнији, могао би додати времена учитавања страница, а то је само још једна ствар о којој треба бринути у погледу сигурности и ажурирања.

ХТМЛ је прилично лако научити, а може бити и забавно, јер одмах видите резултате, за разлику од програмског језика где морате да саставите код који сте написали. Већ имате све алате потребне за почетак учења ХТМЛ-а, имате Веб претраживач и сигурно имате једноставан уређивач текста попут белешке. Апликације попут Мицрософт Ворд-а неће то радити, требат ће вам основни уређивач обичног текста: нотепад, нотепад ++. Постоје такозвани ИДЕ (Интегратед Девелопмент Енвиронмент) који ће вам помоћи при писању ХТМЛ-а са функцијама попут истицања синтаксе или аутоматског довршавања.

Здраво Свете!

Можете уграбити бесплатни уређивач текста као што је Нотепад ++ или Сублиме Тект Едитор и покренути га. Спремите празну датотеку на радну површину као „хелло.хтмл“. Ово ће променити едитор у ХТМЛ режиму, тако да можете да уживате у предностима ИДЕ-а. Сада идите напред и укуцајте следећи текст:

Здраво Свете!

Здраво Свете!

Сачувајте датотеку, а затим је отворите помоћу веб прегледача. То уопште није било тешко, зар не? Можете наставити и модификовати датотеку, сачувати је и освежити страницу у прегледачу и видећете све промене које сте предузели. Не треба се бојати, не постоји начин да утичете на ваш оперативни систем. Не можете избрисати датотеке или ствари такве природе. И не бојте се неуспеха, јер изрека каже: “Мајстор је успео више пута него што је почетник чак покушао.”

Основе ХТМЛ-а и 101

хтмл основе 101

ХТМЛ се састоји од ознака и текста. ХТМЛ ознака има посебно значење за прегледач, у основи ово је метода обележавања документа. Неке ознаке могу садржавати и друге ознаке у њему, на пример неуредјена листа

    може да садржи ставке са листе

  • у томе. Ознака параграфа

    може да садржи нову ознаку линије
    , сидрена ознака , одважан , курзив , итд. ознаке.

    У нашем примеру, главна ХТМЛ ознака садржи ознаку главе и ознаку тела. У насловној таги можемо одредити наслов документа, који ће бити приказан у наслову картице прегледача. У телу имамо ознаку Х1 или ознаку Хеадинг 1.

    ХТМЛ ознаке могу имати атрибуте који могу изменити понашање ознаке, на пример, нашем Х1 можемо додати атрибут „стиле“ да бисмо одредили његов стил. Ако додамо стиле = ”цолор: ред”, тако и постаје

    Здраво Свете!

    можемо да променимо његову боју из задате црне у црвену. Наравно, на већој веб страници стилизовање наших елемената један по један може постати проблематично и то ће збрисати наш ХТМЛ. Бољи метод би био дати елементу атрибут класе или ид, а затим одредити његов стил по тој класи или ид-у.

    Има их доста ХТМЛ туторијали и ресурсе на Интернету, можете гледати уџбенике на ИоуТубе-у или Тхе Греат Цурсес Плус или читати један од хиљада чланака на интернету о ХТМЛ-у.

    Једна ствар коју треба имати на уму је да ће вам, ма колико читали или гледали, требати да се запрљате и почнете писати ХТМЛ. То је једини начин на који ћете научити, јер чим започнете писање, имаћете више питања и та питања ће довести до још више питања, све док не постанете сигурни и течно у ХТМЛ.

    Стилинг и скрипта

    Чиста ХТМЛ веб страница је статична. То значи да не може садржавати делове који се динамички мењају, на пример, „Наше последње вести“. Ако направите веб локацију која садржи одељак вести, који се стално ажурира, једноставно креирање чланака и затим ажурирање референци на њега може постати прилично огроман задатак.

    С друге стране, ако креирате визиткарту или о мени пишете веб локацију у ХТМЛ-у, која се не мења често, можда једном или два пута месечно, тада је статична ХТМЛ веб локација савршена. Будући да нема „покретне“ делове, као што су база података, обрада на страни сервера (ПХП, Питхон, Руби, итд.), Мање је ствари које могу поћи по злу, а такође је и блиставо брза.

    Статичку страницу можете направити динамичном додавањем ЈаваСцрипта (ЕЦМА скрипта да будем прецизан) на њему, што је скриптни програмски језик. Помоћу ЈаваСцрипта можете да одговорите на унос корисника сакривањем или приказивањем неких делова ХТМЛ-а, а такође можете променити изглед и изглед веб странице. Са АЈАКС, можете тражити додатне ресурсе са своје веб странице, као што су подстранице, образац за контакт или најновији твеетови, и можете их укључити у своју веб локацију.

    Подразумевани ХТМЛ стилови су прилично досадни, то је црни текст на белој позадини. Можете променити стил било ког ХТМЛ елемента помоћу ЦСС (Цасцадинг Стиле Схеетс). У ХТМЛ-у немате контролу над начином на који ће ваш документ бити рендериран, то је одлика ХТМЛ-а, а не недостатак. Помоћу ЦСС-а можете да покушате да будете мало прецизнији, али ипак нећете имати 100% контролу. Неки прегледачи ће радити нешто другачије од других. Тренутна ЦСС верзија, коју подржавају сви главни прегледачи, је ЦСС3 и има доста корисних функција којих је недостајао претходни стандард.

    Да бисте разумели ЦСС, требало би да почнете са моделом кутије, то ће вам уштедети велику забуну у почетку, а важно је да схватите разлику између ивице, обруба, маргина итд. ЦСС је прилично лако научити и као код ХТМЛ-а, одмах ћете видети промене које сте унели. Као што је већ споменуто, можете додати ИД или елемент класе у било коју ХТМЛ ознаку и можете написати ЦСС правила за те ИД-ове и класе. Да се ​​вратимо нашем примјеру, у одјељку главе ако напишемо слиједећи текст,

    тело {

    Боја позадине: плава;

    }

    промениће подразумевану белу боју документа у плаву.

    Једна од ствари које треба имати на уму код ЦСС-а јесте да постоји пуно ознака специфичних за прегледач, зато будите сигурни да тестирате веб локацију користећи различите прегледаче или барем Гоогле Цхроме, Мозилла Фирефок, Интернет Екплорер 11 и Едге. Неће наштетити брзом прегледу неких мобилних прегледача, посебно Сафари ИОС-а.

    Закључак

    Учење ХТМЛ и ЦСС је лакше од већине програмских језика, а може бити и врло корисно искуство. Помоћу ХТМЛ-а, моћи ћете да креирате веб странице тачно онако како желите, без компромиса као у случајевима ЦМС-а. Израда ХТМЛ веб локација омогућиће вам да их будете домаћини било где и они ће се изузетно брзо учитати и углађивати.

    Чак и појавом свих врста драгуљарских ДИИ градитеља веб локација, ХТМЛ се не може сматрати застарелим. Подржава сваку веб локацију, па чак и моћне ЦМС и алате за прављење веб локација, који вам омогућавају да направите веб локацију професионалног изгледа без икаквог знања о кодирању, можда бисте желели да направите неко подешавање овде и тамо на својој веб локацији како бисте ствари постигли баш онако како ви желе да буду. Учење неких ХТМЛ-а омогућиће вам да то учините.

    Познавање основа ХТМЛ-а може бити корисна вјештина за било кога, не само за оне који планирају каријеру у ИТ-у. Они који раде са веб садржајем, мрежним маркетингом, преводом и сви који захтевају присуство на мрежи имаће користи од курса у ХТМЛ-у.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Оцените статью
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector