birmaga.ru
добавить свой файл

1

Создание сайтов для учебного процесса Файл 133057.doc С. из

5. Создание сайта

5.1. Файловая структура сайта


Файловая структура сайта – это структура организации каталогов и файлов сайта на сервере. Однако весьма целесообразно сначала создать сайт на собственном (локальном) компьютере, и только потом поместить его на сервер.

Локальную копию сайта удобно использовать в текущей работе при подготовке к лекциям и занятиям. В дальнейшем эта копия будет представлять базовый вариант, который Вы можете сколь угодно совершенствовать, а затем быстро – за один сеанс – выкладывать на сервер.

Простейшая структура

Сайт состоит из одной страницы со ссылками на прикрепленные файлы и, возможно, ссылками на внешние ресурсы (например, другие сайты).

 Структура локальной копии сайта (на компьютере создателя)


Корневой каталог сайта – созданный на локальной машине каталог, где хранится локальная копия сайта.

Имя и размещение этого каталога полностью определяется создателем сайта.


Рис. 5.1. Структура локальной копии сайта (на компьютере создателя)

Пример

Примером послужит первоначальный вариант нашего учебного сайта. На рисунке внизу, представляющем панель Total Commander, видно, что на локальном компьютере сайт размещен в дереве каталогов диска D в каталоге SimpleSite2007.



Рис. 5.2. Размещение локальной копии сайта (на локальном компьютере)

Для просмотра сайта в броузере на локальном компьютере надо воспользоваться пунктом меню броузера Файл/Открыть/Обзор, зайти в нужный каталог и открыть файл index.htm:


Рис. 5.3. Открытие локальной копии сайта в окне броузера

Вид окна броузера после открытия файла index.htm:



Рис. 5.4. Просмотр локальной копии сайта

Обратите внимание: в качестве адреса сайта выступает полное имя файла index.htm на жестком диске локального компьютера (d:\DOKUMENT\Psix\LekciiPoSajtam\SimpleSite2007\index.htm).

Если все файлы сайта созданы заранее (т.е. не содержат программных фрагментов, а в нашем случае это так), то локальная копия сайта, за вычетом ссылок на внешние ресурсы, будет просматриваться точно так же, как и в сети. Это очень удобно – и тексты страниц, и дизайн сайта, и правильность ссылок можно скорректировать без выхода в сеть.

 Структура сайта в сети (на сервере)



Рис. 5.5. Структура сайта на сервере

Из сравнения рис. 5.1 и 5.5 видно, что:


  • одно и то же содержимое размещается в первом случае – в каталоге согласно желаниям создателя, во втором – в заданном извне каталоге;

  • имя каталога на сервере, где размещен сайт (стартового каталога), выполняет также функцию логина (кода входа в систему).

Для просмотра в броузере локальной копии сайта достаточно задать полное имя начальной страницы файла; для просмотра сайта в сети надо знать его сетевой адрес, который определяется адресом (точнее, доменным именем) провайдера, предоставляющего хостинг, и логином.

Таким образом, создав сайт на локальном компьютере, необходимо: обеспечить себя хостингом; зарегистрировать сайт; закачать его в заданный стартовый каталог.

Более сложная структура

В корректно организованном сайте информация группируется по смысловым категориям или темам и соответственно этим категориям распределяется по страницам. Все остальные виды файлов служат цели представления темы. Поэтому целесообразно информацию по отдельным темам размещать в отдельных каталогах. Внутри таких каталогов можно создать отдельные каталоги для изображений и прикрепляемых файлов. Схема возможной структуры приведена ниже.




5.2. Хостинг

Значения понятий, описывающих работу в Интернете, можно узнать из Интернета же.

Определения согласно словарю по естественным наукам1

Провайдер услуг Internet - компания или другая организация, предоставляющая услуги Internet:


Часто провайдер предоставляют услуги веб-дизайна и рекламы в Internet.

Хостинг - сдача в аренду пользователю части своего серверного пространства; поддержание работоспособности пользовательского сайта на своих веб-серверах.

Определения согласно интернетско-русскому разговорнику2

Хостинг (англ. web-hosting, collocation, синоним - веб-хостинг) - это услуга по размещению чужого веб-сайта на своем веб-сервере или чужого веб-сервера на своей "площадке", т.е. предоставление подключения к интернету и обслуживание. Как правило, спрос на хостирование сайтов значительно больше, чем на хостирование серверов, поскольку последнее нужно только для довольно крупных сайтов. Кроме того, хостингами называют сами площадки или сервера, предоставляющие эту услугу.

Размещение своего сервера на хостинговой площадке (collocation) - всегда платная услуга, а вот размещение сайтов бывает бесплатным.

Бесплатные веб-хостинги - это веб-сервисы, которые предлагают пользователям некоторое пространство на своих серверах для размещения сайтов. При этом к размещаемой информации могут предъявляться определенные требования (ограничения по содержанию, по объему размещаемых файлов и др.). Кроме того, на многих веб-хостингах ограничено или невозможно использование скриптов, баз данных и т.д.

Многие известные веб-хостинги предлагают построение сайтов на основе так называемых "шаблонов" или "конструкторов". С их помощью можно легко создавать веб-страницы, не имея представления о языке HTML.


Обычно бесплатные хостинги оговаривают в пользовательском соглашении свое право размещать на хостируемых сайтах рекламу, чтобы таким образом компенсировать свои затраты.

Бесплатный хостинг narod.ru – один из самых популярных. Его услугами мы и воспользуемся.

При предоставлении хостинга и регистрации сайта пользователь получает логин и пароль. Они необходимы для установления соединения с сервером при закачке сайта на сервер.

Адрес сайта в сети, как было сказано, формируется из доменного имени службы, предоставляющей хостинг, и логина.

5.3. Регистрация и размещение сайта в сети

Регистрация осуществляется согласно определенным установленным в сети правилам.

 Имя сайта, логин, адрес сайта и пароль

Под именем сайта понимается задаваемая Вами последовательность латинских букв и цифр (включая знак подчеркивания, амперсанд и некоторые другие знаки). Регистр роли не играет, т.е. большие и малые буквы имени воспринимаются одинаково. По сути, это персональное имя Вашего сайта.

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

Логин совпадает с именем сайта.

Адрес сайта, или, точнее, его доменное имя строится из доменного имени (адреса) службы, предоставляющей хостинг, и имени сайта (логина). По этому адресу сайт запрашивается с сервера.

Для приводимого примера имя сайта – SimpleSite2007. Согласно сетевым правилам адрес сайта строится так: http://SimpleSite2007.narod.ru/

.


Пароль – также некоторая комбинация латинских букв и цифр, как правило – не менее 5 – 6.

Имя сайта и пароль лучше продумать до начала регистрации.

 Регистрация сайта на хостинге narod.ru

Для выхода на хостинг достаточно в поле адреса набрать часть доменного имени: narod.ru. Броузер сам достраивает доменное имя до полного и запрашивает требуемый ресурс.



Записываем в поле имени выбранное выше имя и нажимаем кнопку «Занять». В нашем случае такой сайт заведомо есть, и следует ожидать, что имя придется изменить:



Выбираем первый из предлагаемых вариантов и движемся дальше:



Нажатие кнопки Зарегистрировать внизу страницы завершает регистрацию:



«Начать пользоваться сервисом» означает использование многочисленных предлагаемых возможностей:



Обратите внимание на ссылку «Проект» в правом верхнем углу. Это – адрес нашего сайта без указания протокола (без http://).

Из всех услуг ограничимся предоставленным местом на сервере и адресом, и далее будем идти наиболее ясным путем.

 Размещение содержимого сайта на хостинге narod.ru

Передача файлов в сети осуществляется по правилам, называемым FTP-протоколом (File Transfer Protocol). По этому протоколу следует переместить файлы сайта с локальной машины на сервер.

Самый элегантный способ – воспользоваться встроенным в файловый менеджер TotalCommander FTP-клиентом (процедурами, предназначенными для обмена файлами на стороне клиента).


Для создания соединения по FTP-протоколу надо щелкнуть мышью на иконке FTP (или выбрать пункт меню Net/FTP Connection):



Для установления нового соединения следует нажать “new connection”:



В появившемся окне задать:


  • имя соединения (произвольно; пусть это имя – SimpleSite);

  • адрес сервера (host name); в данном случае это ftp.narod.ru;

  • логин (user name); в данном случае это SimpleSite20071;

  • пароль;

  • выбрать опцию passive mode.


После нажатия кнопки OK параметры соединения сохраняются под заданным именем:



Для установки соединения с сервером надо выделить нужную строку (в данном случае она одна) и нажать кнопку Connection. После установки соединения попадаем в корень выделенного под сайт каталога (он называется домашним или стартовым, а на narod.ru – каталогом мастерской). На рисунке этот каталог открыт в левой панели; в правой – каталог с локальной копией сайта:



Процесс копирования файлов на сайт или с него ничем не отличается от обычного копирования файлов на жестком диске. При копировании какого-либо файла в каталог, где уже имеется файл с таким же именем, новый файл записывается поверх старого.

Копируем содержимое правой панели в левую (выделить и нажать F5), и сайт готов:

Для его просмотра в броузере набираем адрес: http://SimpleSite20071.narod.ru/:



● Сайт может быть скопирован на сервер в отдельный каталог. Тогда для доступа к нему надо набрать путь к главной странице. На иллюстрации ниже сайт на локальной машине размещен в каталоге SimpleSite2007, и на сервер скопирован еще и весь каталог.



По запросу http://SimpleSite20071.narod.ru/SimpleSite2007/index.htm откроется копия той же страницы, что и выше, но уже из каталога SimpleSite2007:



 На других хостингах регистрация может осуществляться иначе, хотя суть ее остается той же.

Процесс закачивания сайта на сервер абсолютно аналогичен.

Создание Html-страницы в редакторе Dreamweaver MX


File/New



Create



Design



Свойства документа можно установить через п. Edit/Preferences.

Изменение свойств: Modify/Page properties:



В группе свойств Category/Appearance установить параметры шрифта, цвет текста, цвет фона, в группе Category/Title/Encoding – параметры кодировки текста; задать имя страницы:



Apply; OK. И наберем на странице текст (язык переключается обычным образом):





Сохранение файла и открытие делается обычным образом.

Установка кодировки:

Modify/Page properties

Title/Encoding

В поле Encoding устанавливаем Кириллица Windows (или CP1251)

Например, по умолчанию стоит западноевропейская кодировка:


"http://www.w3.org/TR/html4/loose.dtd">





charset=iso-8859-1">

Untitled Document