- •1.Модель osi
- •2.Стек tcp/ip
- •3.Адресация в сетях tcp/ip
- •4. Ip адресация, понятие маски
- •5.Заголовок ip пакетов
- •6.Классификация Web-технологий
- •7.Статистические Web-технологии. Основы технологии html
- •8.Статистические Web-технологии. Таблицы html
- •9.Статистические Web-технологии. Фреймы html
- •10. Статистические Web-технологии. Формы html
- •1) Создание простой формы
- •2) Флажок (checkbox)
- •5) Выпадающий список (select)
- •6) Текстовое поле (text)
- •7) Поле для ввода пароля (password)
- •8) Многострочное поле ввода текста (textarea)
- •9) Скрытое текстовое поле
- •10) Кнопка отправки формы (submit)
- •11) Кнопка для загрузки файлов (browse)
- •12) Рамка (fieldset)
- •11. Статистические Web-технологии. Основы технологии css
- •12. Статистические Web-технологии. Css свойства текста
- •13. Статистические Web-технологии. Css свойства шрифта
- •14. Статистические Web-технологии. Css свойства таблиц
- •Vertical-align
- •15. Динамические Web-технологии. Основы технологии Java Script
- •16. Динамические Web-технологии. Java Script, глобальные и локальные переменные. Типы данных
- •17. Динамические Web-технологии. Java Script, операции над числовыми и строковыми типами данных
- •18. Динамические Web-технологии. Java Script, массивы.
- •19. Динамические Web-технологии. Java Script, операторы условного перехода
- •20.Динамические Web-технологии. Java Script, циклы.
- •21.Динамические Web-технологии. Java Script, обработка событий
- •22.Протокол http
6.Классификация Web-технологий
Все технологии, применяемые при создании веб-систем, делятся на два основных класса: исполняемые на клиенте средствами обозревателя Интернет (HTML, CSS, JavaScript, Flash, ActiveX и т.п.) и исполняемые на сервере средствами веб-сервера (SSI, PHP, ASP, Perl, Python и т.п.) и связанных с ним систем (MySQL, PostgreSQL, MSSQL и т.п.).
Приложения, исполняемые на сервере, практически ничем не ограничены по сложности: могут выполнять любые преобразования информации и затем формировать поток данных, который может быть визуализирован пользователю обозревателем Интернет.
Соответственно форматы данных, которые могут быть обработаны на клиенте, ограничены достаточно узким набором технологий, стандартов и определенными рамками, что позволяет унифицировать рабочее место пользователя и не требовать от него установки какого-либо дополнительного программного обеспечения кроме обозревателя Интернет.
Интернет
Сервер
PHP, MySQL
Клиент
HTML, CSS, JS
1.2. Инструментарий разработчика
Сегодня наиболее популярным серверным комплексом является так называемый LAMP – акроним, составленный из первых букв следующего программного обеспечения:
• Linux – операционная система;
• Apache – веб-сервер;
• MySQL – система управления базами данных;
• PHP – скриптовый язык программирования, используе-
мый для создания веб-приложений.
Данный комплекс позволяет решить большинство из стоящих сегодня перед разработчиками веб-систем задач на приемлемом по скорости обработки информации уровне.
7.Статистические Web-технологии. Основы технологии html
HTML- это Hyper Text Markup Language - язык гипертекстовой разметки.
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Почти все теги являются парными, то есть существует открывающий "зону действия" тег (< тег >), и соответственно закрывающий (< /тег >).
Обязательные теги.
<HTML> </HTML>, определяет, что документ написан с использованием html (языка разметки гипертекста) и все другие теги должны размещаться внутри данного;
<HEAD> </HEAD>, теги, находящиеся в этом теге, содержат наименование документа, другие данные о нем, вся эта информация в теле документа не отображается; <HEAD> должен стоять сразу после тега <HTML> и нигде больше;
<TITLE> </TITLE>, описывает наименования документа, этот тег размещается в теге <HEAD>;
Наиболее часто употребляемые атрибуты тега <BODY>: задание фонового рисунка документа и цветов его элементов. Для включения в веб-документ фонового рисунка, используется в теге <BODY> атрибутBACKGROUND: <BODY BACKGROUND="images/image_fon.jpg">.
Цвета элементов документа задаются атрибутами: BGCOLOR="#XXXXXX",TEXT="#XXXXXX",LINK="#XXXXXX",VLINK="#XXXXXX",ALINK="#XXXXXX", где BGCOLOR - цвет фона , TEXT - цвет текста, LINK - цвет ссылки, VLINK - цвет ссылки, уже просмотренной в текущем сеансе, ALINK - цвет ссылки активной.
Теги заголовка текста. Большинство браузеров воспринимают шесть уровней заголовка (от H1 до H6) и определяют каждому из них свой стиль. <H1> Пример </H1>.Заголовки по левому краю, по правому, по центру, по ширине окна. Реализуется это с помощью атрибута ALIGN: <H1 ALIGN="left"|"right"|"center"|"justify">.
Тег абзаца. Браузеры различают абзацы только по тегу <P>.Текст абзаца можно выравнивать по левому краю, по правому, по центру, по ширине окна, с помощью атрибута ALIGN.
Тег разрыва строки. С помощью тега <BR> можно разрывать строку текста в любом месте.
Тег выравнивания элементов документа по центру. Для того, чтобы элементы документа находились по центру окна, их необходимо разместить между тегами <CENTER> </CENTER>.
<B>, </B>- теги для выделения полужирным шрифтом.
<I>, </I>- для выделения курсивом.
<U>, </U>- теги для выделения подчеркиванием.
<EM>, </EM>- для акцентирования внимания, выделение курсивом.
<STRONG>, </STRONG>- для сильного выделения, обычно, полужирным шрифтом.
Тег <FONT>с помощью его атрибутов можно указывать имя шрифта, его размер, цвет (для слова, фраз). Тег <FONT SIZE=+3>...</FONT> задает размер шрифта на три пункта больше базового. Цвет шрифта задается значением параметра COLOR.<FONT FACE= "ARIAL", "HELVETICA", "SANS-SERIF" SIZE="5" COLOR="#483D8B" >Шрифт "Arial", размер 5, цвет темно-синий</FONT>.