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


СодержаниеВперёд

Урок 1. Основа для статического сайта на html



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

29 марта 2013 года я получила письмо от сервиса "Народ.ру" следующего содержания:

"Добрый день!

Вы получили это письмо, так как являетесь владельцем сайта, созданного в Мастерской на narod.yandex.ru. Хотим предупредить Вас, что с 5 по 8 апреля Ваш сайт будет недоступен для редактирования из-за переезда из Мастерской на сервис uCoz. Вы сможете продолжить работу с ним уже на новой площадке. Вход в интерфейс для редактирования останется на том же месте – на narod.yandex.ru.

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

Постепенно на uCoz переедут все "народные" сайты. О причинах переезда можно узнать в блоге Яндекса, а найти ответы на свои вопросы – на faq.ucoz.ru/faq/34-1. Это письмо отправлено автоматически, отвечать на него не имеет смысла.

Команда Яндекса"


Таким образом, на данный момент все сайты, которые создавались на "Народ.ру" переехали в систему ucoz, которая является хостингом со своей системой регистрации и готовой "машиной", представляемой пользователям. Как следствие этого, данный урок становится не актуальным.

Однако, у нас остаётся общий для html способ создания Главной страницы любого сайта, работающего на html:

1. Открываем в своём компьютере Блокнот



Или такой блокнот:



2. Вписываем в блокнот вот этот код:

<html>
<head>
<title> Народ.Ру: Новая страница</title>
</head>
<body>


</body>
</html>


3. Нажимаем в блокноте: Файл - Сохранить как
4. Имя файла: index.html (точка в конце не ставится).
5. Тип файла: Все файлы
6. Сохраняете файл в удобную для вас папку (лучше создать новую и запомнить, где именно она у вас находится).
7. Регистрируетесь на каком-либо бесплатном сервисе, который предоставляет возможность делать свой сайт на html, открываете на нём тот раздел, через который на данном хостинге предлагается загружать свои файлы.
8. Следуете инструкции по загрузке файлов на данном сервисе.
11. После того, как вы загрузили файл index.html - Ваша Главная страница становится доступна по тому адресу, который предоставляет Вам сервис.

Урок окончен.


Перейти к Уроку 2


© М.В. Гуминенко. 2008 г.
По вопросам использования материалов сайта обращаться по адресу: 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

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

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

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

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


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

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

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

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

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


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