выпуск  № 9       (30 декабря 2002 года)

 

предыдущая страница страница № 15 содержание журнала
AnimemaniacsMagazin - АнимеСтатьи.
Радужный

Очередным аниме-сайтом в рунете сегодня никого не удивишь. Их очень много. Задаюсь вопросом, а сколько хороших сайтов? Хороших в том плане, что они грамотно построены, удобны для пользователя и просто радуют глаз? Уже меньше. Гораздо меньше. Попробуем сделать на один больше? Сегодняшний рассказ о сайтостроении.

Страница 01. Рождение идеи.

Что моя хотеть? Моя хотеть сайт!!! - собственно примерно таким вопросом задаётся большинство людей, которые уже достаточно времени провели в интернете и хотят обосноваться в нём ещё глубже. Стимул понятен - без чего-то личного в сети ты просто гость, посетитель, пользователь, называйте, как хотите. В начале появляется почта, потом появляются любимые места и прочие радости жизни. И вот, наконец, изощрённый ум придумывает себе занятие. Сделаю я себе страничку. Свою личную. Свою... свою... свою...

На этом идеи заканчиваются. Многие строят страничку по "шаблону" и сидят довольные. Те, кто копнули поглубже и немного подучили язык разметки (в быту html) делают первые нелёгкие и маленькие шажки на поприще сайтостроения.

Страница 02. Воплощение мысли по шаблону.

Начнём с азов. Шаблонные сайты: Шаблон - это готовая заготовка оформления вашей будущей странички. Пользователю лишь надо добавить в него текст, картинку, пару ссылок - и всё. Сайт готов. Знать в принципе ничего не надо. Всё операции проделываются в удобном и доступном веб-интерфейсе.

Плюсы: Вы уже обзавелись домашней страничкой.

Минусы: Это - не сайт. Это не вы его сделали, а его сделали за вас. Он ничем не выделятся из десятков шаблонно-подобных сайтов других пользователей. Вы по-прежнему гость в сети.

Воплощение: Любой хостинг, предоставляющий сайт-по-шаблону. По непонятной причине многими мунятами очень любим всенародный narod.ru.

Страница 03. Воплощение мысли в MicroSoft (tm).

Но это нехорошо. Смотреть на всё это можно только с ироничной улыбкой. Основным препятствием для таких сайтовладельцев является незнание html. На самом деле следующий шаг довольно прост - вооружившись любым учебником по html (в любом книжном магазине/у знакомых) и программой, входящей в комплект стандартной поставки Microsoft Office уже можно сделать гораздо больше. Имя этой программы - FrontPage.

Расписывать теги html я не вижу смысла. Это за меня с лёгкостью сделает любая книга, посвящённая данной теме. Но голыми знаниями не обойдёшься. Сделаешь шаг влево, шаг вправо и в руках уже страшная штука, которую хочется бросить и бежать подальше. Сделаем милый сайт?

П 1: Возьмите карандашик и клочок бумаги. Набросайте своё будущее творение. Хотя бы приблизительно. Записывайте мысли на бумагу. Иначе вы их забудете. Не гнушайтесь, если вы за основу взяли оформление с чужого сайта. Главное полностью его не копировать...

П 2: Определитесь с цветовой гаммой. Старайтесь не использовать большое количество цветов для оформления (исключая готовые изображения). Ограничьтесь цветовой гаммой в 3-5 цветов + оттенки. Этого хватит с головой

П 3: Подстраивайтесь под разрешения монитора. Оптимальным на данный момент являются разрешения 800х600 и 1024х768. Если ваш сайт не растягивающийся, то исходите из ширины размеров экрана браузера - 780 пикселей. 780 потому, что если ваш сайт имеет вертикальный скроллинг, полоса прокрутки занимает как раз 20 пикселей.

Далее, под словом "браузер" я подразумеваю Internet Explorer версии 5.0 и выше. Оптимизация под альтернативные программы - на ваше усмотрение.

П 4. Продумайте удобное меню навигации. Кнопочки без надписей, или меню внизу странички (особенно когда есть скроллинг) популярности вашему проекту не прибавят.

Страница 04. Доделываем руками. При участии мозга естественно.

Теперь, после того как первые наброски лежат на вашем жёстком диске, стоит приступать ко второй стадии - поиску серьёзных ошибок, устранении огрехов и продумыванию мелочей. Большое количество возможностей предоставляемых html очень часто становится летальным для тех людей, которые хотят добавить в страничку всего и сразу. Старайтесь придерживаться тех пунктов, что описаны ниже.

- Большое количество графики вредно для модемов с малыми скоростями. Посмотрите на объём графического оформления вашей странички. В идеале он не должен превышать 100 кб.
     - Откажитесь от использование midi-музыки на страничке. Звучать она будет, как старая пластинка, занимать дополнительные килобайты и раздражать пользователя. Особенно если у него в это время играет что-нибудь другое.
     - Не используйте обыкновенные картинки для заднего фона. Анимированные картинки также вредны. Фон не должен резать глаза и/или привлекать внимание.
     - Не делайте каждую следующую страничку отличную от предыдущей. Особенно, менять цветовую гамму на различных страничках. От всего этого болят глаза.
     - Научитесь работать с CSS (Каскадные таблицы стилей). Они серьёзно облегчат вашу жизнь...
     - Если вы делаете сайт под разрешение 1024х768, то не надо делать большой шрифт. Представьте, какое "удовлетворение" получат те, у кого разрешение экрана поменьше...
     - Не надо нагружать страничку действительно БОЛЬШИМИ картинками или криво анимированными GIF-ами.
     - Если размещаете кнопочки друзей и поисковых систем, размещайте их строго в ряд с небольшими пропусками, а не как придётся...
     - Некоторые очень любят всплывающие окна (для раскрутки своего сайта... естественно). В таких окнах обычно открывается страничка Топа, в котором состоит сайт. Откажитесь от этой затей. Во-первых, это увеличит время загрузки вашей странички. Во-вторых, у пользователя сложится ощущение, что он попал на порносайт. Там тоже очень много ненужного и всплывающего. В-третьих, это не добавит вам популярности, которой вы так пытаетесь достичь...
     - Старайтесь не использовать в оформлении своего сайта фреймы. Это вчерашний день. Но раз уж их использовали, то учтите две вещи - скроллинг должен быть только в одном месте. Или у странички или у фрейма... и когда делаете ссылки на другие сайты - пусть открываются в новом окне.

И последнее: не запускайте недоделанный сайт в сеть. Это карается. Карается жестоко.

Плюсы: Теперь у вас действительно есть Своя страничка. Её наполненность, необходимость и посещаемость напрямую зависит от вас.

Минусы: До огромного портала вам ещё далеко. Впрочем, задайтесь вопросом, а нужен он вам?

Воплощение: Любой хостинг выдающий место под сайт. Базовые знания html. Настоятельно рекомендуется научиться работать с кодом напрямую. Скажем, через "Блокнот". В дальнейшем это очень сильно пригодится.

Страница 05. MEMO.

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

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

Всегда ваш вечный дилетант Радужный.

предыдущая страница страница № 15 содержание журнала
Журнал основан в 2002 году. @Aleks Saotome. Использовать материалы только с разрешения автора.  Коментарии / Вопросы?