В этом разделе мы поэтапно расскажем, как делался сайт "Созвездие Близнецов"


Вступление

Данный раздел сайта призван помочь начинающим сайтостроителям. Идея Уроков появилась по нескольким причинам.

Когда мы ещё только начали делать первые страницы "Созвездия Близнецов", к нам стали обращаться наши знакомые с просьбой объяснить, как и что сделано на сайте. Поскольку объяснять в ICQ или в личных сообщениях каждому одно и то же мне показалось нецелесообразным, я решила вынести все объяснения в форме очень подробных уроков.
Вторая причина, которую нельзя не упомянуть: Поскольку уроки HTML, которые можно было отыскать в интернете, меня саму не устраивали, я не могла по ним разобраться, с чего начать и как что делать, я предположила, что есть достаточно людей кроме меня, которые так же нуждаются, чтобы им объяснили всё с самого начала, по пунктам, вплоть до того, как и когда на какую кнопку необходимо нажать, чтобы добиться определённого результата.
Несмотря на то, что я старалась писать как можно более просто и понятно, всё же, уроки не рассчитаны на человека, который "только вчера купил свой первый компьютер". Мы сами, прежде чем создавать сайт dugward.ru, создавали и были администраторами форумов на бесплатных сервисах borda.ru, Mybb.ru, forum2x2.ru, UcoZ. ru, а также сделали несколько пробных сайтов на narod.ru. При чём на бесплатных хостингах мы провели достаточно много времени, чтобы изучить основы дизайна и управления. Естественно, после такой практики управление сайтом на платном хостинге sweb.ru выглядело уже не так страшно.

В наших Уроках мы постараемся изложить всё максимально просто и разъяснить даже то, что казалось бы, должно быть ясно абсолютно всем.
Если в уроках всё-таки что-то непонятно или недостаточно объяснено, милости просим на форум, там можно задать вопросы или попросить ещё раз объяснить то, что осталось непонятным по прочтению уроков.

Практический совет: если одновременно с прочтением урока начать это делать - становится ещё более просто и понятно.

Маргарита Гуминенко




Содержание уроков

  • Урок 1. Основа для статического сайта на html (Ранее делалось для Народ.ру) (Автор уроков с 1 по 14: М.В. Гуминенко)
  • Урок 2. Создаём таблицу как основу для страницы сайта
  • Урок 3. Ссылки и работающие кнопки (баннеры)
  • Урок 4. Вставляем логотип. Цвет фона и фоновое изображение
  • Урок 5. Создаём модуль для ссылок
  • Урок 6. Форматируем текст. Размер, цвет, наименование шрифта, абзац, красная строка
  • Урок 7. Убираем некоторые огрехи. Атрибуты cellspacing, cellpadding, VALIGN
  • Урок 8. Стили CSS
  • Урок 9. Регистрация на платном хостинге
  • Урок 10. Установка форума

    Дополнения к урокам

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


  • Урок 11. Прописываем логотип в CSS
  • Урок 12. Что делать, чтобы ссылки на странице были разной конфигурации
  • Урок 13. Масштабирующаяся рамка в обрамлении страницы, картинки, логотипа, таблиц, текста и пр.: общий принцип
  • Урок 14. Пространственно-логические задачки с таблицами: атрибуты colspan и rowspan
  • Урок 15. Масштабирующиеся под любое разрешение монитора логотипы (Авт.: А.М. Возлядовская)
  • Урок 16. Внутристраничные ссылки (так называемые "якоря"). (Авт.: А.М. Возлядовская)
  • Урок 20. Размещение картинки на странице с текстом. (Авт.: А.М. Возлядовская)
  • Урок 21. Скрытый текст с помощью JavaScript и с помощью динамического HTML. (Авт.: М.В. Гуминенко)
  • Урок 22. Бегущая строка. (Авт.: М.В. Гуминенко)
  • Урок 23. Текстовые теги и некоторые специфические символы для html (Авт.: М.В. Гуминенко)
  • Урок 24. Создание простейших фотоальбомов (Авт.: М.В. Гуминенко)
  • Урок 25. Скрипт: меняющийся при обновлении страницы логотип (Авт.: М.В. Гуминенко)
  • Урок 26. Персональная иконка для вашего сайта (Авт.: М.В. Гуминенко)
  • Урок 27. Ссылка "Наверх страницы" (Авт.: М.В. Гуминенко)
  • Урок 28. Неподвижный фон, прописанный с помощью стилей CSS. Размножающаяся и не размножающаяся картинка фона (Авт.: М.В. Гуминенко)
  • Урок 29. Переезд с одного платного хостинга на другой (Авт.: М.В. Гуминенко)
  • Урок 31. Как взять деньги с партнёрской программы Google AdSense (Авт.: М.В. Гуминенко)




  • © М.В. Гуминенко, А.М. Возлядовская. 2008-2010

    По вопросам использования материалов сайта обращаться по адресу: Kippari2007@rambler.ru




    Навигация по урокам

    Работа с хостингом

    Регистрация на Narod.ru

    Регистрация на платном хостинге

    Переход с одного платного хостинга на другой


    Вопросы по таблицам

    Таблица как основа для страницы сайта: табличные теги "width", "border"

    Таблица как модуль для ссылок: ячейки и строки ("td" и "tr"), значения атрибута "align"

    Атрибут "VALIGN" и его значения. Атрибуты "cellpadding" и "cellspacing"

    Сложные таблицы. Атрибуты атрибуты "colspan" и "rowspan"


    Форматирование текста

    Выравнивание текста (атрибут "align"). Имя, цвет, размер шрифта (font: family, face, color, size). Абзац ("p"). Как задать отступ красной строки (немного о стиле CSS)

    Как прописать шрифты и заголовки в стилях CSS

    Амперсанды. Текстовые теги. Специфические символы


    Делаем ссылки

    Как написать код ссылки

    Как задать внешний вид ссылки (шрифт, цвет, размер и пр.) в стилях CSS

    Что нужно сделать, чтобы на одной странице они были разного цвета, шрифта, размера и пр. (в CSS)

    Внутристраничные ссылки или закладки (якоря)

    Ссылка "Наверх"


    Картинки (логотипы, баннеры, фон)

    Загрузка изображений на Radikal.ru

    Как сделать работающую кнопку (баннер)

    Как установить логотип, задать цвет фона (таблицы, страницы сайта), установить фоновое изображение. Атрибуты bgcolor и background

    Как установить логотип через документ стилей CSS

    Масштабирующиеся логотипы

    Масштабирующиеся рамки в обрамлении таблицы (страницы)

    Размещение картинки на странице с текстом

    Неподвижный фон

    Favicon.ico: персональная иконка для вашего сайта


    Ссылки на таблицы с кодовыми обозначениями цвета можно найти в этих уроках:

    Как установить логотип, ЗАДАТЬ ЦВЕТ ФОНА (таблицы, страницы сайта), установить фоновое изображение. Атрибуты bgcolor и background

    Выравнивание текста (атрибут "align"). Имя, ЦВЕТ, размер шрифта (font: family, face, color, size). Абзац ("p"). Как задать отступ красной строки (немного о стиле CSS)


    Вопросы по JavaScript и динамическому html

    Скрытый текст с помощью JavaScript и динамического html

    Бегущая строка

    Простейшие фотоальбомы

    Сменяющийся логотип


    Несколько советов по установке форумного движка SMF на платный хостинг