Искате ли да видите как е била изградена уеб страница? Опитайте да прегледате изходния код.
Преглеждането на HTML източника на уеб страница е един от най-лесните (и все пак най-ефективни) начини за изучаване на HTML, особено за по-новите специалисти в мрежата, които са започнали да работят в индустрията. Ако видите нещо в уебсайт и искате да знаете как е било направено, прегледайте изходния код за него.
Ако ви харесва оформлението на уебсайт, преглеждането на източника, за да видите как е постигнато това оформление, ще ви помогне да научите и подобрите собствената си работа. С течение на годините много уеб дизайнери и разработчици са научили доста HTML, просто като преглеждат източника на уеб страниците, които виждат. Това е чудесен начин за начинаещите да научат HTML и за опитни уеб специалисти, за да видят как могат да се прилагат нови техники за даден сайт.
Не забравяйте, че изходните файлове могат да бъдат много сложни. Заедно с HTML маркировката за дадена страница, вероятно ще има много CSS и скриптове, които се използват, за да създадат външния вид и функционалността на сайта, така че не се разочаровайте, ако не можете да разберете какво се случва веднага. Преглеждането на HTML източника е само първата стъпка. След това можете да използвате инструменти като разширението Web Developer на Chris Pederick, за да разгледате CSS и скриптовете, както и да проверите конкретни елементи от HTML.
Ако използвате браузъра Safari, ето как можете да видите изходния код на страницата, за да видите как е създаден.
Как да видите HTML източника в Safari
- Отворете Safari.
- Отворете уеб страницата, която искате да разгледате.
- Кликнете върху менюто Разработване в горната лента с менюта. Забележка: Ако менюто Разработване не е видимо, влезте в Предпочитания в раздела Разширени и изберете Меню Развитие в лентата с менюта.
- Кликнете върху Показване на източника на страница . Това ще отвори текстов прозорец с HTML кода на страницата, която гледате.
Съвети
- В повечето уеб страници можете също да преглеждате източника, като кликнете с десния бутон върху страницата (не върху изображение) и изберете "Показване на източника на страница". Това ще се покаже само ако менюто Разработка е активирано в "Предпочитания".
- Safari също има клавишна комбинация за преглеждане на HTML източника - задръжте клавишите за команда и опцията и натиснете U (Cmd-Opt-U.)
Изглежда правният код на изходния код?
Докато копирането на кода на сайта на едро и го отмива като свой собствен на даден сайт със сигурност не е приемливо, използването на този код като трамплин, от който да се учи, всъщност е колко напредък се прави в тази индустрия. Всъщност, ще бъдете силно натиснати да откриете работещ уеб специалист днес, който не е научил нещо, като разгледа източника на сайта!
В крайна сметка, уеб професионалистите се учат един от друг и често подобряват работата, която виждат и вдъхновяват, така че не се колебайте да видите изходния код на сайта и да го използвате като учебен инструмент.