Для студентов 41 и 42 группы АСОИ

ЭКЗАМЕНАЦИОННЫЕ ВОПРОСЫ

1. Web-сайт: определение, назначение, этапы проектирования, представление структуры сайта, размещение текста на сайте по приоритету и по группам, размещение сайта в Internet.

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

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

Назначение

Чтобы сформулировать, для чего создается Web-сайт, необходимо определить его цели и задачи.

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

Структура

Страницы сайтов — это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываютсябраузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийныеэлементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

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

Этапы проектирования

Проектирование сайта или веб-приложения (сбор и анализ требований, разработка Технического задания, проектирование интерфейсов);

Разработка креативной концепции сайта;

Создание дизайн-концепции сайта;

Создание макетов страниц;

Создание мультимедиа и FLASH-элементов;

Вёрстка страниц и шаблонов;

Программирование (разработка функциональных инструментов) или интеграция в систему управления содержимым (CMS);

Оптимизация и размещение[уточнить] материалов сайта;

Тестирование и внесение корректировок;

Открытие проекта на публичной площадке;

Обслуживание работающего сайта или его программной основы.

Размещение текста по приеоритету:

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

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

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

Зарегистрировав домен, разработав свой сайт и выбрав хостинг, Вы будете готовы к следующему шагу — размещению сайта в Интернете. Чаще всего операция по размещению сайта на хостинге включается в процесс создания сайта и выполняется самими разработчиками или своими силами.

После того, как ваша первая Web-страничка «сверстана» тем или иным способом, пришло время переместить её с «локального» диска вашего компьютера на один из серверов Интернета. Только после этого она станет доступна всему миру.

Для отправки файлов с вашего компьютера на сервер понадобиться FTP-клиент – специальная программа, осуществляющая пересылку файлов между компьютерами по протоколу FTP.

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

Последнее, что желательно сделать, – это зарегистрировать свою страничку на наиболее известных поисковых серверах (Яndex, Rambler, Aport и пр.). Тогда попасть на нее смогут не только ваши друзья и знакомые, которым вы сообщите адрес, но и те, кто задаст соответствующие ключевые слова в поисковой форме.

2. Основы языка гипертекстовой разметки документов (HTML): понятие, стандарты языка HTML, редакторы HTML-документов.

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов воВсемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируетсябраузерами и отображается в виде документа в удобной для человека форме.

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

Следовательно, элемент HTML должен выглядеть так:

открывающий тэг

Логически законченное содержание

закрывающий тэг

Атрибут — это свойство элемента HTML, которое может иметь стандартные или устанавливаемые авторами значения (параметры).

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

Давным-давно, когда интернет только зарождался, обозначилась проблема каким образом превращать набор букв, передаваемый по сети, в заголовки, абзацы, ссылки. Ответ нашел физик Тим Бернерс-Ли придумав язык гипертекстовой разметки HTML (обратите внимания, товарищи блондинки, HTML – это не язык программирования). Документацию к языку HTML опубликовали в 1991 году.

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

В своей первой редакции HTML представлял язык разметки содержимого web-страницы, сообщающий браузеру – где заголовок, где абзац, где ссылка при помощи наших добрых знакомых, HTML-тегов.

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

Семимильными шагами начинает развиваться технология CSS, призванная восстановить порядок и отделить представление (выравнивание, цвета, шрифты, которые теперь будут задаваться CSS-стилями) от структуры (заголовки, абзацы, ссылки, которые идеологически задаются в HTML).

Актуальный, на данный момент, стандарт HTML 4.01 запрещает использовать HTML для манипуляций с отображением элементов

Организация W3C решила, что наиболее удовлетворяющим современным веяниям будет новый расширяемый стандарт XHTML. Данная штуковина – это некий симбиоз HTML с принципами XML.

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

в мае 2001 года появился новый стандарт расширяемой гипертекстовой разметки XHTML 1.0. Он впитал в себя строгости XML, теперь HTML-код должен соответствовать следующим требованиям:

· Все теги, должны быть закрыты.

· Должна строго выполняться иерархия.

В июне 2004 года группа разработчиков, именующих себя WHATWG (в которую входят разработчики известных браузеров), посчитав концепцию XHTML неверной, начала работу над стандартом HTML 5.

Поскольку документ Web представляет собой текстовый файл, для его редактирования можно использовать не только Блокнот, но и любой текстовый редактор, например, из состава MS-DOS, Norton Commander или FAR. Редакторы собственно HTML -текстов, позволяющие автоматизировать набор и редактирование кода (например, HomeSite, HotDog, Ken Nesbitt Web Editor и многие другие). Эти программы дают возможность пользователю быстро и легко вставлять в документ элементы HTML, проверять синтаксис команд, выполнять запуск и отладку страницы, не покидая окна редактора.

3. Синтаксис HTML-тегов: виды контейнеров (парные, автономные), атрибуты тегов (определение, формат), комментарии. Примеры.

HTML-тег записывается в угловых скобках (символы < >)и состоит из имени, за которым может следовать список атрибутов (для большинства тегов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры.

Теги условно можно разделить на две группы:

Парные теги (называемые также контейнерами) имеют два компонента: открывающий (начальный) и закрывающий (конечный); закрывающий компонент имеет то же название, но при записи перед названием ставится косая черта (символ /). Между открывающим и закрывающим компонентами может располагаться текст документа и другие теги. Фрагмент документа, расположенный между открывающим и закрывающим элементом тега-контейнера форматируется браузером согласно смыслу тега. Например, текст, расположенный между тегами <B> и </B>, будет выведен полужирным начертанием (название тега - от английского bold). Парные теги могут быть вложены друг в друга, но не должны пересекаться.

Непарные теги (называемые также автономными) не имеют конечного компонента. При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег <IMG SRC="pict.gif">, встречающийся в тексте HTML-документа, вызывает вставку графического изображения из файла pict.gif.

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

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

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

Комментарии задаются очень просто. <!--Текст комментария-->

4. Структура HTML-документа: секции. Пример HTML-документа.

Любой HTML-документ состоит из трех основных секций:

· строки, содержащей декларацию типа документа;

· заголовка документа (заключенного в теги < HEAD >…< /HEAD >);

· тела документа (заключенного в теги < BODY >…< /BODY > или < FRAMESET >…< /FRAMESET >);

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

Рекомендуется начинать любой HTML-документ со строки, содержащей декларацию типа документа (DTD, document type declaration). HTML 4.0 поддерживает три типа таких деклараций:

· Документ строго соответствует стандарту HTML 4.0, т. е. не содержит ни морально устаревших элементов, ни фреймов. Декларация имеет вид:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"

"http://www.w3.org/TR/html4/strict.dtd">

· Документ является переходным к стандарту HTML 4.0, т. е. может содержать морально устаревшие элементы. Декларация имеет вид:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

· Документ содержит фреймы. Декларация имеет вид:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

Поясним структуру приведенных деклараций. Каждая из них говорит о том, что последующий документ является HTML-документом, созданным в соответствии со стандартом HTML 4.0, разработанномW3C. Последние две буквы первой строки декларации обозначают язык DTD, который всегда является английским ("EN"). Вторая строка декларации содержит URI, откуда обозреватель может загрузить данную DTD.

Элемент HTML

Этот элемент указывает, что последующий документ является HTML-документом. Он следует за декларацией типа документа и включает в себя все остальное содержимое документа. Он часто содержит атрибут lang, задающий базовый язык документа.

Дата добавления: 2015-10-26