- •1.Компьютерные сети, как средство обмена информацией.
- •2.Технология World Wide Web (www).
- •4.Понятие веб-дизайна. Профессия веб-дизайнера
- •5.Искусство веб-дизайнера. Необходимые навыки.
- •6.Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- •11.Структура html-документа
- •7.Этапы разработки web-сайта
- •8.Основные языки веб-программирования. Клиентские и серверные языки.
- •12.Заголовок и тело html-документа
- •40.Хостинг. Размещение сайта в Интернете.
- •13.Цветовое оформление документа
- •14.Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- •15.Логическое форматирование гипертекста
- •16.Физическое форматирование
- •17.Использование графики в html-документах
- •18.Гиперссылки. Абсолютный и относительный url
- •19.Списки в html. Виды. Общая характеристика.
- •22.Виды верстки веб-страниц. Общая характеристика.
- •29.Выравнивание данных в ячейках. Align и valign
- •30.Объединение ячеек в нтмl.
- •31.Общее определение каскадных таблиц стилей css. Цель создания css
- •32.Способы подключения css к документу
- •33.Построение правила css. Виды селекторов
- •34.Наследование. Каскадирование. Приоритеты стилей css.
- •35. Преимущества и недостатки css-вёрстки
- •36.Классы элементов. Идентификаторы элементов.
- •37.Подготовка иллюстраций для web.Gif. Jpeg.
- •39.Общее понятие фреймов.
11.Структура html-документа
Самым главным из тегов HTML является одноименный тег -- <HTML>. Он должен всегда открывать ваш документ, так же, как тег </HTML> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Закрывающий тег так же важен, как и открывающий. HTML-документ состоит из двух частей: заголовок (head) и тело (body), расположенных в следующем порядке:<HTML><HEAD> ...</HEAD><BODY> ...</BODY></HTML>.
7.Этапы разработки web-сайта
Веб-дизайн – это прежде всего разработка сайта, которая включает в себя все этапы, начиная от идеи, и заканчивая готовым инф. продуктом. Проектирование структуры будущего сайта, создание качественного юзабилити (удобства пользования).
Начинается работа с создания дизайна, обычно в графическом редакторе. Отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции). Дизайнер должен учитывать ограничения стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.
Количество эскизов и порядок их предоставления оговаривается с проект-менеджером. Так же менеджер проекта осуществляет контроль сроков. В больших веб-студиях в процессе участвует арт-директор, который контролирует качество графики.
HTML-верстка. Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу. В результате создаётся код, который можно просматривать с помощью браузера.
Программирование. Далее готовые HTML-файлы передают программисту. Программирование сайта может осуществляться как «с нуля», так и на основе CMS — системы управления сайтом. «Программист» — в данном случае правильно будет назвать его просто специалистом по CMS, должен заменить стандартный шаблон, поставлявшийся с CMS, на оригинальный шаблон.
Тестирование. Веб-дизайн сайта должен адекватно выглядеть в различных браузерах, особенно в браузерах InternetExplorer, Firefox, Safari, Chrome и Opera. Упомянутый InternetExplorer (версии 6) слишком по-своему трактует HTML. Это морально устаревший браузер. Однако наличие этого браузера в стандартной поставке Windows XP, а значит и его присутсвие на половине пользовательских компьютеров, вынуждает веб-дизайнеров тестировать свои проекты в нём. Процесс тестирования может включать в себя самые разнообразные проверки: вид страницы с увеличенными шрифтами, при разных рамерах окна браузера, при отсутствии флэш-плеера и многие другие.
•Размещение сайта в Интернет.Файлы сайта размещают на сервере провайдера и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.
•Наполнение контентом и публикация. Сайт наполняют контентом — текстами, изображениями, файлами для скачивания и т. д.
8.Основные языки веб-программирования. Клиентские и серверные языки.
Клиентские языки. Программы на клиентских языках обрабатываются на стороне пользователя, их выполняет браузер. Результат выполнения программы (скрипта) зависит от браузера пользователя. То есть если пользователь запретил выполнять клиентские программы, то они исполняться не будут. Кроме того, может произойти такое, что в разных браузерах или в разных версиях одного и того же браузера один и тот же скрипт будет выполняться по-разному. Самыми распространенными клиентскими языками программирования являются: •JavaScript •VBScript
•ActionScript •Java, •Adobe Flash, •Microsoft Silverlight.
Серверные языки. Когда пользователь дает запрос на какую-либо страницу, то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, Perl, SSI, XML, DHTML, XHTML. Работа программ уже полностью зависима от сервера, на котором расположен сайт, и от того, какая версия того или иного языка поддерживается. Популярными среди систем управления базами данных являются: •Firebird •IBM DB2 •Microsoft SQL Server •MySQL