Уроки WEB дизайна




 Практика HTML-кодинга


Выглядит HTML-код примерно вот так. Как говорил Карлсон: "Тебе страшно? Мне нет". Вы можете сами посмотреть код любой заинтересовавшей Вас страницы. Для этого (будем рассматривать на примере Internet Explorer'а)
нужно зайти в меню View и выбрать пункт Source. HTML-файлы - это текстовые файлы. Это значит, что если просмотреть содержимое файла каким либо его текстовым редактором, только не Word'ом, а, например, Блокнотом, Notepad'ом, потому что Word - это своего рода браузер, который зачастую показывает нам не исходное содержимое файла, а неким образом его форматирует;
так вот, если открыть текстовый файл Notepad'ом, то мы увидим там нечто более-менее членораздельное. Я не уверен, что можно назвать членораздельным для Вас то, что Вы видите, но всё-таки, если Вы присмотритесь, то увидите не какие-то непонятные закорючки, а некоторые английские слова. В противоположность текстовым существуют так называемые бинарные файлы.
Попробуйте открыть Notepad'ом какую-нибудь картинку. Эти закорючки понятны только компьютеру. Человеку тут делать нечего: ни понять, ни отредактировать здесь мы ничего не можем. Кстати, Word'овские файлы doc, казалось бы, должны быть текстовыми. Но давайте попробуем открыть такой файл Notepad'ом.
Как видите, этот файл оказался бинарным и найти в нём какое-либо понятное человеку содержимое невозможно. Так вот, благодаря тому, что HTML - это обычные текстовые файлы, и в таком виде они и приходят к нам с сервера, мы всегда можем посмотреть их "в оригинале", до перевода браузером на человеческий язык.
И с точки зрения освоения веб-дизайна это прекрасно. Побольше изучайте исходники хороших сайтов - в этом залог успешного освоения Вами веб-дизайна. Программистам в этом смысле живется труднее: Программы обычно компилируются в бинарный код, те самые закорючки, по которым невозможно понять, как программа была написана.
Поэтому для компилируемых программ существует понятие "исходника", т.е. текста программы, который написал программист.
К пользователю, как правило, попадает уже откомпилированная программа, а исходники, представляющие, на самом деле, большую ценность, разработчики держат у себя и никому не показывают. Хотя есть и исключение -  программы с открытым исходным кодом, но это отдельная песня. Это целая, можно сказать, философия.
Итак, да простят меня программисты за не вполне корректное сравнение, HTML - в отличие от программ - сам себе исходник. Это, в частности, обусловлено требованием универсальности: если программы пишутся под определенную операционную систему,  то текст "понятен" абсолютно любому компьютеру.
Теперь о порядке работы. Было бы жестоко из нежных объятий Dreamweaver'а сразу бросать Вас в омут чисто текстовых редакторов. Поэтому поначалу мы будем продолжать пользоваться нашим привычным инструментом, но HTML будем писать вручную, благо Dreamweaver, как и большинство других редакторов, позволяет помимо работы в визуальном режиме, работать и в режиме ручной правки HTML-кода. Переключение осуществляется с помощью кнопок на панели инструментов. Нажимаем кнопку Code View и можем теперь редактировать наш HTML-код.
Затем мы плавно перейдем на полностью ручную работу в текстовом редакторе. Результат будем смотреть сразу в браузере. Это, конечно, занятие не для слабонервных, но что может быть прекрасней, чем почувствовать себя крутым HTML-верстальщиком, пишущим код вручную?!

Карта сайта Реклама
На нашем сайте Вы сможете найти любую информацию о программах 3D Max, Macromedia Flash MX, Corel Draw 12, Adobe Illustrator и многих других. Вы не найдете на данном сайте различные серийники, ключи, активацию, русификаторы, кряк, crack, keygen, серийные ключи и кейгены для этих программ. Для приобретения или скачивания программ воспользуйтесь ссылками на официальных сайтах производителей.
trc-univercity.ru Программы для Вконтакте С помощью