Поддержка мобильной среды jQueryMobile
Разработка веб-страниц
Понятие веб-страницы ее отличие от печатной.
Web-страница - это обычный текстовый файл. В нем, с помощью команд на языке HTML, описывается внешний вид страницы. Когда вы загружаете web-страницу в браузер, он выполняет команды, записанные в HTML коде, и, подчиняясь им, прорисовывает страницу.
Все HTML документы записываются в ASCII формате и поэтому могут быть созданы и отредактированы в любом текстовом редакторе, например стандартное приложение "Блокнот" операционной системы Windows. Многие Web-мастера используют в работе редакторы, и правят тексты непосредственно на HTML. С помощью специализированных программ с использованием технологии WYSIWYG (что вижу, то и получу - примерный перевод) на подобие "MicrosoftFrontPage", которые дают возможность, создавать документы графически без знания HTML. Подобные программы сами расставляют теги - вам останется только взять готовые текст, графику и, оформить страницу. Создавать страницу со сложной структурой, имея перед глазами только HTML-код трудно, но никакая программа не создаст текст, оптимальнее чем опытный Web-мастер, да и встраивать специфические теги значительно удобней вручную.
Веб-страница— логическая единица интернета, однозначно определяемая своим url-адресом. Это условно неделимый элемент всемирной сети, аналог атома в физике. Но как атом расщепляется на ядро и электроны, так и страница распадается на текст и оформление. Вообще, основные работы по созданию веб-страницы делятся на 3 этапа:
1.Написание текста
2.Разработка дизайна
3.Верстка
|
|
|
Отличие от печатной?то что она не напечана…)
Средства разработки веб-страниц.
Сегодня в помощь создателю сайта существует много различных инструментов - редакторы, утилиты проверки кода, и т.п. К тому же, появилась возможность проверить работоспособность проекта перед загрузкой его на "боевой" сервер. Мы будем говорить о программах, которые могут понадобиться при проектировании сайта:
WYSIWYG редакторы
- Пакет MicrosoftOffice ранее содержал программу MicrosoftFrontPage, которая создавала хоть и "кривой и грязный" код, но легким путем. Зачастую сайт корректно отображался лишь InternetExplorer пятой и шестой версии. Теперь проект закрыт и начинающие пользователи используютMicrosoftWord, который создает ещё более ужасный код;
- DreamWeaver, ранее принадлежавший компании Macromedia, а теперь купленный Adobe, создает красивый и удобочитаемый код. Конечно, он хуже написанного вручную, но из WYSIWYG редакторов - он обоснованно лидирует;
- AdobeGoLive CS - программа для разработки профессиональных Web - страниц. Совместима с форматами файлов Photoshop, Illustrator, Acrobat;
- AntennaWebDesingStudio - Программа для быстрого создания веб - страниц;
- NetObjectsFusion - очень прост в освоении и нагляден, в то же время обладает вполне профессиональными возможностями;
- SerifWebPlus - Очень простая программа для создания сайтов любой сложности;
- OpenOffice.org тоже имеет инструмент для создания Web-страниц. По реализации примерно соответствует MicrosoftWord;
- MozillaComposer является частью браузера Mozilla и предназначен для создания страниц в визуальном режиме. Бывает, что страницы корректно читаются потом только, собственно, в Mozilla;
|
|
|
HTML-редакторы
- EditPlus является одним из лучших представителей этого класса программ. Поддерживает автовставку тегов, подсветку синтаксиса и много чего ещё. Великолепный инструмент для профессиональной разработки;
- MacromediaHomeSite - редактор HTML/XML;
- Notepad++ специально не ориентирован на разработку Web-страниц, но подсвечивать синтаксис умеет;
- QuantaPlus - тоже достаточно хороший редактор html-кода. В Linux используют чаще всего именно его. Хорошая реализация, поддержка подключаемых модулей;
- BlueFish - редактор с подсветкой синтаксиса для Linux. Поддерживает js, php, html, css и т.п. Есть примеры готовых решений и инструменты проверки кода.
- Если ничего этого нет - используйте Блокнот (win) или Write (lin). Последний опять же умеет подсвечивать синтаксис;
|
|
|
Создание PHP/Perl:
- ZendStudio создан для работы с PHP-проектами. Теоретически можно использовать любой html-редактор;
- PHP ExpertEditor - редактор PHP-файлов с богатыми возможностями.
- DzSoft PHP Editor - мощный инструмент для написания, редактирования и отладки PHP сценариев и HTML страниц.
- DzSoftPerlEditor - инструмент для записи, редактирования, и отладки Perl-скриптов с удобным и инутитивно понятным интерфейсом.
После того, как код написан, его необходимо просмотреть и протестировать. Лучше всего для этих целей использовать локальный сервер, который покажет, как будет выглядеть Ваш сайт в интернете. Для PHP проектов лучше всего использовать DenWer, для ASP проектов - Microsoft IIS, который входит в дистрибутив Windows, для простых статистических HTML проектов можно вообще ничего не использовать - двойной клик решает :).
HTML-документ, можно создавать в любом текстовом редакторе, например, в "блокноте" (MS NotePAD в составе Windows).
HTML-документ, можно конвертировать из многих программ, (например, MicrosoftWord). После конвертации одна страница текста может превратиться в огромный HTML-файл размером более 100кб. HTML-документ, можно создавать с помощью визуальных пакетов (WYSIWYG -What You See Is What You Get), таких, например, как Microsoft FrontPage. WYSIWYG-редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню. Разработчик сайта должен использовать разумное сочетание всех методов создания HTML-документов. При использовании этих методов следует учесть следующее:
|
|
|
- создание различных эффектов в простом текстовом редакторе - громоздкая и сложная задача;
- документ подготовленный с помощью какой-либо программы проще конвертировать, чем создавать заново;
- текстовые редакторы можно использовать для очистки от "мусора" HTML-документов, созданных с помощью специализированных программ;
- при создании эффектов с помощью специальных программ (например, MicrosoftFrontPage) следует предусмотреть поддержку этих эффектов на web-сервере.
Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia (http://www.macromedia.com). Очень популярны пакеты Macromedia: Dreamweaver, HomeSite (до версии 5 этот пакет выходил под названием Allaire HomeSite), а также специализированные пакеты для создания компьютерной графики и анимации.
Создание графики для web заслуживает особого внимания . Следует иметь в виду, что графика бывает двух видов: растровой (когда описывается каждая точка изображения) и векторная (когда задается формула для генерации изображения). Последний способ построения графики более компактен и, в частности, идеально подходит для создания анимаций.
В следующей таблице представлены наиболее популярные программные средства, предназначенные для разработки Web-сайтов.
| Microsoft FrontPage | WYSIWYG -редактор. Недостаток: автоматически вырабатываемый html-код документа, созданного разработчиком в визуальном режиме, как правило, неоптимален. |
| Macromedia Flash 5 | Технология Flash становится очень популярной. Она позволяет создавать очень эффектные web-страницы, содержащие FLASH-объекты или исполняемые файлы, содержащие большое количество векторной графики, анимационные ролики. За счет применения векторной графики Flash-страницы быстрее загружаются на компьютеры клиента, чем традиционные (содержащие растровую графику) и одинаково воспринимаются на различных платформах: Windows, Macintosh, Solaris, Unix. Имеется возможность передачи данных из HTML-документа FLASH-объекту и наоборот, что позволяет создавать управляемыеFLASH-объекты, а также делать более эффектными HTML-страницы (например, формы). |
| Macromedia Director 8 | Лидер рынка мультимедийных средств. Объединяет графику, звук, анимацию, текст и видео для интерактивных информационных каналов, которые можно разместить как на web-страницах, так и на CD- или DVD-дисках. От технологии Flash отличается более развитым встроенным языком программирования. |
| Macromedia Dreamweaver MX 2004 | WYSIWYG-редактор. Профессиональное решение для web-дизайна и разработки web-сайтов.
|
| Macromedia Fireworks 3 | Профессиональное приложение для создания графических изображений и их размещения в Интернет.
|
| Allaire HomeSite 4.5 | Позволяет легко и быстро создавать эффектныеweb-сайты
|
| Macromedia DreamWeaverUltraDev 4 | Первая визуальная среда, позволяющая быстро разрабатывать Web-приложения для доступа к серверным базам данных.
|
| Macromedia ColdFusion 4.5. UltraDev 4 Studio | Объединение среды разработки ColdFusionStudio и среды DreamWeaverUltraDev. Содержит мощные инструменты визуальной разработки приложений для размещения на платформе ColdFusionServer 5, визуального представления серверного источника данных (набора записей, переменной, директория и пр.), средства отладки сценариев. |
| Adobe PhotoShop 6 | Мировой стандарт обработки изображений как для печати, так и для web |
Редактор MicrosoftFrontPage
FrontPage — WYSIWYG-редактор HTML, входящий в состав пакета приложений MicrosoftOffice.
Данное приложение при разработке страниц веб-узла пользуется движком InternetExplorer (Trident). В браузерах, использующих другие движки (например, Gecko), страницы, созданные с помощью FrontPage могут отображаться по-другому.
Программа обладает широким спектром возможностей, в частности, может автоматически отправлять изменения, внесённые разработчиком сайта в исходные тексты, в режиме реального времени.
В Microsoft Office 2007 программа FrontPage былазамененана Microsoft Expression Web. В Microsoft Office 2010программа FrontPage былазамененана Microsoft Office SharePoint Designer
Средство создания и управления веб-узлами MicrosoftFrontPage® широко известно как программа для быстрой разработки веб-страниц, доступная любому пользователю.
| ПРОЕКТИРОВАНИЕ ВЕБ-УЗЛА |
| Разработка веб-узла |
| Разработка веб-узла с управлением данными |
| Публикация веб-узла |
| Обслуживание веб-узла |
Проектирование веб-узла
FrontPage 2003 предоставляет новую среду разработки, макеты и средства проектирования, шаблоны и улучшенные темы — все это предназначено для того, чтобы облегчить процесс реализации проекта веб-узла разработчику, который может даже не обладать знаниями языка HTML.
| ДИНАМИЧЕСКИЕ ВЕБ-ШАБЛОНЫ. ДИНАМИЧЕСКИМ ВЕБ-ШАБЛОНОМ СНАБЖАЮТСЯ СТРАНИЦЫ, КОТОРЫЕ ДОЛЖНЫ ИМЕТЬ ОДИН И ТОТ ЖЕ МАКЕТ. МАКЕТ МОЖНО ЗАЩИТИТЬ, УКАЗАВ КАКИЕ ЧАСТИ СТРАНИЦЫ ДОСТУПНЫ ДЛЯ РЕДАКТИРОВАНИЯ ДРУГИМ РАЗРАБОТЧИКАМ. |
|
| Макетные таблицы и ячейки. С помощью макетных таблиц и ячеек создается структура веб-страницы. Эффекты, являющиеся признаками профессиональной графики, такие как закругленные углы и тени, создаются автоматически. Макетные ячейки могут содержать текст, изображения, веб-части, компоненты, выполненные с помощью технологии MacromediaFlash, а также другие элементы. |
|
| Слои. Слои используются для размещения содержимого в произвольном месте веб-страницы. Слои можно накладывать друг на друга, вкладывать один в другой, а также скрывать и показывать вновь. В слое можно размещать элементы HTML, такие как текст и графика. |
|
| Поведение. С помощью этой функции, основанной на технологии сценария, можно снабдить расширенными функциональными и интерактивными возможностями различные элементы веб-страницы, такие как текст или рисунки. Например, рисунок можно настроить таким образом, чтобы при перемещении поверх него указателя мыши появлялось другое изображение. Сценарии, которые связаны с элементами веб-страницы, можно просматривать и редактировать с помощью списка, размещенного в области задач Поведение. |
|
| Динамические кнопки. Профессионально выполненные кнопки можно добавить на веб-страницу, просто сделав выбор в соответствующем списке. Манипулируя шрифтами, цветами, ссылками и параметрами рисунков и текста, можно указать, как кнопка будет выглядеть в различных состояниях: исходном, нажатом и при перемещении на область кнопки указателя мыши. |
|
| Темы. При использовании тем используются не элементы HTML, а каскадные таблицы стилей, что позволяет уменьшить размер файлов, сделать их содержимое более понятным, а также упростить их поддержку и редактирование. Страницы с темами более ранних версий сохраняют свои настройки в FrontPage 2003. |
|
| Изображения-образцы. С помощью графической программы можно создать изображение веб-страницы, которое затем будет использоваться как визуальный образец для создания или копирования исполнения веб-страницы в программе FrontPage. Изображение можно скрывать и показывать вновь, а также устанавливать степень его прозрачности и менять его местоположение. |
|
| Линейки страницы и сетка макета. |
|
| Большая рабочая поверхность |
|
| Поддержка графики. |
|
| Поддержка MacromediaFlash. 
|
Редактор AdobeDreamweaver
Dreamweaver (Дримви́вер) — WYSIWYG HTML-редактор от компании Adobe. Изначально разработан и поддерживался компанией Macromedia, вплоть до 8-й версии (2005 год). Следующие версии, начиная с Dreamweaver CS3 (2007), выпускает Adobe. Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире.
Программное обеспечение для веб-дизайна Adobe® Dreamweaver® CS6 содержит интуитивно понятный визуальный интерфейс для создания и редактирования веб-сайтов и мобильных приложений. Используйте «резиновые макеты» (FluidGridLayouts) с межплатформенной поддержкой для создания страниц. Просматривайте макеты в панели «Многоэкранный просмотр» перед публикацией.
Используйте «резиновые» макеты и панель «Многоэкранный просмотр» в программном обеспечении Adobe® Dreamweaver® CS6 для одновременного создания проектов для телефонов, планшетных устройств и компьютеров. Расширенная поддержка jQueryMobile и AdobePhoneGap™ позволяет сократить время создания мобильных приложений.
Поддержка мобильной среды jQueryMobile
Поддержка PhoneGap
Создавайте и компонуйте оригинальные приложения для Android™ и iOS с новой функциональностью AdobePhoneGap.
Дата добавления: 2018-04-04; просмотров: 148; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!