Не пора ли нам от теории перейти к практике? Мы много поговорили о том, как и для чего возник язык HTML, какими извилистыми путями шло его развитие. Теперь пришло время посмотреть ему в глаза и в ужасе отшатнуться. Или же наоборот, с замиранием сердца припасть к этому живительному источнику гипертекстовых страничек. Выглядит HTML-код примерно вот так. Как говорил Карлсон: "Тебе страшно? Мне нет". Вы можете сами посмотреть код любой заинтересовавшей Вас страницы.

Для этого (будем рассматривать на примере Internet Ехріогег'а) нужно зайти в меню View и выбрать пункт Source. HTML-файлы - это текстовые файлы. Это значит, что если просмотреть содержимое файла каким либо его текстовым редактором, только не Wordом, а, например, Блокнотом, Notepadом, потому что Word - это своего рода браузер, который зачастую показывает нам не исходное содержимое файла, а неким образом его форматирует; так вот, если открыть текстовый файл Notepad ом, то мы увидим там нечто более-менее членораздельное. Я не уверен, что можно назвать членораздельным для Вас то, что Вы видите, но всё-таки, если Вы присмотритесь, то увидите не какие-то непонятные закорючки, а некоторые английские слова. В противоположность текстовым существуют так называемые бинарные файлы.

Попробуйте открыть Notepad ом какую-нибудь картинку. Эти закорючки понятны только компьютеру. Человеку тут делать нечего: ни понять, ни отредактировать здесь мы ничего не можем. Кстати, Wordовские файлы doc, казалось бы, должны быть текстовыми. Но давайте попробуем открыть такой файл NotepadoM.

Как видите, этот файл оказался бинарным и найти в нём какое-либо понятное человеку содержимое невозможно. Так вот, благодаря тому, что HTML - это обычные текстовые файлы, и в таком виде они и приходят к нам с сервера, мы всегда можем посмотреть их "в оригинале", до перевода браузером на человеческий язык.

И с точки зрения освоения вебдизайна это прекрасно. Побольше изучайте исходники хороших сайтов - в этом залог успешного освоения Вами веб-дизайна. Программистам в этом смысле живется труднее: Программы обычно компилируются в бинарный код,

те самые закорючки, по которым невозможно понять, как программа была написана. Поэтому для компилируемых программ существует понятие "исходника", т.е. текста программы, который написал программист.

К пользователю, как правило, попадает уже откомпилированная программа, а исходники, представляющие, на самом деле, большую ценность, разработчики держат у себя и никому не показывают. Хотя есть и исключение

- программы с открытым исходным кодом, но это отдельная песня. Это целая, можно сказать, философия.

Итак, да простят меня программисты за не вполне корректное сравнение, HTML - в отличие от программ - сам себе исходник. Это, в частности, обусловлено требованием универсальности: если программы пишутся под определенную операционную систему, то текст "понятен" абсолютно любому компьютеру.

Теперь о порядке работы. Было бы жестоко из нежных объятий Dreamweaver'а сразу бросать Вас в омут чисто текстовых редакторов. Поэтому поначалу мы будем продолжать пользоваться нашим привычным инструментом, но HTML будем писать вручную, благо Dreamweaver, как и большинство других редакторов, позволяет помимо работы в визуальном режиме, работать и в режиме ручной правки HTML-кода. Переключение осуществляется с помощью кнопок на панели инструментов. Нажимаем кнопку Code View и можем теперь редактировать наш HTML-код.

Затем мы плавно перейдем на полностью ручную работу в текстовом редакторе. Результат будем смотреть сразу в браузере. Это, конечно, занятие не для слабонервных, но что может быть прекрасней, чем почувствовать себя крутым HTML-верстальщиком, пишущим код вручную?!

⇐Раздел 4. технологии web-дизайна - html - то такое html | TeachPro WEB-дизайн | Синтаксис html и структура html-документа⇒