Ово упутство описује сајт користећи ХТМЛ и ЦСС, који покрива све фазе: израду сајта,
креирање налога на слободном хостинг и коначно уплоад фајлова наш сајт на тај хостинг, бесплатан хостинг је брз начин постављања веб сајта наш мрежи у року од неколико минута, недостатак ове методе је да ћемо имати неки огласи приказују у сваком тренутку на врху (хеадер горе).
Свако ко жели да отвори сајт, треба да знате ХТМЛ и ЦСС, не треба да буде експерт у ХТМЛ (Hипер Tлок MАркупе Lангуаге), али неке информације о коду су апсолутно неопходне за разумевање како ове ствари функционишу.
Чак и ако се изгради један сајт, и даље имати појма шта се дешава преко тих фајлова ће захтевати периодично корекцију грешака или постизање промена.
Многи људи бјеже од кода, многи ликови код хијероглифа, то уопште није тако, неко је једном рекао: "КОД ЈЕ ПОЕЗИЈА", био је у праву, кад видите да се из низа кодова црта нешто роди, осјећате се дивно, градите виртуелни свет само са тастатуром и мишем
Дуго смо користили апликације које су направиле софтверске компаније, само смо радили на рачунару, време је да се програмира, у ствари то није програмски језик, то је "означни језик", али поменућемо то је попут програмског језика, јер звучи прилично чудно "означни језик", ХТМЛ је један од најлакших програмских језика који се данас користи. ХТМЛ видимо на било ком веб месту, многи софтвери имају Они су компоненте ХТМЛ-а, овај програмски језик је свуда, време је да га научите.
Први пут може бити мање застрашујуће, али ако сте пажљиви него што ће одмах схватити да није све било тако тешко су једноставне и лепе ствари, стварамо нешто са нашим рукама, то је најважније.
Ми ћемо научити основе, онда ћемо научити како да уносите текст у веб страници, онда ћемо организовати и да ће обојити текст, користимо страна стилу ЦСС а (Цасцадинг Стиле Схеетс) са којима ћемо сместити све елементе странице ХТМЛ-уопште, тако да ћете ставити на нашем сајту је направљена да изгледа као једном комаду.
Ви ћете научити једноставне технике, основни ХТМЛ и ЦСС, иако то су основне ствари у ХТМЛ и ЦСС, ће створити преглед пријатан.
За ово упутство морате се наоружати стрпљењем пажњом и, овај туторијал није нешто што можемо приуштити да настави мало, ако померање неколико секунди можете пропустити нешто веома важно и видећете после више смисла, концентрација информације је изузетно висока и зато вас молим да буде веома, веома опрезан.
После овог туторијала, чак и интензивног курса, рекао бих, имаћете бољу идеју шта ХТМЛ и ЦСС, можете контролисати код добро и да у потпуности разумете ХТМЛ документ, сматрајући да ХТМЛ није само низ хероглифе ће нестати, знате шта је то кад погледате у ХТМЛ или ЦСС један.
Ми ћемо научити о ознакама (таговима), ми овде имамо неке примере ознака (тагова) које можете користити у ХТМЛ документу, не брините, не морају да их запамтити све, морате да научите само основе у првој табели остатак се може наћи овде на сајту или на мрежи када вам затребају.
Чак су и столови су наредили ове ознаке, израђени су коришћењем ХТМЛ.
Основни елементи (тагс).
| Дефинише формат датотеке Веб | |
| документ заглавље | |
| Тилул документ | |
| ХТМЛ страница тело | |
| БГЦОЛОР = боја | Боју позадине странице |
| ТЕКСТ =боја | Боја текста на страници |
| Линк =боја | Унвиситед Линк боја страна |
| влинк =боја | Посетио веза боја странице |
| АЛИНК =боја | Боја везе током клик корисника екацутат |
| ИСТОРИЈАТ = урл | Бацкгроунд имаге страна |
| став | |
| <Hn> <Х.n> | У поднаслову нивоа документа (n = КСНУМКС-КСНУМКС) |
| Посебни атрибути урамљене текста | |
| сизе =n | Величина текста је КСНУМКС-КСНУМКС |
| фаце ="А, б" | Наведите фонт: aАко је доступно, или b |
| БОЈА =s | Боја текста: или име боје или РГБ вредност |
| нови ред | |
| информације испоручују већ | |
| ХТМЛ-Цоменатриу | |
| Материјал центри у страницу | |
| хоризонтална владар | |
| сизе =x | Владар висина у пикселима |
| видтх =x | Владар ширина у пикселима или процентима |
| носхаде | Онемогућити приказ сенке за хоризонталну владара |
| АЛИГН =x | Усклађивање хоризонтална владар на страници (лево, центар, десно) |
| БОЈА =x | Боја хоризонтални лењир (само ИЕ) |
| Марк тип сидро | |
| ХРЕФ =урл | хипертекст референца |
| ХРЕФ =#наме | Референца интерном сидро |
| наме =име | Дефиниција интерне сидра |
Ставки у листама .
| opis дефиниција | |
| Тип листа дефиниција | |
| У оквиру дефиниције | |
| funkcija листа | |
| <ОЛ | Ордеред лист (бројевима) |
| ТИП =врх | Нумерација. Могуће вредности: А, А, ја, ја, КСНУМКС |
| СТАРТ =x | Број почела листе наредио |
| <УЛ | Списак без редних бројева (ознака) |
| ТИП =форма | Облик маркер. Могуће вредности: круг, квадрат, диск. |
Карактер форматирање елементи .
| Паста текст подебљано | |
| Лепљење текста у курзиву | |
| Паста означени текст | |
| Моноспацед фонта текста | |
| цитат библиогарфица | |
| листинг програм | |
| Стиле истицање логика | |
| tekst тастатура | |
| Истицање јаку логику | |
| Програм или променљива | |
| <БАСЕФОНТ сизе = n> | Одређује величином слова странице |
Елементи за рамове .
| Дефинисање писања паге | |
| ЦОЛС =x | Број и релативна величина колоне |
| РОВС =x | Број и релативне величине линије |
| ГРАНИЦА =x | Одређује статус "укључено" или "искључено" за оквир ФРАМЕСЕТ (1 или 0) |
| фрамебордер = x | Одређује величину оквира |
| ФРАМЕСПАЦИНГ = x | Количина простора између два суседна оквира |
| Дефиниција одређеног оквира | |
| СРЦ =урл | УРЛ адреса извор за рам |
| ИМЕ =име | Назив оквира (користи се заједно са ТАРГЕТ = назив као део сидрене ознаке |
| сцроллинг =СЦРЛ | Дефинисати опција овдје деруларе.Валори могуће: о (активирање), Искључено (неактиван), ауто (аутоматско) |
| фрамебордер =x | Величина границе око оквира |
| маргинхеигхт =x | Додатни простор изнад и испод одређеног оквира |
| маргинвидтх =x | Суплиметар простор лево и десно за одређени |
| Секција страна приказују корисницима који не може да види оквир | |
| Оквир (само (ИЕ) | |
| СРЦ =урл | рам извор |
| ИМЕ =s | Име прозор (корисно за ТАРГЕТ) |
| ВИСИНА =x | Ембеддед висина рама |
| видтх =x | Ембеддед ширина оквира |
Елементи за столове .
| ХТМЛ табелу | |
| ГРАНИЦА =x | сто граница |
| целлпаддинг =x | Додатни простор у ћелија табеле |
| целлпаддинг =x | Додатни простор између ћелија табеле |
| видтх =x | Наметнута ширина сто |
| фраме =вредност | Фино подешавање табеле |
| ПРАВИЛА =вредност | Владари фино подешавање табле |
| бордерцолор = боја | Спецификације Табела граница боја |
| БОРДЕРЦОЛОРЛИГХТ = боја | Лакши боја две боје наведено |
| БОРДЕРЦОЛОРДАРК = боја | Тамнија боја две боје наведено |
| АЛИГН =left (остављено) | Поравнава табелу на левој маргини странице, а текст тече десну страну |
| АЛИГН =у праву | Поравнава табелу на десној ивици странице и текст тече у лево |
| хспаце =x | Суплиметар хоризонтални простор око стола |
| вспаце =x | Суплиметар вертикални простор око стола |
| ЦОЛС =x | Одређује број колоне табеле |
| Дефинише скуп дефиниција колона помоћу означавања | |
| <ЦОЛ видтх =x> | Дефинише ширину колоне у пикселима |
| Дефинише табелу наслов | |
| Дефинише табелу тело | |
| лине сто | |
| БГЦОЛОР =боја | Одређује боју позадине за целу линију |
| АЛИГН =равнање | Ћелија поравнање на тренутне линије (лево, центар, десно) |
| Подаци ћелија табеле | |
| БГЦОЛОР =боја | Одређује боју позадине за податке ћелија |
| цолспан =x | Број колона које покрива тренутне податке ћелија |
| ровспан =x | Број линија протеже тренутни подаци ћелија |
| АЛИГН =равнање | Усклађивање ткиво ћелије дате.Валори могуће: (лево, десно, центар) |
| ВАЛИГН =равнање | Вертикално поравнање материјала из ћелије дате.Валори могуће: (горе, доле, средина) |
| ИСТОРИЈАТ =урл | Одређује позадинску слику за ћелију |
| новрап | Не дозвољавају резачи редова текста унутар ћелије |
| АЛИГН =основни | Алигн ћелије података до основне линије придружене текста |
| АЛИГН =карактер | Поравнава ступац према одређеном знаку (подразумевани знак је „.“) |
| АЛИГН =оправдати | Алигн како леву ивицу и десну ивицу текста |
Предмети за додавање слика.
| <ИМГ | Обележавање улазне слике |
| СРЦ =урл | Изворна датотека графички |
| АЛТ =текст | Алтернативе тект за приказ, ако је потребно |
| АЛИГН =равнање | Усклађивање слику на страници. Могуће вредности: топ (врх), средње (у средини), доњи (у даљем тексту), лево (лево), десно (десно) |
| ВИСИНА =x | Висина слика (у пикселима) |
| видтх =x | слика ширина |
| ГРАНИЦА =x | Оквир око слике када се користи као хипервезе |
| хспаце =x | Додатни простор око слике хоризонтално (у пикселима) |
| вспаце =x | Додатни простор око слике вертикално (у пикселима) |
Формс елемената.
| Активан ХТМЛ образац | |
| АКЦИЈА =урл | ЦГИ програм на серверу који прима податке |
| НАЧИН =метод | Како се подаци преносе на сервер (ГЕТ или ПОСТ) |
| <ИНПУТ | Камп текст или неки други улазни подаци |
| ТИП =опција | Тип поља за унос . Могуће вредности: текст, лозинка, поље за потврду, скривено, датотека, Радио, поднети, ресет, слику. |
| ИМЕ =име | Поље Симболично име вредност |
| ВРЕДНОСТ =вредност | Садржај подразумевани текст поље |
| ЦХЕЦКЕД = опција | Дугме / Чекбокс означен подразумевано |
| сизе =x | Број карактера у пољу за текст |
| сизе =x | Максималан број знакова дозвољен |
| Група кућице | |
| ИМЕ =име | Поље Симболично име вредност |
| сизе =x | Број ставки менија који се приказују једном (стандардна = КСНУМКС) |
| ВИШЕ =x | Омогућава вишеструко избор ставки менија |
| <ОПТИОН | Посебан избор у пољу |
| ВРЕДНОСТ =вредност | Добијена вредност овог менија избор |
| Камп појачање текст на више линија | |
| ИМЕ =име | Поље Симболично име вредност |
| РОВС =x | Број линија за текст |
| ЦОЛС =x | Број колона (карактера) на линији за унос текста |
| Дели логичку форму у деловима | |
| Име повезан скуп поља (фиелдсетс) | |
| АЛИГН =s | Наведите легенду поравнања (Објашњење) који су приказани (горе, доле, лево, десно) |
| табиндек =x | Наведите налога ставке када корисник притисне тастер Таб |
| АЦЦЕСКЕИ =c | Који даје специфичан кључ од пречица са тастатуре у вези са одређеном тачком |
| ОНЕМОГУЋЕН | Елемент је неактиван, али се приказује на екрану |
| само за читање | Елемент се приказује на екрану, али не могу да се мењају |
Адванцед елементи.
| Конкретне информације о стиловима модел | |
| ТИП =Вал | Тип модела стила. Обично "тект / цсс" |
| Обично укључује сценарио Јавасцрипт у своју веб страницу | |
| ЈЕЗИК =језик | Језик који се користи |
| ЕВЕНТ =догађај | Догађај који изазива извршење одређених скрипти |
| ЗА =нумеобиецт | Предмет Име страна на којој делује сценарио |
Преузимање ХТМЛ Табеле са ТАГС
Ако желите да посетите сајт спровео туторијал, можете приступити на адреси: хттп://ввв.видеотуториал.КСНУМКСм.цом.
Препоручујем ти унзип прилога и проучи списе три ХТМЛ или ЦСС датотеку користећи Нотепад ++ или неки други програм за уређивање веб странице на овај начин могу да промене ЦАУ чак да правите белешке током њега ћете научити хтмл без тебе рачун.
Ви Вам пријатно и добродошлицу на следећим упутствима из ове серије и шире.
Види коментаре (КСНУМКС)
Врло лепо, тона информација у овом упутству.
Овај уџбеник може назвати инфузија ХТМЛ и ЦСС.
Можда не да научим за пар месеци можете овде научити у сат времена, све сам то видела пре него што је постављен и може се рећи да је импресиониран ми да цитирам информације могу да се уклопе у тексту.
У једном тренутку осетио сам потребу да пије воду, иако сам само гледао туториал, нити желим да мислим, позивајући се дан пио воду након тога.
Постоји нешто не научите ХТМЛ и / или ЦСС после овог туторијала.
Аолеу, оно што покушавам око 3 месеца да почнем да учим, још увек немам времена...
Хвала пуно, ја га пажљиво гледати!
да, у праву си, Цристи, али сам разочаран јер сам мислио да ћеш направити туторијал :( али у сваком случају, браво, веома добар туторијал
Није лепо то што сте рекли и искрено вам кажем, овај човек се мучио око сат и по да вас научи како да направите веб страницу од нуле, а ви кажете да сте разочарани јер он то није урадио? Можете замислити колико је човек уложио труда и колико је времена изгубио да научи сваког од нас основама хтмл-а и цсс-а, размислите пре него што отворите уста да вам не би одговарало да се уложите у посао па оставите друге бескорисни коментари као што сте разочарани што неко други није ставио, креирао овај туторијал, будите захвални што имате од чега да научите ;)
Шта мислите, да је серијал о "Како направити веб страницу" завршен.
У следећем упутству ће ме бити.
Јер оно што следећи туторијал ћу морати да се гледа овај текст под диригентском палицом Дан.
Оно што сам представити се разликује од туториал сам направио аза Дан, али информације у њој ће бити неопходни за правилно разумевање ствари.
Неколико начина објављивања садржаја на Интернету, али сви имају заједнички именитељ, ХТМЛ и ЦСС, без њих не може ништа.
Поздрав Кристи, доћи ће низ пхп или јс?
Причамо о свему, али и ПХП и ЈС сајт везује за ХТМЛ, ХТМЛ не може бити без.
ПХП се више користи за вађење података из база података, веб странице су и даље базиране на ХТМЛ-у, било да је реч о динамичким сајтовима (пхп, дхтмл, асп, јсп, цф) или да ли је реч о статичком сајту, ми ћемо користити ХТМЛ језик, без њега се ништа не може урадити.
Многи праве велику забуну „нећу више ХТМЛ сајт, хоћу динамички пхп сајт“, велика је грешка, скоро свуда се користи ХТМЛ без обзира да ли је реч о динамичким сајтовима или статичним сајтовима.
ЈС (Јава Сцрипт) није исто са ЈСП (Јава Сервер Пагес) који зависи од сервера, ЈС локације се користе за одређене скрипте, нема потребе за било ком серверу скрипти ЈС може да ради у било ком бровсер без потребе сервер компонента, и у овом упутству, Ден коришћен је низ сценарија ЈС (фото галерија), у ствари тачан усес ЈС, нема пуне странице са ЈС уместо тога пуне сајтови користе Јава Сервер Пагес то је нешто друго, иако изгледају исто.
Знам да сте одавно почели да проучавате "код", овај туторијал је одлична помоћ, Дан је одлично урадио овај туторијал, нећете ни схватити колико је овај туторијал вредан, испод туторијала имате скоро све ознаке (елементе) које се користе у ХТМЛ-у, можете их користити, поготово зато што свака има опис.
Не дозволите да ваш АЛЕКС, бреак код, заснован је.
Верујте ми, ти недостаје НИЈЕ ЗА потенцијал!
вау, пуно информација, веома добро структурирано тако да свако може да разуме. Лично сам гледао туторијал само да бих научио нешто ново, и како је туторијал напредовао, био сам запањен колико је лако направити веб страницу, а не заиста напуњен и веома пријатан за око.Честитам за овај туторијал и за све остале.Радујем се следећој "инфузији" (Кристијевим речима) са информацијама.
Честитам!! Веома леп туторијал, биће Румунија пуна веб дизајнера :) (надајмо се!!)
То ће бити туториал Дреамвеавер? Дц Не користите Дреамвеавер или у својим туторијала?
Честитам за све туторијале... најбољи сте ;)
Здраво.. туторијал је заиста сјајан, има много информација.. и мислим да сам морао да научим основни хтмл на насловној страни 98 радећи на десетине тестова преузетих из књига у библиотеци јер нисам имао нет у то време и сад могу да гледам туторијал који објашњава све што треба да знам..види се да сам еволуирао :)))..Свиђало ми се што је објашњено корак по корак и што су сви стављени на сајт основне команде + пример на коме се може радити.. види се да знате шта радите, прави сте учитељи!!
Ипак, много оних који раде у веб дизајну користе програме који аутоматски чине наредбе и моје питање је да ли направити туториал са таквим програмом ??
Знам да сте направили овај туторијал да бисте разумели команде, а самим тим и боље разумели програме за веб дизајн..али ипак сам радознао да видим шта ћете наставити са овом серијом туторијала јер се чак и о овој теми много говори ако неки сматрају да је досадно када су у питању туторијали попут оног који је направио Дан коме овом приликом честитам на туторијалу...