Тертый Андрей : другие произведения.

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

Самиздат: [Регистрация] [Найти] [Рейтинги] [Обсуждения] [Новинки] [Обзоры] [Помощь|Техвопросы]
Ссылки:
Школа кожевенного мастерства: сумки, ремни своими руками
Оценка: 2.21*9  Ваша оценка:
  • Аннотация:
    Для тех, кто хочет жить красиво. Или "Краткий курс молодого бойца с Системным Администратором".

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

Сайт автора

Паук

Котяра

spher_bl.gif (969 bytes) Формула успеха

Инессочка

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

Тень

folder_closed_bl.gif (344 bytes) Серпантинки

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

Вступление

Владеть основами 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, в котором будете хранить картинки. Для этого в нижней панеле есть кнопка СоздКат.

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

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

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

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

 

 

 

 

 

 

 

 


Оценка: 2.21*9  Ваша оценка:

Связаться с программистом сайта.

Новые книги авторов СИ, вышедшие из печати:
О.Болдырева "Крадуш. Чужие души" М.Николаев "Вторжение на Землю"

Как попасть в этoт список

Кожевенное мастерство | Сайт "Художники" | Доска об'явлений "Книги"