Андрей
Тертый

Сайт автора

Паук

Котяра

Формула успеха

Инессочка

Питер-Москва

Тень

Серпантинки

Раскрась страничку

Вступление

Владеть основами WEB-мастерства в наше время также необходимо, как уметь читать и писать. Ну, почему, черт возьми, кто-то может, а ты нет. Это несправедливо. Все должны находиться в равных условиях и не выпендриваться. Через 15 минут ты сможешь начать создание СОБСТВЕННОГО САЙТА, вставить на свою страничку симпатичную голенькую тетеньку, выделить и раскрасить заголовки, чтобы даже люди со слабым зрением не пропустили начало следующей главы. А то бывает так. Читает он читает, а потом возьмет и заснет, а ты его взбодришь вежливым напоминанием

Не спи перед монитором, меня ведь читаешь, а не хрен знает кого.

Ну, вот. Теперь приступим к делу.

1. Стиль

Друзья, умоляю вас, следите за стилем! Не вставляйте на свои странички корявых таблиц с толстыми рамками, не раскрашивайте заголовки разными цветами, не увлекайтесь цветовыми фонами, не вставляйте дурацких картинок. Будьте изящны и благородны. Простота и скромность в оформлении лишь подчеркнет ваши природные достоинства. Берите пример с меня, в конце концов. Также обращаю ваше внимание на дизайн, предлагаемый по умолчанию Максимом Мошковым. Он, дизайн, очень даже неплохой.  Спокойные серые тона (bgcolor="#D9D9D9") и прочие продуманности располагают к спокойному, философскому осмыслению прочитанного. 

2. Программы 

Я использую следующие программы, и вам рекомендую

• В качестве редактора HTML я использую  Frontpage2000 из стандартного пакета Office2000. Если у вас на компе есть Word и Exel, значит у вас должен быть установлен и Frontpage. Если этого нет, обратитесь к тем, кто вам устанавливал Word и вам с того же самого диска установят  и Frontpage. Коллегам из за бугра, естественно лучше обзавестись русскими версиями этих программ, да и вообще, использовать русские версии Windows, чтобы не иметь конфликтов с перекодировкой текста и не забывать Родину.

• Для закачки текстов и картинок на сайт (НЕ на СИ! Не путать свой САЙТ со своей страничкой на Самиздате) я использую многофункциональную утилиту (программу) Windows Commander. Там есть кнопочка FTP - она и позволяет закачивать файлы на сервер. Там же есть и масса других полезных утилит для работы с файлами как на вашем компе, так и на сервере, где будет расположен ваш сайт. Сайт вам потребуется не только как собственно сайт, но и как вспомогательное место, где вы будете хранить свои картинки.

• Для обработки изображений я использую Photoshop 6.0.

Все эти программки желательно иметь на личных CD-дисках, то есть - купить их на лотках, в магазинах. Повторяю - Frontpage входит в комплект стандартного Office2000. Изучать их также будете сами. Для этого желательно приобрести соответствующую литературу. По Frontpage и Photoshop обязательно нужно купить книжки. С Windows Commander справитесь по интуиции.

3. Создание странички во Frontpage

Frontpage - это текстовый редактор, наподобие Word, который позволяет вам без знания языка HTML создавать тексты для использования в интернете. Этот редактор сам вставит в ваш текст все нужные тэги, обеспечит табличную разметку, выделит и раскрасит заголовки, правильно оформит ссылки. Это как в автомобиле - вам не нужно знать как работает двигатель, вам нужно только уметь управлять машиной.

Предположим, вы хотите сформировать вот такой текст

Питер-Москва ... Все описанные в романе события реальны. Однако все имена и место действия событий искажены. Абсолютно точно переданы только чувства. Но и этого, думаю, достаточно... Аннотация к роману Питер-Москва

 А вот так он будет выглядеть в HTML-кодах.

<div align="left" > <table bgcolor="#00FFFF" border="0" ><tr><td > <img border="0" src="http://atrty.mega.ru/images/gerl.jpg" width="60" height="101"> </td><td height="45" valign="top" align="left" > <h3 align="center">Питер-Москва</h3> <p><i>... Все описанные в романе события реальны. Однако все имена и место действия событий искажены. Абсолютно точно переданы только чувства. Но и этого, думаю, достаточно... </i></p> <p align="right"><b>Аннотация к роману  <a href="/t/tertyj_a/piter-moskow.shtml" target="_blank">Питер-Москва</a> </b></p> </td></tr></table> </div>

Этот текст вы должны выделить мышкой и поместить в окошко для закачки текста на свою страничку (на СИ). Затем нажать на кнопку Сохранить и... дело в шляпе. С этого момента про старый добрый Word вы должны забыть, а все тексты формировать только во Фронтпейдже. Не беспокойтесь, писать нетленки вы будете все также в Ворде, но перед закачкой их на Самиздат вы должны той же самой мышкой перенести его из Ворда во Фронтпейдж, подработать его там, вставить картинки, выделить заголовки, оформить нужные ссылки и закачивать на СИ не Вордовский текст, а HTML-текст, который вы найдете в соответствующем окошке Фронтпейджа.

Тэги, это то, что заключено в треугольных скобках < >. Знать их вам необязательно, все их вставляет Frontpage, естественно, если вы умело им пользуетесь. Тем не менее некоторые важные тэги  здесь я поясню.

• <h3 align= "center"> Заголовок рассказа </h3>

  
  - так формируется заголовок и размещается по центру

   

• <p> некий длинный текст </p>

  
  эти два тэга открывают и закрывают абзац.

   

• <img border="0" src="http://atrty.mega.ru/images/gerl.jpg" width="60" height="101">

  
  - так вставляются в текст картинки. Обратите внимание, что адрес картинки http://atrty.mega.ru/images/gerl.jpg всегда должен начинаться с http, то есть адрес должен быть АБСОЛЮТНЫМ. Это и есть адрес вашего сайта, который вы должны еще создать. Еще обратите внимание на то (устарело. прим Автора), что расширение в названии файла gerl.JGP должно быть набрано большими буквами. Не jpg, а - JPG. Это особенность сервера boom.ru . На других серверах  (narod.ru и прочие) могут быть свои заморочки.

   

• <a href="/t/tertyj_a/piter-moskow.shtml" target="_blank">Питер-Москва</a>

  
  - так оформляется ссылка на ваш раздел или рассказ. target="_blank" - означает, что текст рассказа должен раскрыться в новом окне.

   

С остальными тэгами вы познакомитесь по мере необходимости, когда будете рассматривать ваши HTML-тексты, сформированные Фронтпейджем.

4. Регистрация Сайта и закачка файлов на сайт при помощи FTP

 Идете на http://boom.ru и регистрируете там себе сайт. Например с названием tert2. Заполняете анкетку, выбираете пароль. В результате ваш сайт будет иметь такой адрес http://tert2.boom.ru

Затем раскрываете Windows Comander. В левой панельке раскрываете папку, где у вас лежат ваши картинки, а перейдя в правую панель нажимаете на кнопку FTP.

• Выбираете "Создать новое соединение"

• В поле Наименование записываете - boom

• В поле Сервер(порт) пишите -   ftp.boom.ru

• В поле Ваше имя - tert2

• В поле пароль - пароль

• ОК

Все, соединение создано.

• Затем жмете на кнопку Соединиться. И попадаете на свой сервер, пока пустой.

• Создаете Каталог images, в котором будете хранить картинки. Для этого в нижней панеле есть кнопка СоздКат.

• Раскрываете этот каталог

• Переходите в левую панель

• Копируете нужные файлы со своего компа на свой сайт

Все. На этом курс молодого бойца ("Курс молодого бойца с Системным Администратором") закончен. Вопросы можно задавать в Форуме.