Создание локального web-узла

Цели практического занятия

• 1. Создание локального web-узла с помощью инструментов сборки web-сервера XAMPP.

  2. Изучение сервисов Google Диск и Google Документы.

  3. Изучение онлайн инструментов Web-разработчика для продвижения сайтов.

Задания

• 1. Создайте с помощью сервиса Google Диск папку, назовите ее

  2. localhost

  3. Откройте к папке localhost доступ всем. Ссылку на папку опубликуйте на своем сайте и в комментариях к блогу:

     1. ifizmat.blogspot.com iFizMat – сайт на сервисе Google Blogger, Google Блоги.

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

  5. Документ для отчета создайте с помощью сервиса Google Документы в папке общим доступом localhost на Google Диске. Оформите в нем "шапку" отчета с номером и названием занятия:

  6. Практическое занятие №17

  7. Создание локального web-узла

  8. Структура сборки web-сервера XAMPP. Запишите кратко в электронном отчете следующую информацию:

     2. • Для чего предназначено ПО XAMPP?

        • Какие аналоги XAMPP существуют?

        • Запишите перечень программ-компонентов, из которых состоит XAMPP.

        • Для чего предназначен каждый компонент XAMPP?

        • Перед каждым пунктом с названием компонента XAMPP разместите его логотип.

  9. Локальный Web-узел в сборке web-сервера XAMPP. Создайте папку с названием вашего сайта, на английском языке, без пробелов на диске C: в папке:

  10. C:\xampp\htdocs\

  11. Например, для сайта test1 должна быть создана папка

  12. C:\xampp\htdocs\test1\

  13. Проверьте доступ к Вашему локальному сайту, набрав в адресной строке браузера, вместо test1 - название Вашего сайта:

  14. http://localhost/test1

  15. Снимок экрана с браузером поместите в отчет. На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.

  16. Главная страница локального Web-узла. Создайте в папке сайта главную страницу

  17. index.htm

  18. Проверьте доступ к Вашему локальному сайту. Снимок экрана поместите в отчет. На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.

  19. Второй домен локального Web-узла. Создайте второй локальный сайт в XAMPP. Например, для сайта test2 должна быть создана папка

  20. C:\xampp\htdocs\test2\

  21. Создайте в этой папке главную страницу

  22. index.php

  23. по примеру:

  24. Перейти

  25. Проверьте доступ к Вашему локальному сайту.

  26. Исходный код главной страницы в форматах php и htm, загруженной в браузер, разместите в отчете. Сравните эти коды и выводы запишите в отчет.

  27. Для вывода в браузере исходного кода Web-страницы нажмите сочетание клавиш Ctrl+U.

  28. На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.

  29. На втором локальном сайте опубликуйте выполненные на предыдущих занятиях упражнения по Web-дизайну.

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

  31. На снимках с окном браузера должен быть адрес сайта в адресной строке браузера.

  32. Пример оглавления сайта:

• • 1. 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 

• 33. Выполните регистрацию созданных на Web-хостинге сайтов в поисковой системе Yandex с помощью сервиса Yandex Webmaster. Снимки экранов с результатами регистрации поместите в отчет.

Источники

Основные

• 1. sourceforge.net: XAMPP - Browse /XAMPP Windows at SourceForge.net

  2. apachefriends.org: Download XAMPP

  3. ipipe.ru: Установка XAMPP. Пошагово: скачивание, установка, запуск.