Главная
вугрі   molly   Торговая   роботи   грудного   функці   захворювань   столику   периферію   цент   сполучна   центров   інформаційна   Жакет   answer   задач   вагітності   студентське   Перерва   каліфорнійське   одяг   120.   інфаркт   бронхолітики   української  
Додати статтю | Реєстрація
 укр  |  рус 
Будівництво та ремонт
Відносини чоловіка та жінки
Готові домашні завдання (ГДЗ)
Інформатика
Історія
Англійська мова
ЗНО (зовнішнє незалежне тестування)
Математика
Російська мова та література
Українська мова та література
Дієтологія, косметологія, фітнес
Діти та родина
Документи для роботи
Захоплення та хобі
Здоров'я, медицина, захворювання
Конспекти, лекції, курсові роботи
Красота, імідж, одяг
Кулінарні рецепти
Мода та стиль
Питання психології
Подорожі та туризм
Працевлаштування та освіта
Шкільні реферати
Відвислі щоки 
Вибираємо шубу 
Розумне тіло 
Цінність різних сортів суниці 
Паління 
ДОГОВОР ПОДРЯДА  
Відновлюємо працездатність, йога й концентрація уваги 
ДОЛЖНОСТНАЯ ИНСТРУКЦИЯ начальника отдела кадров  
6 порад докторів, щоб дитина була здорова 
Інсульт, симптоми захворювання 
We Learn English 7 class Alla Nesvit. (Англійська мова, 7 клас, Алла Несвіт ) 
Як зимувати кімнатним рослинам 
Лікарські речовини 
Дизайн світильника. Як вибрати люстру? 
Финансовая помощь: понятие, виды (субсидии, дотации, субвенции). Бюджетный кредит.  
Поняття творчості свободи і відповідальності 
Хміль - лікар для жирної шкіри 
Фуд - Розвідка 
We Learn English, 7 class, Alla Nesvit. (Англійська мова, 7 клас, Алла Несвіт )  
Зберегти сторінку Зробити стартовою Відправити другу
 укр
 рус
Інформатика
Уроки по информатике. Урок 6:«Разработка Web-сайта»
Урок 6:«Разработка Web-сайта»


Урок 6:«Разработка Web-сайта»
   Цели:
   - Изучить этапы разработки Web-сайта;
   - Рассмотреть возможные типы структур Web-сайтов;
   - Выполнить сборку Web-документов при создании сайта;
   - Обсудить вопросы выбора Web-cepвepa.
   План:
   1. Предварительные этапы
   2. Разработка структуры сайта
   3. Сборка файлов Web-сайта
   4. Выбор Web-сервера
   
   На предыдущих уроках мы изучали язык HTML и его возможности по созданию Web-страниц. Теперь нам предстоит из отдельных страниц сконструировать свой Web-сайт и разместить его в Интернете. Рассмотрим сначала этапы планирования и создания сайта на жестком диске компьютера.
   Предварительные этапы
   Приступая к разработке своего сайта, нужно четко представить себе его назначение. Обычно сайты создаются для того, чтобы заявить о себе или о своей организации, сообщить о результатах работы или своих достижениях, наладить деловые связи, дать рекламу о товарах или услугах и проч.
   Кроме назначения сайта, нужно определить круг его потенциальных посетителей, то есть аудиторию, на которую будет рассчитан ваш сайт. Будут ли это ваши сверстники или люди различных возрастов, школьники или студенты, какое время они будут посещать ваш сайт и на каких языках они будут говорить? Какими броузерами они будут пользоваться?
   Следующим этапом будет подбор материала. Не весь материал по тематике сайта, который у вас имеется, стоит публиковать в Интернет. Нужно трезво оценить качество материала и его интересность для посетителей. Отобранный материал разделите по темам - эти темы определят разделы будущего сайта Если материала по каждой теме набирается достаточно много, рассортируйте его по степени важности.
   
   Разработка структуры сайта
   Материалы, которые вы планируете опубликовать на сайте, нужно организовать в определенную структуру. Чаще всего для Web-сайтов выбирается древовидная структура организации информации. На верхнем уровне находится начальная страница сайта, с которой посетитель с помощью меню или ссылок может переходить на страницы следующего уровня. Древо¬видная структура может состоять из нескольких уровней подчинения.
   Очень важно определить оптимальное соотношение между количеством уровней (глубиной корней или высотой дерева) и количеством вариантов выбора на каждом уровне (шириной дерева). Если дерево окажется очень широким (рис. 77.1, а), то посетителю трудно будет ориентироваться в представленной информации и удерживать в памяти множество вариантов выбора. Если же уровней будет много, то посетителю придется долго «докапываться» до инте¬ресующей его информации. Для этого необходимо будет сделать множество щелчков мышью и дождаться загрузки промежуточных страниц.
   
   Пример структуры сайта: узкое дерево
   Чтобы облегчить путешествие вглубь сайта, на страницах верхнего уровня помещают ссылки, которые могут перевести посетителя сразу же к страницам нижнего уровня. На глубоких страницах также могут размещаться ссылки для обратного перехода вверх по иерархическим уровням сайта.
   Иногда для сайта вместо древовидной структуры целесообразно выбрать структуру в виде простой цепочки (линейная структура). При этом переход с каждой страницы может осуществляться только в двух направлениях: на следующую и на предыдущую страницы. Для этого на страницах располагаются кнопки Вперед и Назад, с их помощью легко организовать, например, просмотр разделов книги или набора фотографий. На практике линейная структура применяется в сочетании с различными ответвлениями и альтернативными переходами.
   Посетитель может составить представление о структуре сайта с помощью средств навигации: выпадающим меню, спискам-ссылкам и т.д. Для лучшей ориентации посетителей в состав сайта может быть включена отдельная страница называемая картой сайта.
   
   Сборка файлов Web-сайта
   Когда вы подготовили материалы и представили в виде схемы структуру будущего сайта, можете приступать непосредственно к разработке, то есть к составлению HTML-кода. Именно этот этап работы над сайтом вы изучали на предыдущих уроках. В результате у вас должны быть на диске файлы Web-страниц, а также должны иметься файлы внедренных объектов (изображений, аудио, видео).
   Скопируйте все эти файлы в отдельную папку и назовите ее, например Website. В этой папке должен быть файл index.html, который будет представлять начальную страницу сайта. Другие файлы папки Website содержат HTML-код остальных страниц (файлы с расширением .html). Имена всех файлов должны быть набраны строчными латинскими буквами.
   В папке сайта желательно предусмотреть папку (например, img), в которой будут храниться изображения в формате GIF или JPEG.
   Если в процессе формирования папки сайта вы вносили изменения в имена файлов, проследите, чтобы соответствующие изменения были внесены и в код HTML-страниц. После этого загрузите начальную страницу сайта в броузер (Internet Explorer или Netscape Navigator) и убедитесь, что все переходы на другие страницы сайта работают, страницы отображаются нужным образом, а рисунки выводятся на страницы. Если какая-либо страница или рисунок не видны, то, вероятно, вы ошиблись в указании имен файлов. Устраните эти ошибки, и еще раз проверьте работу сайта.
   
   Выбор Web-сервера
   Итак, вы создали свой небольшой сайт. Теперь вам предстоит выбрать Web-сервер, на котором этот сайт будет размещен.
   Web-сервер занимается хранением, поиском и обменом файлами в WWW. Например, когда клиент Web запрашивает файл из WWW, программа броузер отправляет этот запрос на Web-сервер, на котором находится данный файл. Сервер отыскивает файл на своих дисках и отправляет его компьютеру-клиенту, от которого был получен запрос. Обмен информацией между клиентом и Web-сервером происходит согласно протоколу HTTP - общему протоколу, определяющему функционирование World Wide Web.
    Web-сервер - это компьютер, который работает под управлением одной из операционных систем UNIX, Windows NT. Macintosh и на котором установлена специальная программа web-сервера.
   Наиболее распространенной программой Web-сервера является Apache Server, которая работает быстро и допускает бесплатную установку (см. узел www.apache.org). Часто используются также программы TomCat, Microsoft IIS, NCSA и др. С помощью одной из таких программ свой Web-сервер может создать любая организация, школа и даже частное лицо. Однако это не всегда оправдано, поскольку полноценный Web-сервер должен иметь быстрое соединение с Интернетом (например, через выделенную линию) и должен работать круглосуточно. Поэтому проблему Web-сервера решают с помощью сторонних организаций - фирмы вашего провайдера или специализированных фирм, занимающихся хостингом.
   Хостинг (от англ, слова hosting - совместное размещение) - это размещение Web-сайта на оборудовании компании. Ресурсы сервера и линии связи используются совместно множеством клиентов.
   При выборе стороннего Web-сервера руководствуются двумя основными критериями: ценой и производительностью. У профессиональных разработчиков Web-сайтов выбор определяется возможностями заказчика и сложившимися отношениями с компаниями, владеющими Интернет-серверами.
   Сейчас появляется все больше Web-серверов, осуществляющих бесплатный хостинг (например, русскоязычные серверы www.chat.ru, www.narod.ru, www.boom.ru). Такие серверы не требуют оплаты за поддержку Web-сайтов клиентов и существуют за счет средств рекламодателей. Зарегистрированному клиенту предоставляется ограниченное, но достаточно большое свободное пространство на диске сервера - от 5 до 50 Мбайт. Этого объема вполне достаточно для размещения как небольшого, так и весьма солидного сайта. Единственное обязательство, которое принимает на себя клиент бесплатного Web-сервера, - это размещение на своем сайте баннеров* - маленьких броских изображений (часто анимированных), предназначенных для рекламы. Впрочем, согласия на это у клиента, как правило, не спрашивают - баннеры вставляются и обновляются без участия владельца сайта.
   Бесплатные Web-серверы имеют также ограничения по предоставляемому сервису: они, как правило, не поддерживают современные Интернет-технологии PHP, JSP, ASP и др. Однако свой сайт, содержащий обычные файлы HTML, вы сможете разместить в бесплатной службе без особых проблем.
   
   Закрепление изученного на уроке.
   1. В чем заключается предварительная работа по созданию Web-сайта?
   2. Что такое структура сайта? Как можно определить структуру нового для вас сайта?
   3. В чем различия между сайтами с линейной и с древовидной структурами?
   4. В каком виде должен существовать сайт перед его непосредственным размещением в Интернете?
   5. Что такое хостинг и какие виды его вам известны?
   
   Домашнее задание.
   Гаевский А. Ю. «Информатика 7-11» - §77 выучить.
   Зарецкая И. Т. «Информатика 10-11». Глава 6 § 4.7 выучить.
   Глушаков С.В., Ломотько Д.В., Мельников И.В. Работа в сети Интернет: Учебный курс. – Харьков: Фолио; М.: ООО «Издательство АСТ», 2001. (с.103 - 160).
   Конспекты в тетради выучить.
   


Автор: ukrix | Відгуки: 6 | Перегляди: 5213 | 18/02/2012 Готові домашні завдання (ГДЗ) - Інформатика

Ссылка на статью:


Оставить комментарий
Ваше имя:
Комментарий:
Введите текст, изображенный на картинке:
 
Інші статті цього автора
Уроки по информатике. Урок 5: Практическая работа
Урок 5:«Практическая работа: Создание Web - документов, которые содержат теги форматирования символов, гиперссылки и графику»

Автор: ukrix |Відгуки:0 | Перегляди:3324 | 18/02/2012 Готові домашні завдання (ГДЗ) - Інформатика
Аваст убил сеть на компьютере. Решение проблемы.
Как восстановить компьютер после работы антивируса Аваст

Автор: ukrix |Відгуки:0 | Перегляди:4069 | 07/12/2012 Готові домашні завдання (ГДЗ) - Інформатика
Такі різні чубчики
Розповідаємо про те, як вибрати підходящий тип чубчика й підстригти його самостійно. А також багато про що інше, що може бути цікаво бажаючим змінити свій вигляд. УРАХОВУЙТЕ...

Автор: ukrix |Відгуки:0 | Перегляди:1454 | 03/11/2014 Красота, імідж, одяг - Догляд за волоссям
Хімія життя
Зміна кольору волосся – це зміна настрою й стилю. Розповідаємо, як здійснити цю революцію в домашніх умовах і не накоїти помилок. ЯКЩО ВИ ФАРБУЄТЕ ВОЛОССЯ В ПЕРШИЙ РАЗ.....

Автор: ukrix |Відгуки:0 | Перегляди:1477 | 03/11/2014 Красота, імідж, одяг - Догляд за волоссям
Як народження дитини вплине на ваші відносини
Поява дитини, навіть бажаної, пред’являє до батьків серйозні вимоги. Дитина повністю міняє колишній ритм життя батьків і віднімає той час, який вони раніше присвячували один одному. Те подружжя, яке...

Автор: ukrix |Відгуки:0 | Перегляди:1816 | 09/09/2014 Діти та родина - Планування вагітності