mozok.click » Інформатика » Создание сайтов. Веб-страницы и сайты
Інформація про новину
  • Переглядів: 1090
  • Автор: admin
  • Дата: 2-10-2017, 17:00
2-10-2017, 17:00

Создание сайтов. Веб-страницы и сайты

Категорія: Інформатика

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

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

Указатель мыши при наведении на гиперссылку принимает вид руки: Гипертекст является частью веб-страницы, веб-страницы объединяются в вебсайты, а совокупность всех веб-сайтов составляет Всемирную паутину.

Сайт, или веб-сайт («место в сети», от англ. web — сеть, site — место) — это объединение тематически связанных веб-страниц и документов под одним доменным именем.

Размещение сайтов

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

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

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



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

Создание профессионального сайта — это трудоемкий и длительный процесс. Рассмотрим этапы разработки сайта.

1. Маркетинговые исследования

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

2. Планирование структуры сайта

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

Для сайта с небольшим количеством страниц целесообразной будет иерархическая структура (рис. 20.1), когда за 2-3 щелчка пользователь сможет открыть нужную ему страницу. Линейную структуру (рис. 20.2) лучше использовать для сайтов, просмотр страниц на которых будет происходить последовательно. Но для большинства сайтов применяют смешанную структуру, которая сочетает иерархическую и линейную структуры.

3. Разработка дизайна

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

4. Конструирование сайта


Веб-страницы сайта должны одинаково хорошо отображаться и работать во всех интернет-браузерах. Сконструировать сайт можно путем написания html-кода или с помощью онлайн-систем — CMS (от англ. Content Management System — система управления контентом).

Популярными бесплатными CMS являются WordPress (преимущественно для ведения блогов), Joomla (в основном для новостных сайтов), OpenCart (в основном для интернет-магазинов), SocialEngine (главным образом для социальных сетей) и др.

5. Наполнение сайта содержимым (контентом)

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

6. Тестирование сайта

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

Для создания локального сервера с целью разработки и тестирования сайта можно использовать бесплатные программы Apache, PHP, MySQL, phpMyAdmin или программу Denwer, которая объединяет эти программы.

7. Размещение сайта в интернете

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

8. обслуживание сайта

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

9. продвижение сайта

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

онлайн-системы для конструирования сайтов

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

Веб-страницы с общим доступом к ним можно создавать в приложении Google Sites.

Несложно и быстро можно разработать собственный сайт с помощью онлайн-систем на сайтах www.hostinger.com.ua;www.webkonstruktor.com; www.uroz.ua, которые также предоставляют услуги бесплатного хостинга, регистрации доменных имен, электронной почты и др.

Дизайн страниц сайта в основном выбирают из коллекции готовых шаблонов сайта. Затем выбранный шаблон можно настроить в соответствии с замыслом.

Вопросы для самопроверки

1. Дайте определение гипертекста.

2. Что такое сайт?

3. Что такое хостинг?

4. Назовите основные этапы создания сайта.

5. Назовите особенности иерархической структуры сайта; линейной структуры; смешанной структуры.

6. Что такое CMS?

7. Приведите примеры бесплатных CMS.

8. Как разработать дизайн сайта с помощью онлайн-систем?

Упражнение 20

Спланировать структуру собственного сайта.

1) Запустите текстовый процессор, создайте новый документ Упражнение 20.

2) Запишите в документ: название будущего сайта, его назначение, цели его создания, а также на кого ориентирован сайт.

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

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

5) Вставьте изображение главной страницы будущего сайта в документ.

6) Продумайте и создайте наполнение (контент) одной из страниц будущего сайта, вставив нужные тексты и рисунки в документ. Сохраните документ. Завершите работу за компьютером.

Компьютерное тестирование

Выполните тестовое задание 20 с автоматической проверкой на сайте interactive.ranok.com.ua.


Практическая работа 9

Конструирование сайтов с использованием онлайн-систем

Задание: создать и разместить на хостинге сайт с использованием онлайн-системы.

Оборудование: компьютер, подключенный к сети Интернет.

Ход работы

Во время работы за компьютером соблюдайте правила безопасности.

1. Продумайте структуру будущего сайта или воспользуйтесь документом Упражнение 20.

2. Запустите браузер и откройте веб-страницу www.webkonstruktor.com.

3. Откройте на сайте страницу бесплатного создания сайта.

4. Пользуясь указаниями, заполните форму создания сайта.

5. Откройте свой почтовый ящик и по ссылке в полученном электронном письме перейдите на свой сайт.

6. Внизу на странице своего сайта выберите команду Изменить, а затем, щелкнув кнопку Меню в левом верхнем углу, разверните меню настроек и выберите команду Стиль ^ Шаблоны.

Примечание. Дальше для входа в режим администрирования следует к адресу сайта добавлять «/login». Например: mysite.jimdo.com/login.

7. Выберите шаблон сайта, максимально соответствующий вашим замыслам, и сохраните изменения, щелкнув кнопку Сохранить.

8. Измените цветовую схему и шрифт (меню Стиль) заголовка по своему усмотрению.

9. Установите фоновый рисунок (меню Фон) в соответствии с эскизом. Закройте меню настроек.

10. В визуальном режиме конструктора измените название сайта, описание, отредактируйте навигационное меню и подменю согласно замыслу.

11. Щелкните одну из кнопок меню вашего сайта и создайте новую страницу, заполнив ее текстами и рисунками в соответствии с эскизом.

12. Выйдите из режима редактирования сайта (выберите команду меню Мой аккаунт ^ Выход). Отправьте адрес своего сайта учителю. Завершите работу за компьютером.

Сделайте вывод: какие этапы разработки сайтов при создании собственного сайта с использованием онлайн-системы были несущественными и почему.

 

Это материал из учебника Информатика 9 класс Бондаренко

 






^