- •Содержание
- •Раздел I. Введение в технологию создания Web - сайтов
- •Раздел II. Разработка Web - сайта
- •Введение
- •Раздел I Введение в технологию создания Web – сайтов
- •1.1 Понятие Web-сайта
- •1.2 Классификация Web-сайтов
- •1.3 Этапы разработки Web-сайта
- •1.4 Обзор инструментальных средств
- •Раздел II Разработка Web – портала
- •2.1 Языки программирования для создания сайтов
- •Какие языки программирования используются при создании сайтов
- •2.2 Понятие сss
- •Заключение
- •Список использованной литературы
2.2 Понятие сss
CSS (Cascading Style Sheets) – специальные правила отображения конкретного элемента в HTML-документе, называемые каскадными таблицами стилей. Спецификация HTML разрешает использовать для одного и того же элемента несколько стилевых правил, интерпретируемых браузером последовательно, другими словами – каскадом. Формат записи стилевых правил CSS напоминает табличное представление данных.
Заголовок таблицы соответствует наименованию элемента, класса или идентификатора стиля. В качестве ячеек и рядов таблицы выступают стилевые свойства и их значения. Под стилем принято понимать приведение какого-то явления к общему набору правил и определений. Таким образом, CSS – это способ дополнительного форматирования стандартных тегов HTML. Версия HTML 4.01 включает следующие характеристики CSS:
Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя.
CSS действует более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами.
Более того, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле – это позволит использовать описание стиля на любом количестве веб-страниц, а также изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле.
Кроме того, CSS позволяет работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой.
Уровни CSS
Впервые каскадные таблицы стилей CSS были реализованы в браузере Internet Explorer 3.0. Однако в то время развитие CSS находилось в зачаточном состоянии, поэтому правила составления стилевых шаблонов были весьма разрозненными. С момента своего возникновения структура CSS была несколько раз пересмотрена, в нее были добавлены новые элементы и убраны (видоизменены) старые.
Существуют три уровня CSS, определяемых наличием завершенной редакции структуры. Это:
CSS 1 (первый уровень структуры стилевых шаблонов, окончательно утвержденный 11 января 1999 года),
CSS 2 (второй уровень стилевых конструкций, начало обсуждения которого датируется маем 1998 года)
CSS 3 (третий уровень стилевого оформления электронных документов, принятый к обсуждению 23 мая 2001 года).
Именно третий уровень (CSS 3) позиционируется разработчиками в качестве некой единой системы представления стилей в электронном документе, основанной на использовании специальных модулей.
2.3 Adobe Photoshop
Adobe Photoshop ([əˈdəʊbɪ ˈfəʊtəʃɒp], Эдо́уби Фотошо́п) — многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop, на жаргоне российских пользователей — «ФШ». В настоящее время Photoshop доступен на платформах OS X, Windows, в мобильных системах iOS, Windows Phone и Android . Также существует версия Photoshop Express для Windows Phone 8 и 8.1. Сейчас в США идёт бета-тестирование стриминговой версии продукта для Chrome OS. Ранние версии редактора были портированы под SGI IRIX[источник не указан 495 дней], но официальная поддержка была прекращена, начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтернативы Windows API — Wine.
Особенности Adobe Photoshop
Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. В более ранней версии была включена специальная программа для этих целей — Adobe ImageReady (для анимации gif-файлов), которая была исключена из версии CS3 за счёт интеграции её функций в сам Photoshop, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.
Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe ImageReady (программа упразднена в версии CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD[en], он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и всемирной паутины. Photoshop также прижился в кругах разработчиков компьютерных игр
Основной формат Photoshop, PSD, может быть экспортирован и импортирован всеми программными продуктами, перечисленными выше. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями.
Из-за высокой популярности Photoshop поддержка специфического для неё формата PSD была реализована во многих графических программах, таких, как Adobe Fireworks, Photo-Paint, WinImages[en], GIMP, PaintShop Pro и других.
Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в аннотации самой программы — режим изображения):
RGB
LAB
CMYK
В градациях серого
Черно-белые
Duotone[en]
С 256-цветовой палитрой (Indexed)
Многоканальные (Multichannel)
Поддерживается обработка изображений, с глубиной цвета 8 бит (256 градаций на один канал), 16 бит (используется 15 битов плюс один уровень, то есть 32769 уровней) и 32 бит (используются числа одинарной точности с плавающей запятой). Возможно сохранение в файле дополнительных элементов, как то: направляющих (Guide), каналов (например, канала прозрачности — Alpha channel), путей обтравки (Clipping path), слоёв, содержащих векторные и текстовые объекты. Файл может включать цветовые профили (ICC), функции преобразования цвета (transfer functions). Допускаются неквадратные пиксели (Pixel Aspect Ratio)
2.4 CorelDraw
CorelDRAW — редактор, разработанный канадской корпорацией Corel.
Текущая версия продукта — CorelDRAW Graphics Suite X7, доступна только для Microsoft Windows. Более ранние версии выпускались также для Macintosh и Linux. Последняя версия для Linux — 9-я, выпущенная в 2000 году.
CorelDRAW — это целый программный комплекс, который включает в себя:
собственно CorelDRAW — редактор векторной графики;
CorelPhotoPaint — редактор растровой графики;
CorelCapture — программу для захвата изображения с экрана компьютера;
CorelTrace — программу для перевода растровой картинки в векторное изображение и др.
Самая важная в этом наборе, конечно же, программа CorelDRAW. По возможностям создания и редактирования векторных изображений она является одной из самых лучших в мире.
Пользователи CorelDRAW — начинающие художники, профессиональные иллюстраторы, дизайнеры, редакторы буклетов, книгоиздатели, художники по рекламе и логотипам, модельеры, менеджеры и т. д.
Рабочими инструментами CorelDRAW часто служат геометрические фигуры — прямоугольники, эллипсы, многоугольники и прямые (рис. 1).
Более интересные рисунки можно создать с помощью кривых. Рисуя мышью «от руки», очень трудно придать кривой идеальную форму. Поэтому CorelDRAW предостав ляет разнообразные возможности редактирования кривых, благодаря которым предварительно созданный эскиз рисунка можно довести до совершенства. К примеру, гном на обложке для книги создан с использованием кривых.
Разнообразные методы закраски рисунков — важнейшая особенность программы. Использование заливок из нескольких цветовых переходов, а также узоров и текстур позволяет получать красочные иллюстрации.
Особого внимания в CorelDRAW заслуживает применение спецэффектов. Например, шар со светлым бликом на поздравительной открытке создан благодаря эффекту перетекания. Эффект Выдавливание (Extrude) придает плоскому объекту объем, а эффект Оболочка (Envelope) дает возможность трансформировать объект так, чтобы подогнать его под контур оболочки.
Средства работы с текстом — еще одно важное свойство программы. Надписи и заголовки можно наклонять, переворачивать и также размещать по произвольной кривой. Кроме того, легко изменять форму отдельных букв текста, масштабировать их, вращать и перемещать.
К иллюстрации можно добавить растровое изображение, изменить его размер, а также выполнить фигурную подрезку, т. е. поместить внутрь некоторой рамки.
Конечно, освоить абсолютно все возможности CorelDRAW и профессионально использовать их непросто, но приобрести основные навыки работы с программой доступно каждому, при этом совсем необязательно иметь профессиональное художественное образование.
2.5 MySQL
MySQL – это одна из самых популярных и самых распространенных СУБД (система управления базами данных) в интернете. Она не предназначена для работы с большими объемами информации, но ее применение идеально для интернет сайтов, как небольших, так и достаточно крупных.
MySQL отличатся хорошей скоростью работы, надежностью, гибкостью. Работа с ней, как правило, не вызывает больших трудностей. Поддержка сервера MySQL автоматически включается в поставку PHP.
Немаловажным фактором является ее бесплатность. MySQL распространяется на условиях общей лицензии GNU (GPL, GNU Public License).
Ранее для долговременного хранения информации мы работали с файлами: помещали в них некоторое количество строчек, а затем извлекали их для последующей работы. Задача длительного хранения информации очень часто встречается в программировании Web-приложений: подсчёт посетителей в счётчике, хранение сообщений в форуме, удалённое управление содержанием информации на сайте и т.д.
Между тем, профессиональные приёмы работы с файлами очень трудоёмки: необходимо заботится о помещении в них информации, о её сортировке, извлечении, при этом не нужно забывать, что все эти действия будут происходить на сервере хост-провайдера, где с очень большой вероятностью стоит один из вариантов Unix - следовательно, нужно так же заботится о правах доступа к файлам и их размещении. При этом объём кода значительно возрастает, и совершить ошибку в программе очень просто.
Все эти проблемы решает использование базы данных. Базы данных сами заботятся о безопасности информации и её сортировке и позволяют извлекать и размещать информацию при помощи одной строчки. Код с использованием базы данных получается более компактным, и отлаживать его гораздо легче. Кроме того, не нужно забывать и о скорости - выборка информации из базы данных происходит значительно быстрее, чем из файлов.
Примечание
Приложение на РНР, использующее для хранения информации базу данных (в частности MySql) всегда работает быстрее приложения, построенного на файлах. Дело в том, что базы данных написаны на языке C++, и написать на PHP программу, которая работала бы с жёстким диском эффективнее базы данных - задача неразрешимая по определению, поскольку программы на PHP в принципе работают медленнее, чем программы на C++, так как РНР - интерпретатор, а С++ - компилятор.
Таким образом, основное достоинство базы данных заключается в том, что она берёт на себя всю работу с жёстким диском и делает это очень эффективно.
