Языки, технологии и средства создания Web-сайтов. Компонентная структура. Выполнил Федорова Я.В., студентка СФУ ИППС 1 курс заочное отделение.

Презентация:



Advertisements
Похожие презентации
КУРС «WEB-ДИЗАЙН». Что такое Web-страница? То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое!
Advertisements

это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Web - сайт Web - сайт состоит из web – станиц, объединенных гиперссылками. Web – страницы могут быть интерактивными и содержать мультимедийные(иллюстрации,
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
ВВЕДЕНИЕ В Задачи урока Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML.
Троицкий Д.И. Интернет-технологии1 ДИНАМИЧЕСКИЕ WEB-СТРАНИЦЫ СЕРВЕРНЫЕ СЦЕНАРИИ Лекция 9 Кафедра «Автоматизированные станочные системы» Dept. of Automated.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Апрапрапрап. 1.HTML – язык разметки гипертекстовых страниц 2.Основные тэги для создания Web- страницы 3.Гиперссылки 4.Вставка графических изображений.
Лекция 3. Тема «СТРУКТУРА HTML-ДОКУМЕНТА». 1.История развития HTML 2.Принципы гипертекстовой разметки 3.Группы тэгов 4.Структура HTML-документа 5.Элементы.
Богданов Марат Робертович Современные веб-технологии. Подробный курс RIA-приложения.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Выполнил: Мирмахмудова Мумтозахон Проверила:. Web-сайты и Web-страницы Web-сайт состоит из Web-страниц, объединенных гиперссылками. Web-страницы могут.
Технологии создания Web-документов. Введение 1991 – год рождения WWW (World Wide Web - Всемирная паутина). Тим Бернерс-Ли, сотрудник CERN (Швейцария)
Основы языка HTML или с чего я начинала создавать WEB-страницу.
Инструментальные средства создания Web-сайтов
Web-страницы и Web-сайты. Структура Web- страницы.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
AJAX Выполнила: студентка группы ПИ-311 Газизова Влада.
Основы языка гипертекстовой разметки. Web - сайты и Web – страницы.
Транксрипт:

Языки, технологии и средства создания Web-сайтов. Компонентная структура. Выполнил Федорова Я.В., студентка СФУ ИППС 1 курс заочное отделение

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

В 1989 году родилась идея Всемирной паутины. Она была разработана британским учёным Тимом Бернерсом - Ли, впоследствии он же разработал протокол передачи HTTP, HTML - язык разметки, идентификаторы формата URI. Всемирная паутина заняла лидирующее место в Интернете к 1995 г.

Основные Web-технологии Можно сказать, что Web строиться на трех базовых технологиях: HTTP, HTML и URL. Для получения информации нам нужен ее адрес URL, зная адрес, мы сможем получить информацию, используя протокол HTTP. И отобразить полученную информацию нам поможет браузер, используя при этом правила разметки текста HTML.

HTML HyperTextMarkupLanguage (HTML) - это язык разметки документов во Всемирной паутине, принятый за стандартный. Большая доля всех Web- страниц в Интернете создана при помощи языка HTML (или XHTML), поэтому мы рассмотрим его подробно.

Язык HTML позволяет форматировать текст и другие элемента Web-страницы: Цвет, жирность, стиль, название шрифта для текста Позволяет выделять фрагменты и символы например: ударение в слове, заголовок страницы или абзаца, сам абзац, пункт списка Гипертекстовые ссылки, позволяют переходить между документами и между фрагментами одного документа

Формы для введения данных, как правило, данные из форм обрабатываются с помощью скриптов на языках программирования, ориентированных на Web,например PHP. Отображение мультимедийных файлов, их может отображать сам браузер - изображения, аудиофайлы, или внешние приложения, взаимодействующие с браузером, например Flash- ролики, Java-апплеты.

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

Dynamic HTML Dynamic HTML или DHTML - так принято называть связку языка HTML, каскадных таблиц стилей, скриптового языка и объектной модели документов. Скриптовым языком может выступать JavaScript или VisualBasic, но именно первый язык получил большую популярность и сегодня используется повсеместно.

При помощи DHTML можно создавать интерактивные Web страницы, он позволяет легко и гибко обрабатывать данные запроса и формировать динамический ответ. DHTML может быть использован для реализации интерфейса Drag'n'Drop. На его основе создаются игры и другие интерактивные сервисы.

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

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

Также, при помощи CSS можно легко представить один и тот же документ, но с разным форматированием или использовать разные методы вывода, такие как отображение на экране, печать документа, чтение голосом и тому подобных.

Для работы с CSS есть большое количество различных программных продуктов, но они не получили большого распространения. Как правило, объем CSS, кода по соотношению с HTML, не такой большой. И почти все HTML-редакторы имеют поддержку синтаксиса CSS.

JavaScript JavaScript - это объектно-ориентированный скриптовый язык программирования. JavaScript встраиваемый язык, используемый для доступа к объектам в приложениях. Он нашел очень широкое применение при создании Web-страниц.

Язык PHP Еще одна из Web-технологий активно используемых при создании страниц это PHP. PHP - скриптовый язык программирования. Распространенность в области построения Web-сайтов обусловлена большим количеством встроенных средств для разработки Web- приложений

В отличие от HTML, PHP является полноценным языком программирования. PHP позволяет создавать масштабные и функциональные приложения. В нем реализована поддержка практически всех функции современных языков программирования.