Основы web-дизайна, WWW, Word Wide Web, HTML, Веб-дизайн
Загрузка...
Внимание! Сайт работает в тестовом режиме и поэтому не все разделы будут доступны. Приношу свои извинения за доставленные неудобства. Ваша Саша:)


  • Рекомендация!
Уважаемые посетители!

Если информация на сайте
оказалась Вам полезной, то возможно Вы захотите порекомендовать его своим друзьям.

Не забывайте о них!

(Например: Иван Сергеевич
или Иван и т.д.)

(Например: ivan@mail.ru)
(Например: Петрова Маша или Мария и т.д.)
(Введите значение выражения)
5 + 3 =

* Пожалуйста,
заполните все поля формы
и проверте введенные
данные перед отправкой.
Спасибо!

Веб-дизайн (от англ. Web design), как определяют его в Википедии — это вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества. А проще говоря - это умение красиво и доходчиво преподнести информацию всем желающим пользователям Всемирной паутины, используя навыки владения графическими редакторами, например, Фотошопом и знания различных языков программирования, разметки текста, таблиц стилей и других прогрессивных технологий. Что такое Всемирная паутина? Какие технологии применяются в Веб-дизайне? Что нужно для создания сайта? Все это и многое другое, вы узнаете из разделов и подразделов представленных на этом сайте. Мы вместе будем осваивать и постигать интереснейший и увлекательный мир веб-дизайна и интернета.

Правда, если Вы хотите побыстрее научиться создавать сайты и освоить все технологии, применяемые при их создании, то самый быстрый способ достижения - это видео уроки. Лучше один раз увидеть и начать что-то создавать, чем сто раз услышать и ничего не сделать... И лучшими видео уроками по веб-дизайну, на мой взгляд, являются видео уроки, которые представлены, если кому интересно, в этом разделе. Все видео уроки объясняются простым и очень доступным языком, т.е. без всяких заумных и навороченных словечек. Единственно, что придется немного потратиться, ведь видео уроки представлены на CD и DVD дисках. Зато Вы всегда будете иметь под рукой учителя, который все объяснит и пошагово приведет к намеченной цели. Как в этом случае поступить? Решать только Вам! Выбор есть всегда! Кстати, есть возможность подписаться на бесплатные видео уроки по интересующей нас теме. Подписаться на бесплатные видео уроки можно здесь. А мы продолжим отвечать на поставленные вопросы.

Всемирная паутина или World Wide Web

Изначально Всемирная паутина или WWW (от англ. World Wide Web) была создана для того, чтобы ученые могли быстро осуществлять поиск необходимой им информации. Как правило, нужная информация (обычный печатный текст) хранилась на разных компьютерах, удаленных друг от друга на большие расстояния, но соединенных между собой проводами. Предполагалось, что поиск информации должен был осуществляться с помощью одного компьютера, используя специальные команды. А чтобы эти документы можно было пересылать между компьютерами, то придумали специальные программы-серверы, которые помогали принимать, хранить и отправлять документы в электронном виде.

Еще придумали программы-браузеры (веб-обозреватели), которые занимались тем, что отправляли заявки (запросы) от пользователей программам-серверам. Программы-серверы смотрели, что было указано в заявке (запросе), находили в электронном хранилище нужную информацию и отправляли ее программам-браузерам. (В уроке по созданию сайта на бесплатном хостинге Яндекса уже давалось определение и приводился список популярных Браузеров. Еще раз напомним, что Браузер – это программа для путешествий по интернету. На данный момент существует множество таких программ, например: Interner Explorer, Mozilla Firefox, Opera, Google Chrome, Safari и другие.)

Для того, чтобы программы-серверы и програмы-браузеры могли между собой общаться и передавать друг другу заявки и документы, то для них составили строгие правила и записали в протокол. Он так и называется - протокол передачи гипертекста (от англ. HyperText Transport Protocol — HTTP). Благодаря этим правилам, программы-браузеры и программы-серверы успешно общаются и передают друг другу информацию.

А вот полученную информацию от программ-серверов, программы-браузеры уже выводят на экран. А чтобы эти документы выглядели на экране так же как на бумаге, то для этого и придумали язык разметки гипертекста - HTML (от англ. HyperText Markup Language). Он так и звучит - язык, который размечает огромное количество текста, который связан между собой в определенном порядке. Это означает, например, что для разметки абзаца существует один код (тег), для разметки заголовка используется другой код (тег), для определения размера и цвета шрифта свои коды, а для связывания электронных страниц (документов) между собой используют специальные ссылки и т.д. Вот эти коды (теги) и ссылки говорят программе-браузеру каким образом разместить текст или любую другую информацию на экране монитора. Проще говоря - это язык, который понимает программа-браузер. Она выводит информацию на экран в том порядке, который указан в коде языка разметки (HTML).

По мере развития интернета происходили изменения и в языке HTML. Это значит, что кроме текста в документы стали добавлять таблицы, графические элементы, например, картинки, фотографии и т.д. А поскольку программы-браузеры выпускают разные производители, то и понимать коды языка HTML они могут по-разному. А чтобы не запутаться в этих кодах-тегах, установили определенные правила или стандарты для языка HTML, чтобы все программы-браузеры могли их понимать одинаково и без искажений выводить информацию на экран. Пример №1 смотреть здесь...

Еще теги имеют атрибуты, которые расширяют их возможности, например, атрибут align выравнивает текст по центру, принимая значение - "center", по левому краю, принимая значение "left", по правому краю - "right" или выравнивает текст по всей ширине страницы, принимая значение "justify".
Пример №2 смотреть здесь...

Вот мы и подошли непосредственно к изучению языка HTML.

HTML
(HyperText Markup Language - язык разметки гипертекстa)

Урок №1. Изучение основ HTML

Часть первая. Контейнерные теги

Начиная изучать основы языка HTML напомним, что он был создан для того, чтобы правильно (корректно) отображать на экране монитора копии документов, т.е. веб-страницы, хранящиеся на удаленных друг от друга компьютерах в электронном виде, обращаясь к ним через специальные программы браузеры или как их еще называют - Веб-обозреватели. Это было сделано для того, чтобы эти документы или же веб-страницы могли просматривать на своих мониторах огромное количество пользователей, подключенных к сети интернет.

Что представляет из себя Веб-страница?

В своей основе Веб-страница представляет собой обычный текстовый файл, созданный в обычном Блокноте или аналогичном простейшем текстовом редакторе, который содержит инструкции для браузера в виде HTML-кодов, т.е. тегов и их атрибутов. Эти теги и атрибуты указывают браузеру в каком порядке нужно выводит информацию на экран монитора. В основном HTML-коды являются парными и называются контейнерными, т.е. они имеют отрывающиеся и закрывающиеся теги. В приведенном выше примере №1 видно, что тег абзаца парный, т.е. указывает браузеру где начало и конец абзаца. Текст, заключенный между этими тегами, находится, как бы, в контейнере. Поэтому такие теги называются контейнерными или парными. А тег переноса строки, который говорит браузеру, что в этом месте нужно перейти на следующую строку - одинарный и не нуждается в закрытии. Еще существуют HTML-коды разделов, которые являются более значимыми тегами, так как между ними заключаются все остальные. Они тоже являются парными или контейнерными, т.е. имеют открывающий и закрывающий тег. Пример №3 смотреть здесь...

Попробуйте проделать тоже самое на практике и посмотрите, что из этого вышло. Для этого создайте в Блокноте или другом текстовом редакторе файл, скопируйте код из примера, сохраните файл с расширением html или htm и откройте в вашем браузере. Как это делается, если кто не знает, было показано в четвертой части урока по созданию сайта на бесплатном хостинге Яндекса. У тех, кто все сделал правильно должна получиться вот такая веб-страничка смотреть здесь...

Вот мы и познакомились с контейнерными или парными тегами и узнали из каких основных частей состоит веб-страница. Надеюсь, что Ваше знакомство с основами HTML состоялось. Следующие части данного урока будут выкладываться по мере готовности.

Спасибо за внимание!
 
 
 
При полном или частичном копировании материалов сайта активная ссылка на источник обязательна!