Принципы работы html-редакторов.

Программа Adobe Dreamweaver CS5.5 позволяет разработчикам и дизайнерам создавать профессиональные веб-сайты с учетом всех существующих стандартов и спецификаций. Что особенно радует , так это поддержка синтаксиса html5 и css3. Вообще вся линейка программ от Adobe это удобство и функциональность при огромных возможностях. Полный список достоинств и возможностей программы вы можете прочитать на сайте разработчика .А ниже описаны самые необходимые , значимые , и новые функции.

Основные функции программы Adobe Dreamweaver для создания профессиональных веб-сайтов:

* Поддержка html5 существенно облегчает верстку web-страниц.

* Дизайн при помощи инструментов проверки CSS+поддержка CSS3 а также тонкая работа со свойствами.

* Представление «Дизайн» теперь применяет различные стили при изменении размеров экрана а также

поддерживает медиазапросы.

* Новая поддержка популярных CMS (Drupal , Joomla! и WordPress).

* Подсказки при создании PHP кода , html (программа является лучшей для верстки html5) и др.

* Простая настройка сайтов+браузер виджетов.

* Интеграция и объединение сайтов с аналитикой от Omniture analytics и Business Catalyst.

* Интеграция с Adobe BrowserLab позволяет осуществить предварительный просмотр динамических

страниц и локального контента , провести диагностику и сравнение.

* Adobe CS Live - онлайн-служба предназначенная для быстрого и точного тестирования веб-контента в

различных браузерах и операционных системах.

* Возможность создания и компоновки оригинальных приложений для Android™ и iOS с новой

функциональностью PhoneGap.

* Интеграция jQuery - это возможность добавлять интерактивные элементы при помощи подсказок по коду

jQuery.

* Быстрое создание и верстка веб-сайтов при помощи готовых шаблонов для мобильных телефонов.

* используя каркас PhoneGap с открытым кодом Преобразуйте свою верстку html в приложение для

мобильного телефона.

* В течение ограниченного периода времени услуги CS Live предоставляются бесплатно.

Этот дистрибутив подлинный ! т.е является оригиналом прямо с серверов компании Adobe-(Electronic

Software Delivery сокращенно-"ESD") без какого-либо постороннего вмешательства в код.

Общая структура HTML-документа.

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

Заголовок
Тело программы


<HTML>

<HEAD>

<TITLE>Проба 1</TITLE>

</HEAD>

<BODY>

<H1>Моя первая страничка</H1>

<HR>

<HR>

Привет! Меня зовут ....!

Это моя личная домашняя страничка.

</BODY>

</HTML>

 

Web- страница разделяется на две логические части: заголовок и содержание (тело).

Заголовок заключается между тегами <HEAD> и </HEAD>. В заголовке HTML - документа содержится название странички, а также справочная информация (например, тип кодировки), которые появятся в рамке окна программы просмотра.

Название странички располагается между тегами <TITLE> и </TITLE>. Например, <ТIТLЕ>Моя страничка</ТIТLЕ>

Содержание – это то, что будет выводиться на экран программой просмотра - текст, картинки, видеофрагменты. Содержание заключается между двумя тегами <BODY> и </BODY>.

Теги бывают парные и непарные, открывающие и закрывающие. Отличительным признаком закрывающего тега является символ /.

Область действия парного тега начинается с того места, где стоит открывающий тег, а кончается, где встречается закрывающий. Так, например, текст будет выводиться на экран полужирным шрифтом, если стоит между тэгами <В> и </В>.

Часто теги, помимо имени, содержат дополнительные элементы, которые называются атрибутами, например: <BODY bgcolor=green text=red>