Цели практического занятия
Создание локального web-узла с помощью инструментов сборки web-сервера XAMPP.
Изучение сервисов Google Диск и Google Документы.
Изучение онлайн инструментов Web-разработчика для продвижения сайтов.
Задания
Создайте с помощью сервиса Google Диск папку, назовите ее
localhost
Откройте к папке localhost доступ всем. Ссылку на папку опубликуйте на своем сайте и в комментариях к блогу:
ifizmat.blogspot.com iFizMat – сайт на сервисе Google Blogger, Google Блоги.
Электронный отчет по практическому занятию. В отчет следует внести формулировки всех заданий, ваши ответы и снимки экранов с выполненными заданиями. На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.
Документ для отчета создайте с помощью сервиса Google Документы в папке общим доступом localhost на Google Диске. Оформите в нем "шапку" отчета с номером и названием занятия:
Практическое занятие №17
Создание локального web-узла
Структура сборки web-сервера XAMPP. Запишите кратко в электронном отчете следующую информацию:
Для чего предназначено ПО XAMPP?
Какие аналоги XAMPP существуют?
Запишите перечень программ-компонентов, из которых состоит XAMPP.
Для чего предназначен каждый компонент XAMPP?
Перед каждым пунктом с названием компонента XAMPP разместите его логотип.
Локальный Web-узел в сборке web-сервера XAMPP. Создайте папку с названием вашего сайта, на английском языке, без пробелов на диске C: в папке:
C:\xampp\htdocs\
Например, для сайта test1 должна быть создана папка
C:\xampp\htdocs\test1\
Проверьте доступ к Вашему локальному сайту, набрав в адресной строке браузера, вместо test1 - название Вашего сайта:
http://localhost/test1
Снимок экрана с браузером поместите в отчет. На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.
Главная страница локального Web-узла. Создайте в папке сайта главную страницу
index.htm
Проверьте доступ к Вашему локальному сайту. Снимок экрана поместите в отчет. На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.
Второй домен локального Web-узла. Создайте второй локальный сайт в XAMPP. Например, для сайта test2 должна быть создана папка
C:\xampp\htdocs\test2\
Создайте в этой папке главную страницу
index.php
по примеру:
Проверьте доступ к Вашему локальному сайту.
Исходный код главной страницы в форматах php и htm, загруженной в браузер, разместите в отчете. Сравните эти коды и выводы запишите в отчет.
Для вывода в браузере исходного кода Web-страницы нажмите сочетание клавиш Ctrl+U.
На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.
На втором локальном сайте опубликуйте выполненные на предыдущих занятиях упражнения по Web-дизайну.
Для каждого упражнения отведите отдельную страницу. На главной странице сайта создайте оглавление сайта с гиперссылками. Исходный код главной страницы в формате php и htm, загруженной в браузер, разместите в отчете. Сравните эти коды и выводы запишите в отчет.
На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.
Пример оглавления сайта:
01 dogs 02 lists 03 anchors 04 text 05 text css 06 cats 07 music 08 html5 audio video 09 tables 10 blocks 11 javascript
Выполните регистрацию созданных на Web-хостинге сайтов в поисковой системе Yandex с помощью сервиса Yandex Webmaster. Снимки экранов с результатами регистрации поместите в отчет.
Источники
sourceforge.net: XAMPP - Browse /XAMPP Windows at SourceForge.net
apachefriends.org: Download XAMPP
ipipe.ru: Установка XAMPP. Пошагово: скачивание, установка, запуск.