Пример практического
создания сайта
Представьте себе, что вы решили написать в Инете о себе любимом, ну и чуть-чуть о своей подруге. Далеко не лучшая идея - вряд ли кому-то это интересно, разве ближайшим друзьям и родственникам. Но для примера сойдет.
Начнем, пожалуй, с того, что застолбим себе местечко на каком-нибудь сервере, появится стимул побыстрее его заполнить (предполагается, что почтовый ящик у вас уже есть). Возьмем, к примеру, Fortune City - дают 100 МБ. Думаю, достаточно. Для регистрации жмем вот сюда, выбираем тематику сайта (не мучайтесь, любую выбирайте!), имя пользователя и пароль. Далее заполняем предлагаемые формы. Если вы не очень уверены в своем английском, то предварительно кликните ссылку Registration Help! в верхней части страницы. Там найдете переводы всех форм, которые предстоит заполнять при регистрации на FortuneCity.
...Ну вот. Место у вас есть, и появился адрес. Что-то вроде http://www.fortunecity.com/business/fax/339.
Принимаемся за создание странички. Прикидываем, как все будет выглядеть: заглавная страничка будет о себе, про девушку - отдельная страничка. Еще у вас есть парочка отсканированных фотографий, по штучке на каждую страничку пристроим обязательно. Т.е. наш сайт будет состоять из следющих файлов:
- заглавная страничка - index.html (обычно она всегда так называется);
- страничка про девушку - назовем ее girl.html;
- две фотографии - пусть это будут myphoto.gif и herphoto.gif.
Все файлы расположим в одной папке (их всего 4, поэтому и мудрить не будем).
Теперь для создания самих страничек можете воспользоваться Front Page или Word 97. А можно открыть что-нибудь типа Блокнота или WordPad и сделать все вручную. Мне лично второй вариант больше нравится. Итак, набираем следующее (назначение тегов - это то, что находится между символами "<" и ">" - узнаете в разделе Изучение HTML):
<HTML>
<HEAD>
<TITLE>Обо мне и моей любимой</TITLE>
</HEAD>
<BODY BGCOLOR="#A0F0F0">
<H2 ALIGN=CENTER>Тимон Тимонович</H2>
<IMG SRC="myphoto.gif" WIDTH="122" HIGHT="183" ALIGN=LEFT ALT="Моя фотка">
<P>Это я! Родился, рос, потом учился, и все время рос. Вот такое у меня бурное детство...</P>
<P>Чем я занимаюсь сейчас? Да все тем же, чем и раньше - ем и писаю.<BR>
<I>Вот такой вот я есть!</I></P>
<HR>
<P ALIGN=CENTER>
Про мою девушку вы можете узнать <A HREF="girl.html">здесь</A>.
</P>
</BODY>
</HTML>
Этот файл назовите index.html и сохраните на диске. Для этого выберите в меню "Файл" опцию "Сохранить как...". Выберите тип файла "Текстовый документ", а имя - " index.html". Теперь наберем следующий файл:
<HTML>
<HEAD>
<TITLE>Обо мне и моей любимой</TITLE>
</HEAD>
<BODY BGCOLOR="#A0F0F0">
<H2 ALIGN=CENTER>Тима</H2>
<IMG SRC="herphoto.gif" WIDTH="128" HIGHT="185" ALIGN=RIGHT
ALT="Фото моей девушки">
<P>Знаете, ее биография не очень-то отличается от моей...</P>
<P>Лучше про ее маму расскажу:
<UL>
<LI>
<I>На днях теща 50 копеек проглотила. Подавилась. И знаешь, мелочь, а приятно!</I>
<BR><BR>
<LI>
<I>Вчера хоронили тещу. Порвали три баяна...</I>
</UL></P>
<HR>
<P ALIGN=CENTER>
Чтобы вернуться ко мне, <A HREF="index.html">жмите здесь</A>.
</P>
</BODY>
</HTML>
Сохраните этот файл как girl.html. Сюда же скопируйте myphoto.gif и herphoto.gif. Можете скопировать любые два графических файла с расширением gif из имеющихся в наличии. Главное не забудьте их переименовать в myphoto.gif и herphoto.gif. Теперь откройте папку, куда вы все сложили, дважды кликните по index.html и увидите результат своих трудов. Только рисунки будут ваши. А можете эти переписать себе.
Осталось только перебросить все это хозяйство на сервер (upload). Можно использовать только браузер (обновление по WWW), а можно FTP-клиент (по FTP). Второй вариант гораздо быстрее и удобнее. Рассмотрим оба варианта.
Upload по WWW:
Заходим на www.fortunecity.com, находим вверху ссылку "Build"
("Создать") и жмем на нее, затем выбираем "Update with
advanced homebuilder" и в появившемся окне вводим свой логин и пароль. Попадаете на страничку
"build" - строительство своего сайта. Там пока пусто. В верхней части страницы - ваш
адрес (чтоб не забыли!). Ниже - список имеющихся на вашем сайте файлов (собственно говоря, пока там
ничего не имеется) и их размер: html files (HTML-файлы), graphic files (графические файлы),
other files (другие файлы) и directories (папки). Кнопки: edit (редактировать), rename (переименовать),
view (просмотреть), delete (удалить), create directory (создать папку), create new html file
(создать новый HTML файл). Так как нам пока редактировать и удалять нечего, смотрим далее.
Внизу страницы под заголовком "Uploading files" находим 10 окошек с кнопками
"Обзор". Жмем на одну из кнопок, в открывшемся окне выбираем свой файл
"index.html", нажимаем открыть. То же повторяем и для "girl.html", "myphoto.gif"
и "herphoto.html". Еще чуть ниже нажимаем на "upload files". Готово. Теперь
набираем в окне браузера адрес своей странички и смотрим, что получилось.
Upload по FTP
Расмотрим на примере программы CuteFTP. Сперва настраиваем ее для работы со своим сайтом:
в FTP Site Manager (открывается при каждом запуске программы) нажимаем Add Site. Придумываем
Site Label, можно любое имя (ну, например, site01). Host Address - вводим ftp.fortunecity.com,
User ID - ваш логин для входа на сайт, Password - пароль , остальное - по умолчанию. Нажимаем
"Connect". Если все сделали правильно и сервер FortuneCity не глючит (что иногда
случается с ним), то менее, чем через минуту мы можем редактировать свой сайт. В левом окне
выбираем файлы, которые следует загрузить на сервер, нажимаем upload (стрелка вверх) или в меню
Commands выбираем upload - выбранные файлы выгружаются на сервер. Все. Закрывайте программу и заходите на свой сайт. Пользуйтесь.
Международный сервер знакомств...
Перейти на: Home Создание сайта Начало страницы