Как сделать сайт на «Народе»

Автор: Logna Wolverine

Не в первый раз в гесту обращаются люди с вопросом о том, как создать свой сайт и т.д...

Я не специалист, так что могу предложить короткое суммари по данному вопросу, основанное на личном опыте. Хотите знать больше - читайте литературу.

Итак, как создать сайт на "Народе".

Заводим себе электронный ящик на Яндексе. Его название - адрес сайта. Например, если ящик назывался herocomics@yandex.ru, то сайт будет иметь название www.herocomics.narod.ru.

Заходим в "Мою Мастерскую" - там располагаются все опции, что касаются сайта. В "Управлении файлами" будут находиться все файлы будущего сайта, через "Загрузку файлов" можно эти файлы туда загрузить. Страницы можно сделать как по уже имеющимся шаблонам (но это не выход, ежели вы желаете создать что-то особенное), так и сделать самому.

Страницы ХТМЛ (т.е. сами страницы сайта) можно сделать через прогу Microsoft FrontPage. В ней можно работать как непосредственно с кодом, так и просто работать с объектами - текст, картинки - как в Ворде. Т.е. двигать их, менять цвет текста и т.д.

Чтобы работать с картинками, нужно освоить Adobe Photoshop - хотя бы то, что касается уменьшения картинок.

Для того, чтобы создать анимацию – движущийся gif рисунок, используется Adobe Image Ready, устанавливается вместе с Фотошопом.

Если вы хотите сделать иконку для сайта, нужен Corel Drow – он поддерживает формат ico, и с его помощью можно сделать иконку из квадратной jpeg или gif картинки. Но это касается только иконок без прозрачности. Для иконок с прозрачностью потребуется специальная программа.

Главная страница.

Здесь располагается навигация сайта – где что на нем находится. Она должна быть предельно простая и понятная пользователю, дабы он не заблудился на вашем сайте. Если ссылки сайта представляют собой не текст, а кнопки (по сути – небольшие картинки с надписями), то надо обязательно прописывать эти ссылки с помощью тега ALT – что за этими ссылками находится, тогда то, что прописали под ALT, будет видно, пока кнопки не загрузятся.

Пример применения кода:

где после a href идет адрес ссылки, затем название картинки, что этой картинке соответствует и ее ширина и высота в пикселях.

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

Страницы

Их желательно оформлять в одном стиле – один и тот же цвет фона, шрифта, размер шрифта и его написание. Лучше использовать шрифты типа Times New Roman и Arial Black, т.к. они хорошо читаемы и установлены практически на всех компьютерах. Если используете фоновый рисунок, он должен быть не очень тяжелый и не настолько яркий, чтобы перебивал текст, и от него было больно глазам. Фон не должен быть одного цвета с текстом! Даже если при этом используется фоновый рисунок - пока он не загрузится, ничего не будет видно.

Простейший способ проверить сайт на читабельность – посмотреть его в режиме «без рисунков».

Графика.

Если на сайте есть галерея, то ее обязательно следует делать с предпросмотром. Т.е. маленькая картинка, при нажатии на которую открывается такая же большая.

Файлы.

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

Ошибки

Если вы написали текст страницы, а он отображается как какая-то галиматья с непонятными символами, вставьте в коде после <head> этот код:

Microsoft Frontpage по умолчанию сохраняет страницы в формате htm. Если вы прописали ссылку на страницу, а она не работает, проверьте, сохранена страница, на которую ссылка, в htm или html.

При связи ссылками надо обязательно указывать тип файла. Например: wolvie.jpg, music.rar, bio.html и все в таком роде.

Народ не открывает файлы и выдает ошибку, если тип файла прописан большими буквами.

Все названия файлов должны быть написаны по-английски.

Не следует закачивать файлы больше 5 Мгб – их удалят.

Все элементы оформления следует выравнивать – по краям, центру, верху или низу – как необходимо в вашем оформлении. Следует учитывать, что вашу страницу будут смотреть пользователи с разными разрешениями монитора, и если этого не сделать, элементы дизайна при просмотре с иным разрешением, чем у вас, непременно съедут, куда бы вам не хотелось. Для выравнивания иногда используется таблица, в которую вставляются элементы оформления. Наиболее часто используются разрешения экрана 800х600 и 1024х768 пикселей.

Когда вы делаете весь сайт в домашних условиях, а не по шаблонам, следите, чтобы все элементы были в одной папке. Иначе, когда будете делать ссылки, ФронтПэйдж может прописать на странице ссылку по типу «C:\Documents and Settings\Logna\Рабочий стол\закачать на сайт\wolvie.jpg» вместо «wolvie.jpg», и потом этот файл, само собой, не будет открываться в сети.

Все вопросы по статье и сайту мыльте сюда: LognaWolverine@yandex.ru