Содержание

Введение
1 Техника безопасности
2 Поиск информации
3 Службы и ресурсы Интернета
4 Web-служба
5 Сетевая безопасность
6 Межсетевые экраны
7 Защита сайта от вирусов и взлома
8 Web-сайт
9 Способы создания сайтов
10 Этапы создания сайтов
11 Хостинг
12 Установка Web-сервера на локальный компьютер
13 Установка CMS
14 Язык гипертекстовой разметки HTML
15 Дизайн сайта
16 Структура сайта
17 Способы размещения сайта в интернете
18 Руководство администратора сайта
Заключение
Список использованных источников

Введение

С 01.09.2016 по  21.09.2016 я, Кузнецов Борис Сергеевич, студент группы ИС-41 проходил практику в вычислительном центре ХПЭТ.

Моим индивидуальным заданием было создание сайта. Я должен был разработать сайт визитку, разработать информационный сайт, содержащий не менее 3-х страниц.

Сайт — структурированная информационная единица всемирной паутины. Он может содержать как одну, так и огромное число страниц.

По своему информационному содержанию сайты можно разделить на: ·

  • Сайт-визитка — узкая информация о компании
  • Корпоративный сайт – расширенная информация о компании ее контакты, новости, перечень услуг, сотрудники, и т.д. Часто такие сайты создаются в рекламных целях, рекламируют товары и услуги компаний. (Например, сайт Центрального Банка России – cbr.ru.)
  • Личный сайт – сайт об одном человеке, его увлечениях, его личные данные, о таком сайте можно сказать: «Зайти на мою страничку ·
  • Интернет-магазины. Это особый вид сайтов, через которые Вы можете покупать или продавать товары on-line, т.е. не отходя от Вашего компьютера (один из популярных интернет-магазинов ozon.ru).

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

1 Техника безопасности

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

  1. Монитор должен быть установлен прямо перед пользователем и не требовать поворота головы или корпуса тела.
  2. Рабочий стол и посадочное место должны иметь такую высоту, чтобы уровень глаз пользователя находился чуть выше центра монитора. На экран монитора следует смотреть сверху вниз, а не наоборот. Даже кратковременная работа с монитором, установленным слишком высоко, приводит к утомлению шейных отделов позвоночника.
  3. Если при правильной установке монитора относительно уровня глаз выясняется, что ноги пользователя не могут свободно покоиться на полу, следует установить подставку для ног, желательно наклонную. Если ноги не имеют надежной опоры, это непременно ведет к нарушению осанки и утомлению позвоночника. Удобно, когда компьютерная мебель (стол и рабочее кресло) имеют средства для регулировки по высоте. В этом случае проще добиться оптимального положения.
  4. Клавиатура должна быть расположена на такой высоте, чтобы пальцы рук располагались на ней свободно, без напряжения, а угол между плечом и предплечьем составлял 100° — 110°. При использовании обычных школьно-письменных столов добиться одновременно правильного » положения и монитора, и клавиатуры практически невозможно. Для работы рекомендуется использовать специальные компьютерные столы, имеющие выдвижные полочки для клавиатуры. Если такой полочки нет и клавиатура располагается на том же столе, что и монитор, использование подставки для ног становится практически неизбежным, особенно когда с компьютером работают дети.
  5. При длительной работе с клавиатурой возможно утомление сухожилий кистевого сустава. Известно тяжелое профессиональное заболевание — кистевой туннельный синдром, связанное с неправильным положением рук на клавиатуре. Во избежание чрезмерных нагрузок на кисть желательно предоставить рабочее кресло с подлокотниками, уровень высоты которых, замеренный от пола, совпадает с уровнем высоты расположения клавиатуры.
  6. При работе с мышью рука не должна находиться на весу. Локоть руки или хотя бы запястье должны иметь твердую опору. Если предусмотреть необходимое расположение рабочего стола и кресла затруднительно, рекомендуется применить коврик для мыши, имеющий специальный опорный валик. Нередки случаи, когда в поисках опоры для руки (обычно правой) располагают монитор сбоку от пользователя (соответственно, слева), чтобы он работал вполоборота, опирая локоть или запястье правой руки о стол. Этот прием недопустим. Монитор должен обязательно находиться прямо перед пользователем.

2 Поиск информации

Поиск информации – одна из самых востребованных на практике задач, которую приходится решать любому пользователю Интернета.     Существуют три основных способа поиска информации в Интернет:

  1.  Указание адреса страницы — это самый быстрый способ поиска, но его можно использовать только в том случае, если точно известен адрес документа или сайта, где расположен документ.      Не стоит забывать возможность поиска по открытой в окне браузера WEB-странице (Правка-Найти на этой странице…).
  2. Передвижение по гиперссылкам- это наименее удобный способ, так как с его помощью можно искать документы, только близкие по смыслу текущему документу.
  3. Обращение к поисковой системе пользуясь гипертекстовыми ссылками, можно бесконечно долго путешествовать в информационном пространстве Сети, переходя от одной WEB-страницы к другой, но если учесть, что в мире созданы многие миллионы WEB-страниц, то найти на них нужную информацию таким способом вряд ли удастся.

Поиск по ключевым словам. Поиск документа в базе данных поисковой системы осуществляется с помощью введения запросов в поле поиска. Запрос должен содержать одно или несколько ключевых слов, которые являются главными для этого документа. Например, для поиска самих систем поиска в Интернете можно в поле поиска ввести ключевые слова «российская система поиска информации Интернет». Через некоторое время после отправки запроса поисковая система вернет список Интернет-адресов документов, в которых были найдены заданные ключевые слова. Для просмотра этого документа в браузере достаточно активизировать указывающую на него ссылку. Если ключевые слова были выбраны неудачно, то список адресов документов может быть слишком большим (может содержать десятки и даже сотни тысяч ссылок). Для того чтобы уменьшить список, можно в поле поиска ввести дополнительные ключевые слова или воспользоваться каталогом поисковой системы. Одной из наиболее полных и мощных поисковых систем является Google, в базе данных которой хранятся 8 миллиардов WEB-страниц и каждый месяц программы-роботы заносят в нее 5 миллионов новых страниц. В базе данных поисковой системы WEB-сайты группируются в иерархические тематические каталоги, которые являются аналогами тематического каталога в библиотеке. Поиск информации в каталоге сводится к выбору определенного каталога, после чего пользователю будет представлен список ссылок на Интернет-адреса наиболее посещаемых и содержательных WEB-сайтов. Каждая ссылка обычно аннотирована, т. е. содержит короткий комментарий к содержанию документа. Наиболее полный многоуровневый иерархический тематический каталог русскоязычных Интернет-ресурсов имеет поисковая система Апорт (www.aport.ru). Каталог содержит подробную аннотацию содержания WEB-сайтов и указание на их географическое положение. Поиск файлов. Для поиска файлов на серверах файловых архивов существуют специализированные поисковые системы, в том числе поисковая система FileSearch. Для поиска файла необходимо ввести имя файла в поле поиска, и поисковая система выдаст Интернет-адреса серверов файловых архивов, на которых хранится файл с заданным именем.

3 Службы и ресурсы Интернета 

Средства обеспечения определенных информационных услуг для пользователей сети принято называть службами Интернета. Кроме понятия «служба» существует еще понятие «сервис». Часто разницу между ними довольно трудно уловить. Число различных служб и сервисов в сети непрерывно растет. Опишем лишь некоторые самые известные службы, разделив их на коммуникационные и информационные.

Еще раз обратим внимание на то, что все службы Интернета основаны на взаимодействии двух программ. Одна из этихпрограмм — сервер, а другая программа — клиент. Они взаимодействуют по определённым правилам, заданным в протоколах

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

Если протокол ТСР/IР называется базовым протоколом Интернета, то протоколы служб можно назвать прикладными протоколами (иногда их называют протоколами второго уровня).

Коммуникационные службы Интернета:

  1. Служба электронной почты — E-mail. Это наиболее старая и одна из самых массовых служб Сети. Она предназначена для обмена текстовыми сообщениями между удаленными партнерами.
  2. Служба телеконференций. Это тоже почтовая переписка. Но если по электронной почте вы отправляете свое письмо какому-то одному лицу персонально, то в телеконференциях письмо направляется одновременно всем участникам конференции.

4 Web-служба 

Служба World Wide Web. Эта служба управляет доставкой и отображением комплексных информационных документов на компьютер пользователя.

Это достаточно новая услуга, по сравнению с электронной почтой. Она была основана в 1993 году. Дословно WWWперевели как «Всемирная паутина». На сегодняшний день WWW это наиболее интересный информационный ресурс – гипертекстовая система навигации.

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

Гипертекст – система взаимосвязанных текстов. Связь происходит посредством гиперссылок.

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

Web-страница – документ, имеющий собственный адрес. Она может содержать самую разную информацию: текст, рисунок, звукозапись. Каждая страница хранится в отдельном файле, имя которого имеет расширение .htm или .html

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

Протокол, который используется службой WWW, называется НТТР (Hyper Text Transfer Protocol — протокол передачи гипертекста). Его основное назначение — обработка гиперссылок, поиск и передача документов клиенту.

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

Уже рассказывалось о системе адресации в компьютерном пространстве Сети. Это IР-адреса, доменные адреса. В пространстве информационных ресурсов Интернета используется своя система адресации. Найти Web-страницу или файл в интернете можно с помощью универсального указателя ресурсов URL (Uniform Resource Locator)

Каждая Web-страница или файл имеют свой уникальный URL-адрес, который состоит из трех частей: имя используемого для доступа протокола; имя сервера, на котором хранится ресурс; полное имя файла на сервере.

5 Сетевая безопасность

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

Для обеспечения безопасности сайта необходимо убедиться, что установлен firewall и блокируются все несущественные порты, если возможно, установить dmz (демилитаризованная зона), обеспечивающую доступ к порту 80 и 443, для загрузки файлов на сервер, используйте только безопасные методы, такие как sftp или ssh. SSL — протокол, который используется для обеспечения безопасности в Интернете. Всякий раз, когда передаётся информация между сайтом и WEB-сервером, используется сертификат безопасности.

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

6 Межсетевые экраны

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

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

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

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

Межсетевые экраны прикладного уровня, или прокси-экраны, представляют собой программные пакеты, базирующиеся на операционных системах общего назначения (таких как Windows NT и Unix) или на аппаратной платформе межсетевых экранов.

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

При использовании данного межсетевого экрана все соединения проходят через него.

Межсетевой экран принимает соединение, анализирует содержимое пакета и используемый протокол и определяет, соответствует ли данный трафик правилам политики безопасности. При соответствии межсетевой экран инициирует новое соединение между своим внешним интерфейсом и системой-сервером.

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

Межсетевые экраны прикладного уровня содержат модули доступа для наиболее часто используемых протоколов, таких как HTTP, SMTP, FTP и telnet. Некоторые модули доступа могут отсутствовать, что запрещает конкретному протоколу использоваться для соединения через межсетевой экран.

Межсетевые экраны с пакетной фильтрацией могут также быть программными пакетами, базирующимися на операционных системах общего назначения (таких как Windows NT и Unix) либо на аппаратных платформах межсетевых экранов.

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

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

При поступлении пакетов межсетевой экран выясняет, разрешен ли данный пакет и состояние соединения правилами политики. Если это так, пакет передается по своему маршруту. В противном случае пакет отклоняется или аннулируется.

Межсетевые экраны с фильтрацией пакетов не используют модули доступа для каждого протокола и поэтому могут использоваться с любым протоколом, работающим через IP. Некоторые протоколы требуют распознавания межсетевым экраном выполняемых ими действий. Соединения, используемые для передачи файлов, устанавливаются как часть соединения FTP, и поэтому межсетевой экран должен уметь считывать трафик и определять порты, которые будут использоваться новым соединением. Если межсетевой экран не поддерживает эту функцию, передача файлов невозможна.

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

Гибридные межсетевые экраны. Производители межсетевых экранов прикладного уровня, из-за быстрого развития IT-технологий, пришли к выводу, что необходимо разработать метод поддержки протоколов, для которых не существует определенных модулей доступа. Так появилась технология модуля доступа Generic Services Proxy (GSP), которая разработана для поддержки модулями доступа прикладного уровня других протоколов, необходимых системе безопасности и при работе сетевых администраторов. GSP обеспечивает работу межсетевых экранов прикладного уровня в качестве экранов с пакетной фильтрацией.

Разновидность межсетевых экранов с пакетной фильтрацией уже поставляются с модулем доступа SMTP.

7 Защита сайта от вирусов и взлома

Защита сайта – это двусторонняя работа. Безопасность должны обеспечивать хостер и владелец сайта (администратор), а также сами пользователи.

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

Основные приемы защиты сайта от вирусов и взломов

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

Старайтесь не сохранять пароли в FTP-клиентах. Если на ваш компьютер попадет вирус, он прочитает хранящиеся в FTP-клиенте данные и передаст их злоумышленникам. Меняйте пароли к FTP, SQL, SSH и административной панели сайта не реже 1 раза в месяц. Не создавайте простых паролей – слабые пароли легко подбираются, для этого существует масса бесплатного софта.

Не сохраняйте пароли в браузерах. Следуя этому простому правилу, вы обезопасите сайт от XSS-атак. В отличие от большинства атак, тут уязвимость работает на стороне клиента. Так как большая часть сайтов использует cookies и сессии для идентификации своих посетителей, похищенные данные могут использоваться, для авторизации под именем скомпрометированного пользователя. Если украдены данные простого пользователя – ничего страшного, но когда похищается учетная запись администратора – это очень плохо.

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

Необходимость политики безопасности сайта. Безопасность ресурса в сети – это эволюционный процесс. Нет ни одного продукта, способного предоставить пользователям «полную безопасность». Необходим комплексный подход, который будет включать меры аппаратного, программного и организационного характера. Грамотная политика безопасности и соблюдение самого минимума, даже без высококлассных средств защиты дает неплохие результаты, при этом проблема как удалить вирус с сайта – отпадет сама собой.

8 Web-сайт

WEB-сайт  — это ресурс, который состоит из одной или нескольких веб-страниц с гипер-текстовым, текстовым, медийным (картинки, видео, аудио) и другими типами содержания, доступного по одному из протоколов веб-семейства.

Веб страницы и другие веб-файлы обслуживаются веб-серверами — специальным программным обеспечением, которое доставляет веб-контент клиентам по веб-протоколам. На сегодняшний день наиболее распространены такие веб-протоколы:

  1. HTTP(самый старый, наиболее известный и используемый);
  2. HTTPS(такой же, как и HTTP, но с использованием безопасного слоя передачи данных);
  3. SPDY(новый безопасный, совместимый с HTTP протокол, разработанный компанией Google и поддерживаемый некоторыми современными браузерами);
  4. WebSocket(новый протокол двустороннего взаимодействия, который пока что поддерживается только несколькими современными браузерами).

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

9 Способы создания сайтов

Создать сайт самостоятельно можно несколькими способами. У каждого из них есть свои плюсы и минусы. Одними из основных способов создания сайтов есть следующие.

  1. Создать сайт самостоятельно, используя бесплатные CMS. Главное преимущество здесь в том, что вы создаете сайт абсолютно бесплатно. Поскольку данный способ очень популярен, то вы без проблем сможете найти ответы на возникающие вопросы, а также получить помощь, если вам это потребуется.
  2. Написать вручную движок сайта на PHP или других языках программирования. Сделать это можно как самостоятельно, так и прибегая к посторонней помощи. Главным минусом здесь есть то, что вам придется постоянно расширять функциональность своего сайта, закрывать дыры в безопасности и т.д. В связи с этим данный способ требует много ресурсов, как временных, так и интеллектуальных или материальных.
  3. Купить платную систему управления. В некоторых случаях это будет наиболее правильным вариантом. Данный способ прекрасно подойдет вам, например, если вы создаете интернет-магазин. В этом случае вы значительно сэкономите время и упростите себе работу.

Использование визуальных редакторов. В данном случае потребуются минимальные знания. Путем нехитрых действий, например, перетаскиванием блоков, настраивается внешний вид. Думать о внутреннем содержимом (исходном коде) не обязательно. Существует большое число сервисов, предлагающих данную услугу по созданию сайта. Например, WordPress, Blogger, LiveJournal и т.д.

10 Этапы создания сайтов

Я создал визитку в конструкторе форм Google Диск. Для начала работы нужно зарегистрироваться или зайти через аккаунт Gmail.

Этапы создания сайта после регистрации на Google Диск:

  • Выбрать цвет фона сайта.
  • Изменение и добавление элементов сайта
  • Далее изменяем вид сайта под себя и добавляем необходимую информацию.
  • После того как все добавим, нажимаем «Просмотр» в правом верхнем углу и переходим по ссылке на сайт.

11 Хостинг

Хостинг (англ. hosting) — услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящемся в сети (обычно Интернет).

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

Хостинг базы данных, размещение файлов, хостинг электронной почты, услуги DNS могут предоставляться отдельно как самостоятельные услуги, либо входить в комплексную услугу.

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

  • поддержкаCGI: Perl, PHP, Python, ASP, Ruby, JSP, Java;
  • поддержка.htaccess/.htpasswd (для Apache);
  • поддержкабаз данных.

А также установленные модули и фреймворки для каждой из возможностей.

Хостинг как услугу сравнивают, описывают и оценивают по количественным ограничениям:

  • размердискового пространства под файлы пользователя;
  • количество месячноготрафика;
  • количествосайтов, которые можно разместить в рамках одной учетной записи;
  • количествоFTP пользователей.

12 Установка WEB-сервера на локальный компьютер

Denwer — набор дистрибутивов, используемые WEB-разработчиками для разработки сайтов на Windows — машине без необходимости выхода в Интернет (определение с сайта разработчика). Он позволит нам работать со своим сайтом на локальном компьютере. Установка Денвера (Denwer)

  1. Для начала нужно скачать Денвер(лучше этот вариант, не придется регистрироваться и т. п.) или можете скачать Denwer с сайта разработчика (может криво «встать», лучше скачать по первой ссылке).
  2. После скачивание продукта, запустите его (имеет расширение .exe).
  3. Установщик спросит Вас: «Вы действительно хотите установить базовый пакет?», нажимаете «Да». Потом появляется черное окошко с белым текстом.
  4. Далее нажмите «Enter» как написано. После этого действия Вас попросят указать папку, куда будет устанавливаться сервер. Можно оставить по умолчанию «СWEBServer», или самостоятельно указать папку.
  5. После выбора папки нажимаете «Enter». На вопрос установщика об уверенности в установке ту директорию, нажимаете «y» и нажимаете «Enter».
  6. Теперь установщик пишет о виртуальном диске, просто нажмите «Enter». Далее предлагается выбрать букву виртуального диска. Нужно выбрать название диска, которого поканет на компьютере.
  7. Нажимаете снова ‘Enter». Затем последует копирование файлов в ту папку, которую вы указали сначала. В появившемся окне вписываете число «1» и жмете «Enter».
  8. После этого установщик спросит Вас: «Создать ярлыки на Рабочем столе для запуска Денвера (y/n)?» Вписываете «y»(игрек) и нажимаете «Enter». Это делается для удобного запуска Denwer с Вашего рабочего стола. После этих действий установщик закроется, и откроется браузер с заголовком «Денвер успешно установлен».

13 Установка CMS

WordPress — идеальная платформа для публикации, ориентированная на красоту, поддержку стандартов и удобство использования.

Шаг 1: Загрузка и распаковка

Загрузите и распакуйте дистрибутив WordPress

  • Если вы будете устанавливать WordPress на удаленный веб-сервер, загрузите и распакуйте дистрибутив WordPress на ваш компьютер, используя любимый веб-браузер.
  • Если у вас естьshell доступ к веб-серверу и опыт работы с консольными приложениями, вы можете загрузить WordPress напрямую на веб-сервер используя wget для избегания неполной загрузки информации при малой скорости соединения с интернетом FTPing: wget http://wordpress.org/latest.tar.gz
  • Распакуйте дистрибутив используя: tar -xzvf latest.tar.gz. Дистрибутив WordPress будет распакован в папку под названием wordpress в той же самой папке (директории), в которую вы загрузили архив tar.gz.
  • Если у васнет доступа shell к веб-серверу или же опыта работы с консольными приложениями, вы можете загрузить WordPress напрямую на веб-сервер используя ZipDeploy.

Шаг 2: Создание базы данных и пользователя

Если вы пользуетесь услугами хостинг-провайдера, возможно у вас уже есть предустановленная база данных для WordPress или же хостинг-провайдер предоставляет ее создание в автоматическом режиме. Обратитесь в службу тех. поддержки к хостинг-провайдеру или воспользуйтесь панелью управления хостинга cPanel для выяснения всех нюансов по созданию базы данных и заведению пользователей.

Если вы производите установку WordPress на вашем собственном веб-сервере, обратитесь к инструкциям Работа с phpMyAdmin или Работа с MySQL Клиентом для того, чтобы создать базу данных и пользователя для установки WordPress.

14 Язык гипертекстовой разметки HTML

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

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

В большинстве случаев теги используются парами. Пара состоит из открывающего <имя_тега> и закрывающего </имя_тега> тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, — элементом.

Последовательность символов, составляющая текст может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например #, +, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсанд) и » (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

Структура HTML-документа

Самым главным из тегов HTML является одноименный тег <html>. Он всегда открывает документ, так же, как тег </html> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

HTML-документ состоит из двух частей: заголовок (head) и тела (body), расположенных в следующем порядке:

<html>

<head> Заголовок документа </head>

<body> Тело документа </body>

</html>

Чаще всего в заголовок документа включают парный тег <title>… </title>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

Тело документа является обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами <body> и </body>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML позволяющими корректно отображать страницу на экране монитора.

Текст в HTML разделяется на абзацы при помощи тега <р>. Он размещается в начале каждого абзаца, и программа просмотра, встречая его, отделяет абзацы друг от друга пустой строкой. Использование закрывающего тега </р> необязательно.

Если требуется «разорвать» текст, перенеся его остаток на новую строку, при этом, не выделяя нового абзаца, используется тег разрыва строки <BR>. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег <BR> не добавляет пустую строку. У этого тега нет парного закрывающего тега.

Язык HTML поддерживает логическое н физическое форматирование содержимого документа. Логическое форматирование указывает на назначение данного фрагмента текста, а физическое форматирование задает его внешний вид.

При использовании логического форматирования текста браузером выделяются различные части текста в соответствии со структурой документа. Чтобы отобразить название, используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: h1 (заголовок первого уровня), h2, h3, h4, h5 и h6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Пример использования тегов заголовков:

<hl>l. Название главы</hl>

<h2>l.l. Название раздела</h2>

Теги физического форматирования непосредственно задают вид текста на экране браузера, например пара <b></b> выделяет текст полужирным начертанием, <u></u> задает подчеркивание текста, <font></font> управляет шрифтом текста.

Тег <img> вставляет изображение в документ, как если бы оно было просто одним большим символом. Пример применения тега:

<img src = «picture.gif»>

15. Дизайн сайта

WordPress — система управления содержимым сайта с открытым исходным кодом; написана на PHP; сервер базы данных — MySQL; выпущена под лицензией GNU GPL версии.

Я создал информационный сайт в WordPress.

16. Структура сайта

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

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

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

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

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

17. Способы размещения сайта в Интернете

1.Домашний сервер. Ваш компьютер может использоваться как сервер, при этом вам не придется платить за хостинг.

2.Платный хостинг. Самый простой и надежный вариант для размещения сайта.

3.Бесплатный хостинг. Существуют хостинг-провайдеры, которые предоставляют бесплатные тарифы для вебмастеров.

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

18. Руководство администратора сайта

Для того что бы попасть в административную зону сайта созданного на основе CMS wordpress необходимо к адресу сайта в строке браузера дописать “wp-admin” соответственно, если название вашего сайта имеет вид “http://название-сайта.ru”, то адрес административной зоны будет располагаться по адресу “http://название-сайта.ru/ wp-admin /”. На открывшейся странице вводим логин и пароль администратора, указанные при установке CMS.

Смена пароля администратора в cms wordpress. В административной зоне сайта идем в “Пользователи”  “Все пользователи”  В таблице с пользователями наводим на строчку с Администратором и жмем “Изменить” Спускаемся вниз, вводим новый пароль в поле “Новый пароль” и дублируем в следующим за ним поле. Внизу страницы жмем “Обновить профиль”.

Добавление нового пользователя в cms wordpress. В административной зоне сайта идем в “Пользователи”  “Добавить нового” , вводим индивидуальные данные нового пользователя  внизу страницы жмем “Добавить нового пользователя”

Редактирование существующей статьи в cms wordpress. В административной зоне сайта идем в “Записи”  “Все записи”  В таблице со статьями сайта, наводим курсор на ту, которую намерены отредактировать и жмем “Изменить” Вносим необходимые правки  в правом верхнем углу жмем “Обновить”. Добавление нового меню в cms wordpress. В административной зоне сайта идем во “внешний вид”  “меню”  в правом верхнем углу вводим имя для нового меню в поле “заголовок меню” и жмем “создать меню”  далее в блоке “области темы” выбираем из списка добавленное нами меню и жмем “сохранить”

Добавление нового пункта меню (страницы) в cms wordpress. В административной зоне сайта идем во “внешний вид”  “меню”  в правом верхнем блоке, выбираем из вкладок меню, в которое будем добавлять новый пункт.

Заключение

С 01.09.2016 по  21.09.2016 я получил индивидуальное задание: создать сайт визитку и разместить на сайте информацию о хобби, дисциплине или другой теме.

В процессе выполнения этого задания я получила опыт в создании единого интерфейса сайта и получила базовые навыки работы с HTML.

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

Список использованных источников

1. Владимир Дронов HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов — СПб.: изд. БХВ-Петербург, 2011
2. Б. Лоусон, Р. Шарп Изучаем HTML5 – СПб.: изд. Питер, 2011
3. Чак Муссиано и Билл Кеннеди HTML и XHTML. Подробное руководство — СПб.: Символ – Плюс, 2011
4. А. Ю. Гаевский, В. А. Романовский 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript – М.: Технолоджи-3000, Триумф, 2008
5. М. В. Спека, Создание Web-сайтов. Самоучитель – М.: Диалектика, Вильямс, 2007
Интернет ресурсы:
1. http://webliberty.ru/sposobyi-sozdaniya-sayta/ — Блог Свободного Вебмастера
2. https://ru.wikipedia.org/wiki/Межсетевые_экраны — Свободная энциклопедия