Файл: Метод_комп_практ.doc

Если при заполнении ссылок Вы обнаружите, что созданных на главной странице ссылок недостаточно, то их количество можно увеличить, щелкнув на кнопке .

19. Сначала следует заполнить поля ссылок на гостевую книгу и созданный Вами по шаблону фотоальбом. Начните с гостевой книги. Гостевая книга позволяет посетителю сайта сделать в ней запись, которую сможете видеть Вы, а также другие посетители Вашего сайта. В разделе 1 ссылка кнопкой , расположенной справа в полеВыберите, раскройте выпадающий список и щелчком выберите в нем Гостевая книга. Поле адреса ссылки заполнять не нужно, адрес в нем появится автоматически. Поле текста ссылки также будет заполнено автоматически. Заполнение первой ссылки закончено.

Аналогично в разделе 2 ссылка заполните ссылку для фотоальбома (photoalbum.html).

загруженные на сайт веб-страницы, которые в рассматриваемом примере имеют имена z11.htm, z03.htm и z04.htm. Начните с веб-страницы z11.htm. В разделе 3 ссылка введите адрес веб-страницы z11.htm в поле адреса ссылки. В рассматриваемом примере следовало бы ввести http://student132.narod.ru/z11.htm. Вам же в этом адресе следует заменить часть адреса student132 на Ваш логин. В поле текста ссылки введите краткое название, отражающее содержание веб-страницы.

Аналогично заполните поля ссылок для оставшихся двух веб-страниц и щелкните на кнопке . Вам будет предложено ознакомиться с созданной главной страницей сайта. Поочередно щелкните на ссылках и раскройте каждую из своих веб-страниц. Если у Вас появилась необходимость продолжить редактирование, то щелкните на кнопке, если же все в порядке, то щелкните на кнопке.

В Вашем фотоальбоме еще нет фотографий? Поместите туда несколько штук. Если нет оцифрованных фотографий, в учебных целях подойдут любые рисунки, например, из файлов mpei.jpg и foto.jpg, находящихся по адресу k:\FP\Inf\Кладовка. С этой целью приступите к редактированию веб-страницы Фотоальбом. Для вставки каждой фотографии (рисунка) в фотоальбом, щелкнув на кнопке , выберите соответствующий файл, щелкните на кнопке , введите подпись под фотографией и щелкните на кнопке . После этого следует немного подождать до появления фотографии (рисунка) в фотоальбоме. Завершите добавление фотографий щелчком на кнопке . Ознакомьтесь с итоговым видом фотоальбома; если все в порядке, еще раз щелкните на кнопке.

. Итак, работа по созданию сайта завершена. Зайдите на свой сайт. Вы ведь записали адрес своего сайта? Для рассмотренного выше примера это http://student132.narod.ru. Адрес Вашего сайта отличается от этого только логином. Посмотрите также, как выглядит главная страница Вашего сайта. Попробуйте, как работают все ссылки на веб-страницы.

20. Отправьте из своего почтового ящика в ОСЭП сообщение Вашему преподавателю с адресом Вашего сайта и с приглашением его посетить.

21. Если Вы не рассчитываете дальше поддерживать свой сайт, то удалите его после того, как Вы получите ответ преподавателя с положительной оценкой Вашего сайта. Для этого в Мастерской перейдите по ссылке Удалить регистрацию.

Для тех, кто собирается в дальнейшем поддерживать свой сайт, в Мастерской имеется много средств, чтобы сделать Ваш сайт интересным и посещаемым. Например, Вы можете выставить свой сайт в каталог для посетителей сайта Народ.

Закончив работу по созданию сайта, удалите свою рабочую папку.

Дополнительные полезные средства сайта Народ

При создании сайта Вы, возможно, не пользовались некоторыми средствами, о существовании которых полезно знать. Речь будет идти о средствах работы с файлами и папками, которые доступны в разделе Мастерская \ Управление файлами. Рассмотрим эти средства.

1. Просмотр файла.

Для просмотра файла следует щелкнуть на его имени.

2. Перемещение по дереву каталогов.

Если Вам требуется посмотреть содержание папки, то это возможно. Чтобы войти в папку, следует щелкнуть на ее имени (см. рис. 12). Например, если Вы щелкните на имени папки z03.files, то Вы сможете увидеть файлы, находящиеся в этой папке (рис. 15).

Для выхода из открытой папки и перехода по дереву каталогов на один уровень вверх следует щелкнуть на ссылке , которая расположена в левом верхнем углу окна слева от ссылкиКорневая папка (рис. 15).

3. Удаление файла и папки, если она не содержит файлов.

Для удаления файла (папки) его следует отметить флажком в окошке слева от имени файла (папки), щелкнуть на кнопке (см. рис. 12). Система потребует подтверждения Вашего намерения. В ответ следует еще раз щелкнуть на кнопкеи подождать сообщения системы о завершении выполнения удаления, а также подождать возврата в разделМастерская \ Управление файлами.

4. Копирование файла. Для копирования файла его следует отметить флажком в окошке слева от имени файла, щелкнуть на кнопке (см. рис. 15). В открывшемся окне (рис. 16) следует выбрать папку, в которую Вы собираетесь копировать файл, затем щелкнуть на кнопке, дождаться окончания выполнения копирования, а также подождать возврата в разделМастерская \ Управление файлами.

5. Перемещение файла.

Перемещение файла выполняется во всем аналогично копированию, но применяется при этом другая кнопка .

6. Переименование (описание) файла или папки.

Для переименования (описания) файла (папки) следует щелкнуть на кнопке , находящейся в правой части строки с именем файла (папки). В открывшемся окне (см. рис. 13) в левой колонке щелкните на ссылкеИмя и описание. В открывшемся окне Управление именем и описанием переименуйте файл (папку). Если считаете полезным, то введите описание файла. Закончить переименование и (или) описание файла следует щелчком на кнопке .

7. На сайте Народ есть каталог персональных сайтов. Если Вы хотите, чтобы Ваш сайт был доступен не только тем, кому Вы сообщили его адрес, его следует выставить в каталог. Для этого откройте свойства главной страницы сайта. В окне свойств выберите Каталог. В открывшемся окне Управление размещением страницы в каталоге выберите подходящую рубрику и щелкните на кнопке .

8. Ваш персональный сайт может иметь более сложную структуру по сравнению с рассмотренной в этом задании. Ссылки главной страницы index.html могут адресоваться к другим главным страницам (имеющим уникальное имя), которые в свою очередь могут адресоваться к файлам или главным страницам ниже следующего уровня иерархии. Здесь под главной страницей понимается веб-страница с оглавлением (ссылками).

9. Редактирование файла в HTML редакторе.

Если в тексте веб-страницы Вы обнаружили ошибку, то для ее устранения не обязательно заменять всю веб-страницу новой. Текст легко поправить непосредственно на сайте, открыв веб-страницу в HTML редакторе. Для этого щелкните на кнопке , находящейся справа в строке с именем файла веб-страницы. В открывшемся окне пролистайтеHTML-код файла, найдите нужный текст и отредактируйте его. Для сохранения отредактированного файла щелкните на кнопке . Дождитесь сообщения о том, что сохранение завершено.

Несложно выполнять и более глубокое редактирование. Для этого достаточно иметь элементарное представление о правилах построения HTML-кода.     При преобразовании текста с таблицами, ссылками и изображениями в HTML-код в него вкрапливается служебная информация. Чтобы эта служебная информация не смешивалась с основной информацией, ее заключают в специальные скобки, роль которых играют теги. Тегом называются последовательности символов, которые управляют отображением текстовой или иной информации, но при этом не отображаются обозревателем. Большинство тегов используются попарно: <…> – открывающий тег, </…> – закрывающий тег.

Далее будут рассмотрены некоторые конструкции языка HTML, позволяющие отформатировать вводимый текст. Для выделения части текста жирным шрифтом её необходимо поместить между тегами <B> и </B>.

Например, необходимо выделить слова “Обратите внимание!” жирным шрифтом.

Для этого в окне редактирования текста следует написать:

<B>Обратите внимание!</B>

В обозревателе это будет выглядеть так:

Обратите внимание!

Чтобы отцентрировать участок текста, его необходимо поместить между тегами <CENTER> и </CENTER>.

Например: <CENTER>Обратите внимание!</CENTER>

Для выделения абзаца применяются теги <P> и </P>.

Чтобы поместить на страницу ссылку, используется теги <A HREF=”адрес нужной страницы”>Текст ссылки</A>.

Например, ссылка на сайт МЭИ выглядит следующим образом:

<A HREF=”http://www.mpei.ru”>Сайт МЭИ</A>.

Для вставки изображения применяется тег <IMG>, таблиц – тег <TABLE>.

Приложение 1. Дополнительный список адресов WWW

Основные российские систематические каталоги:

• www.atrus.ru  Российский каталог Интернета @Rus (прежнее название АУ !);

• www.stars.ru  каталог InfoArt Stars (прежнее название "Созвездие Internet");

• www.ru/index_r.htm  каталог компании Демос (первый каталог ресурсов по России);

• www.weblist.ru  каталог, созданный фирмой Mark-ITT.

Основные российские поисковые системы:

• www.rambler.ru – Rambler;

• www.yandex.ru – ЯNDEX;

• www.aport.ru  "Апорт!" ;

• tela.dux.ru – TELA .

Основные англоязычные средства навигации:

• www.yahoo.com  Yahoo !  самый известный каталог, занимающий второе место в мире в рейтингах посещаемости;

• www.altavista.com  AltaVista  самая известная поисковая система;

• www.lycos.com/  Lycos  высококачественная поисковая система в сочетании с систематическим каталогом  Internet-портал;

• www.netscape.com  Netscape  еще один Internet-портал, созданный фирмой Netscape, разработчиком популярного браузера.