Сайт своими руками от А до Я. Пошаговый Обучающий Курс.
Этот раздел создан по многочисленным просьбам посетителей нашего сайта и читателей рассылки. В разделе представленпошаговый обучающий Курс по создания собственного сайта от А до Я. Изучив, уроки этого раздела, Вы научитесь самостоятельно создавать классические сайты жесткого, табличного дизайна на HTML и CSS.
К сожалению, я не знаю уровня Вашей подготовки и знаний в области «сайтостроения», поэтому исхожу из того, что Вы только «вчера сели за компьютер» и знаете только как он (компьютер) включается.
Поэтому в каждом уроке мы будет подробно разбирать каждый шаг последовательно и очень подробно. Я Вам расскажу и покажу весь процесс создания сайта с нуля, так как это делаю я. Начиная с планирования и подбора темы для сайта до окончательного размещения его в сети Интернет.
По окончании обучения Вы научитесь самостоятельно делать сайты и размещать сайты в Интернете. Кроме того выполняя последовательно все действия, Вы будете иметь готовый работающий сайт размещенный в сети Интернет!
Ни один web-проект или сайт не мыслим без текстового содержания, ведь люди придут на Ваш сайт в поисках информации. Как правило в большинстве случаев это в первую очередь, текст. И от того как выглядит текст на сайте, складывается мнение и впечатление как об Авторе сайта, так и о Вашем сайте.
Поэтому очень важно как отформатирован Текст, выровнен ли текст и как выровнен, каким шрифтом и каким размером шрифта, набран текст. В этом уроке мы как раз и будем учиться форматировать текст на web-странице в визуальном редакторе Dreamweaver CS3.
Просматривая печатные издания (газеты, журналы, книги и т.д.), Вы в первую очередь обращаете внимание на Заголовки, бегло просматривая и решая для себя читать дальше или нет. Ведь так? От того как выгдит Заголовок, бросается он в глаза или нет, заинтересовал Вас или нет, Вы или берете другое издание или продолжаете изучать это.
Так и в Интернете. Если Заголовок web-страницы статьи или абзаца, Вас заинтриговал, Вам хочется узнать: А что же там дальше? И естественно Вы продолжаете изучать этот сайт дальше, переходя на новые и новые страницы, а здесь повторяется такая же история. Надеюсь вы поняли всю важность Заголовков - это первый взгляд, по которому посетитель принимает решение, остаться на Вашем сайте или уйти на другой сайт.
Что бы выиграть в конкурентной борьбе, современные сайты, кроме текстового наполнения, должны иметь еще и графическое содержание, т.е. Ваш сайт будет гораздо более привлекательнее для посетителей если на сайте будут расположены картинки, рисунки, фотографии и т.д. Все это называется одним словом - графика.
Но прежде чем размещать графику на сайте её нужно соотвествующим образом подготовить. Т.е. придать нужный размер, оптимизировать по соотношению размер файла - качество. В этом уроке мы будем учиться готовить и размещать графику на сайте.
Современная тендеция сайтостроения подразумевает разделения кода web-страницы и оформления сайта, правильнее будет сказать от деляем дизайн сайта от кода. Если в преведущих уроках мы с Вами учились форматировать и оформлять наш Контент (Контент - это содержание сайта: текстовое, графическое и т.д.) прямо в html-файле, то в этом и в следующих уроках мы перенесём весь дизайн сайта, точнее все созданные ранее стили оформления сайта в отдельный файл.
Функцию оформления внешнего вида сайта будет выполнять Каскадная Таблица Стилей CSS. Мы создадим отдельный файл для этих целей и подключим этот файл к нашему сайту.
В прошлом уроке мы подключили к нашему сайту Каскадную Таблицу Стилей отдельный - файл style.css и рассмотрели все плюсы использования CSS при создании сайтов. Несмотря на кажущееся усложнение, плюсов в таком варианте оформления сайта гораздо больше, чем Вам может показаться.
В этом уроке мы восстановим все созданные ранее стили оформления нашего сайта, но уже на платформе CSS, т.е. в отдельном, новом файле. Т.е. мы начинаем изучать стили оформления сайта с помощью CSS. Надо отметить, что CSS, в отличии от HTML предоставляет гораздо больше возможностей для оформления дизайна сайта. Например в CSS можно задать фоновое оформление сайта не только в виде названия цвета, но и с использованием фоновых изображений, проще говоря использовать в качестве фона картинки.
В этом уроке мы продолжаем работу начатую в прошлых уроках, а именно мы продолжаем создавать общий стиль оформления нашего сайта. Ведь дизайн сайта - это одна из важных составляющих имиджа Интернет проекта. Как говорится по одёжке встречают. А кроме того приходя на сайт посетитель по внешнему виду сайта, делает выводы о профессионализме его владельца. А первое впечатление, согласитесь - важная вещь. Вспомните по одёжке встречают....
Итак, в этом уроке мы уберем с Вами созданные в прошлых уроках Рамки (созданные с помощью HTML), вокруг Главной и Вложенных таблиц (которые не вписываются в дизайн) и создадим но уже средствами CSS , новые, более подходящие и более элегантные окантовки вокруг всех основных элементов сайта: Главной и Вложенной таблиц, вокруг Футера и Хеадера. Дальше мы....