Очень рад, что вас заинтересовало.
Урок 3
Перейдем к самому главному, правильному созданию вашей первой странички.
Я буду рассказывать о страничке без фреймов, если вас интересуют именно фреймы обращайтесь в форум.
Шаг первый: Создайте новый документ в FP.
Войдите в свойства документа (Page Properties...)
Там где строка заголовка (Title) - вводим имя страницы которое будет показываться перед названием броузера в строке имени.
С меню HTML кодировка (HTML Encoding), выбираем кодировку Cirillic - кодировка которая становится все более применяемой (рекомендую ставить ее) или Cirillic koi-8 (профессионнальные сайты имеют несколько кодировок, при входе, на первой странице).
Если вы хотите поставить на страницу MIDI файл, укажите его в Background Sound, а в строке Loop укажите количество повторений мелодии, Forever играть мелодию бесконечно.
Для установки на страницу Бекграунда (ставить его можно в любой момент создания страницы), выберите вкладку Бекграунд (Background) и укажите путь к нему, также можно выбрать цвет фона и цвет текста.
Теперь сохраните страничку под именем index в заранее созданный каталог (кде находятся все рисунки и музыка будущего сайта).
После переходим собственно к написанию странички (вставляем графику пишем текст рисуем таблицы). Каждый рисует на странице то, что он считает нужным (рекомендую больше ходить по различным сайтам и запоминать дизайн, затем из всего самого понравившегося слепить свой).
Как я уже говорил страница имеет горазда более лучшую привлекательность при использовании таблиц (здесь подробно объяснять не имеет смысла, посчитали что будет на странице заказали таблицу и если надо сделали бордюр).
Чем больше вы будите делать страниц (и переделывать), тем лучше и лучше у вас будет получаться, не стремитесь с первого раза сделать неповторимый сайт (все равно не получится).
Страница готова. Некоторые дополнения для ее более эстетического вида (навороты, примочки):
Вставьте этот код между дескрипторами <HEAD> </HEAD>, и посмотрите результат в броузере, смотрите на ссылки.
Или вставьте этот код туда же и посмотрите на ссылки в броузере.
А если вы хотите чтобы ссылка запускалась при простом наведении мышки (без нажатия), тогда введите этот код в строке ссылки после <A HREF="..." здесь_код> (но этот код иногда сильно раздражает, не злоупотребляйте им).
Если вы захотите еще что-то добавить смотрите Web мастеру - JavaScript.
Также очень интересен атрибут onmouseover, попробуйте вставить ниже приведенный код (но перед этим нарисуйте 2 одинаковых по размерам рисунка и разных по содержанию, желательно не больше 100х100).
Измените ссылку в коде (скажем на вашу вторую страничку), и вставьте свои рисунки вместо имеющихся.
Теперь посмотрите результат в броузере (у меня на первой странице используется такой трюк (посмотрите 'Мисс Internet 99').Вот и готова ваша первая страница, но все равно она какая-то пустая. На нее можно установить опросник с интересным вопросом (Как вы считаете? Хобби должно быть...), и ответами (1.Дешевым 2.Безопасным 3.Экстримальным). Такой опросник можно заказать по адресу - здесь. Выданный вам код просто скопируйте с их сайта и вставьте на свою страницу (теперь у вас есть опросник).
ДА! Я совсем забыл о почте! Как делаются ссылка на почту. Ее можно проста написать на странице. А можно написать слово 'почта' и в меню гиперссылка
и в строке URL ввести: mailto:ваша_почта
А если вы хотите чтобы вам отправляли почту прямо с вашей страницы, скопируйте этот код:
Вставьте его между дескрипторами <HEAD> </HEAD>
Следующий код вставьте туда где будет располагаться поле для почтовых сообщений (желательно в конце страницы или на новой странице)
А хотите, чтобы почта отправлялась нажатием на кнопку?
Пример:А код кнопки здесь:
На этом закончу, хорошего понемножку.
Теперь далее вашей страничке не хватает счетчика посещений (я угадал, вы хотите знать сколько людей зайдут на вашу страничку в ваше отсутствие). В основном счетчики посещений требуют для установки уже размещенную страничку. Но этот счетчик FastCounter не требует ничего, просто ответьте на форму и скопируйте код (правда сайт на английском), или же обратитесь к разделу Web мастеру - Счетчики.
Счетчик получился! Если нет разместите после размещения вашей страницы.
Теперь вам бы не мешало поставить гостевую книгу (вы наверное видели книги на других сайтах).
Бесплатно книгу можно взять на chat.ru или здесь - лучшие гостевые книги.И с книгой покончено. Установили и ее. Теперь вопрос состоит в том где ее разместить.
Бесплатно разместить страничку (до 3 Mb) можно на chat.ru
А если у вас не получатся разместить там (или не понравиться), обратитесь к разделу Web мастеру - Размещение.И так страница уже закачана на сайт и при вводе в броузере ее адреса оно грациозно шествуя появляется на экране. Все бы хорошо, но адрес такой большой что без записи на листике не обойтись. Что же делать?
Обратитесь к сайту da.ru, там предлагают для вашей странички сабдомен и ваш новый адрес будет выглядеть так: http://www.ваше_слово.da.ru Слова конечно хорошие разобрали давно (free, mp3, chat, admin), но пофантазировав можно еще найти довольно красивое имя. И вот все получилось и при вводе нового адреса появляется ваша страничка. Но, что это такое?! Внизу вашей странички появилась узкая черная полоска с надписью http://www.da.ru (это реклама в замен на которую вам дали этот короткий адрес), что же делать? Можно смириться и работать дальше как ни в чем небывало. А можно попробовать убрать эту полоску (пускай размещают рекламу в другом месте, а у нас должен быть красивый сайт!), вставив безобидный код на первую страницу вашего сайта (желательно после </HEAD>, но до дескриптора <BODY>, этот код будет искать фреймы и если найдет будет безжалостно их удалять (не забудьте внести в код ваш реальный адрес):
Сохраним страничку (вы точно поставили код на страницу index.htm) и сбросим ее на сервер ко всем остальным. А теперь запустим наш сайт и будем наслаждаться сделанным.
На этом третий урок заканчивается. В четвертом я расскажу как же все таки заставить людей ходить на ваш сайт.
Урок 1 : Урок 2 : Урок 3 : Урок 4