Содержание
World Wide Web (WWW)– это большая компьютерная сеть, которая содержит огромное количество сайтов, на которых размещена всевозможная информация. Доступ к этой информации люди получают за счет технологии Internet. В наше время Интернет стал неотъемлемой частью жизни всего человечества. Доступ к нему имеют миллионы людей по всей планете. Каждый день создается большое количество Web-сайтов, которые с огромной скоростью расширяют просторы «мировой паутины». Для путешествия в среде WWW используются специальные программы – Web-браузеры. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом сайтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.
Пользователю приятно посещать те Web-страницы, которые быстро загружаются и правильно отображаются в окне Web-браузера, имеют стильное оформление, не отягощены чрезмерно графикой и анимацией.
Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать себя в роли дизайнера и создать свой сайт. Следовательно, целью работы станет изучение процесса Web-дизайна.
Для достижения цели передо мной были поставлены следующие задачи:
1. Изучить специализированную литературу
2. Определить круг важнейших умений и навыков для создания Web-страницы
3. Выделить основные правила создания сайтов
4. Рассмотреть основы языка программирования Web-страниц – HTML
5. Проанализировать некоторые программы для создания Web-страниц
На сегодняшний день любому человеку доступен огромный круг литературы для того, чтобы самостоятельно изучить азы Web-дизайна. Наибольшим авторитетом пользуется работа А. Мартинес1. Это отличное пособие для веб-мастера, охватывает практически все темы создания сайта, имеет множество ссылок на бесплатные ресурсы сети для веб-мастеров. Не только начинающие, но и уже имеющие свой сайт пользователи найдут для себя здесь много полезного. Так же популярна книга К. Хилмана, в которой рассматривается работа с Flash MX/MX 2004 на примере реально существующих и работающих сайтов, созданных его студией.2 Из российских работ можно выделить недавно поступившую в продажу книгу Д. Кирсанова.3 Эта работа - первый полный курс веб-дизайна на русском языке, написанный профессиональным дизайнером.
Главными программами по сайто-строению являются HomeSite и DreamWeaver, с их помощью можно создавать сайты любой сложности.
И так что же такое Web-дизайн? Web-дизайн (от англ. Web design) — отрасль Web-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских Web-интерфейсов для сайтов или Web-приложений. Web-дизайнеры проектируют логическую структуру Web-страниц, продумывают наиболее удобные решения подачи информации, а так же занимаются художественным оформлением Web-проекта. В результате пересечения двух отраслей человеческой деятельности грамотный Web-дизайнер должен быть знаком с последними Web-технологиями и обладать соответствующими художественными качествами.
Web-дизайнер — сравнительно молодая профессия, и профессиональное образование в области Web-дизайна в России пока не распространено. В связи с увеличением спроса на услуги в сфере Интернет, растет и спрос на дизайн сайтов, увеличивается количество Web-дизайнеров и таковым может работать человек, совершенно не связанный с дизайнерским образованием.
Хотя сейчас Интернет заполнен множеством сайтов, а в сфере индустрии веб-дизайна работают множество дизайнеров, которые называют свои работы «стильными», «профессиональными» и т. п., следует всё же помнить, что дизайн сайтов, несмотря на свою специфику - это не ремесло, а творческий процесс, и ни опыт, ни знание технологии здесь не являются решающими. Хороших результатов в этом деле нельзя добиться, изучая правила, копируя чужие находки, используя готовые элементы и т. д., главное здесь - опираться на свой вкус, искать в каждом случае собственное решение.
С особенностями разрешения дисплея связан вопрос выбора между изменяющимися страницами (изменяется размер и осуществляется настройка под разные размеры окон) и фиксированными по размеру (что позволяет разработчику лучше управлять размерами страницы). В пользу каждого из подходов есть веские аргументы. Естественно, можно найти хорошие доводы за и против каждого из них.
Разработка гибких страниц. Web-страницы по умолчанию гибкие. Текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров дисплея. Если размер окна браузера изменяется, элементы повторно выводятся, чтобы настроиться на новые размеры. В этом и проявляется сущность Web. Многие дизайнеры сознательно разрабатывают страницы таким образом, чтобы они выдерживали расширения и сжатия Web-окна. Этот подход имеет свои достоинства и недостатки.
Достоинства:
– реальность такова, что Web-страницы будут отображаться на дисплеях с разным разрешением; гибкую страницу можно настроить для вывода на любом дисплее;
– заполнено все пространство дисплея, отсутствует нежелательное свободное место, наличие которого часто планируется разработчиками страниц с фиксированными размерами;
– дизайн гибких страниц по духу и по природе более близок к золотой середине. Согласно таким стандартам, «хорошей» считается страница, которая доступна для большинства пользователей.
Недостатки:
– на больших дисплеях длина строки может оказаться чрезмерной, когда текст заполняет всю ширину окна браузера. Длинные строки особенно неудобны для чтения с экрана, поэтому, при заполнении текстом всей ширины окна или фрейма, значительно ухудшаются условия чтения многим пользователям;
– на больших дисплеях элементы будут расположены на экране достаточно гармонично, на маленьких дисплеях они оказываются скученными;
– результаты гибкого дизайна непредсказуемы, и страница у разных пользователей будет выглядеть по-разному.
Разработка страниц фиксированного размера. Тем, кто хочет иметь больший контроль над разметкой страницы, следует разрабатывать страницы фиксированной ширины, которая будет постоянной для всех пользователей, независимо от размера дисплея или изменений размеров окна. Этот подход основан на принципах создания страниц в издательском деле, таких как поддержание постоянной сетки, отношений элементов, расположенных на странице, и удобные длины строк.
Достоинства:
– страница будет выглядеть одинаково независимо от размеров дисплея. Это особенно важно для компаний, стремящихся представить свой имидж одинаково для всех посетителей;
– страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк. Чтобы строки не становились слишком длинными при просмотре на больших дисплеях, можно использовать таблицы.
Недостатки:
– если размер данного окна браузера меньше сетки страницы, части страницы не будут видны и может потребоваться горизонтальная прокрутка. Она почти всегда воспринимается как помеха, усложняющая работу, поэтому в большинстве случаев ее надо избегать. Одно из решений – выбрать размер страницы, который подойдет большинству;
– сложно контролировать размер выводимых символов в браузерах, так что элементы могут непредсказуемо смещаться в результате использования большего или меньшего размера, по сравнению с тем, который использовался при разработке;
– стремление полностью контролировать отображение страницы означает своего рода выступление против среды. Web – это не печатное издание, у него свои сильные стороны и особенности. Защитники стратегии гибкого дизайна скажут, что фиксированному дизайну нет места в Web.
Систе́ма управле́ния содержи́мым (конте́нтом) (англ. Content management system, CMS)(#По причине неблагозвучности русскоязычных сокращений выражений «система управления содержимым» (СУС) и «система управления контентом» (СУК) в компьютерной прессе и литературе обычно используется англоязычное сокращение CMS.) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым)(#Обычно это содержимое рассматривается как неструктурированные данные предметной задачи в противоположность структурированным данным, часто находящимися под управлением СУБД.).
Основные функции CMS(Савельева Н. Системы управления контентом (рус.) // Открытые системы. — 2004. — № 4.):
Предоставление инструментов для создания содержимого, организация совместной работы над содержимым,
Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.,
Публикация содержимого,
Представление информации в виде, удобном для навигации, поиска.
В системе управления содержимым могут находиться самые различные данные: документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.
Безусловно, чтобы подробное исследование показатся, что только две из CMS имет известный и популярный (так что сайты сообщает «ktonanovenkogo.ru», «lifehacker.ru» , «cmsmagazine.ru», «habrahabr.ru», «bizsistem.com» и т.д) поэтому исследовавшие них и в резултате. выглядит следующим образом:
Сайт «cmsmatrix» сообщает, что больше 1300 CMS(Система управления содержимым) создан, они разние с точки зрения функциональности, база данных, язык программирования, по сервера, Лицензия и т.д.
В отношении число велико поэтому мы можым исследовать несколко из них которые является популярным.
Создание и обновление оглавления
Оглавление можно создать, выбрав стили заголовков — например, "Заголовок 1", "Заголовок 2" или "Заголовок 3", — которые требуется включить в оглавление. Приложением оно будет выполнен поиск заголовков, соответствующих выбранным стилям. После этого для каждого из элементов оглавления будут заданы форматирование и отступ, соответствующий стилю заголовка, а затем оглавление будет размещено в документе.
В системах управления контентом доступна коллекция стилей автоматического оглавления. Пометьте элементы оглавления и выберите подходящий стиль из коллекции. Мой систем управления контентом автоматически создает оглавление из помеченных заголовков.
Оглавление можно также ввести вручную.
Поддержка мультиязычности в веб - это многоязычные сайты
Многоязычный веб-сайт отображает содержание на нескольких языках. Например, сайт канадской компании может иметь две версии – на английском и на французском, а латиноамериканский блог – на испанском и португальском.
Мультирегиональный веб-сайт явным образом ориентирован на пользователей из разных стран. Некоторые сайты являются как мультирегиональными, так и многоязычными (например, содержание на сайте может быть представлено для США и Канады с двумя версиями канадского содержания – для английского и французского языков).
Оптимизация веб-сайта для пользователей из разных регионов, говорящих на разных языках, может оказаться достаточно сложной задачей. Наличие нескольких версий сайта означает, что одни и те же проблемы придется решать в каждой из них. Это требует тщательной проверки оригинального сайта и наличия инфраструктуры для работы с несколькими его версиями. Ниже приведены некоторые советы и рекомендации по созданию многоязычных и/или мультирегиональных сайтов. (#https://support.google.com/webmasters/answer/182192?hl=ru)
Юнико́д(чаще всего) или Унико́д() (англ. Unicode) — стандарт кодирования символов, позволяющий представить знаки почти всех письменных языков(#Уникод в словаре Paratype - http://www.paratype.ru/help/term/terms.asp?code=361).
Стандарт предложен в 1991 году некоммерческой организацией «Консорциум Юникода» (англ. Unicode Consortium, Unicode Inc.(#http://www.unicode.org/consortium/consort.html). Применение этого стандарта позволяет закодировать очень большое число символов из разных письменностей: в документах Unicode могут соседствовать китайские иероглифы, математические символы, буквы греческого алфавита, латиницы и кириллицы, при этом становится ненужным переключение кодовых страниц(#http://www.unicode.org/versions/Unicode5.2.0/Foreword.pdf).
Стандарт состоит из двух основных разделов: универсальный набор символов (англ. UCS, universal character set) и семейство кодировок (англ. UTF, Unicode transformation format). Универсальный набор символов задаёт однозначное соответствие символов кодам — элементам кодового пространства, представляющим неотрицательные целые числа. Семейство кодировок определяет машинное представление последовательности кодов UCS.
Коды в стандарте Юникод разделены на несколько областей. Область с кодами от U+0000 до U+007F содержит символы набора ASCII с соответствующими кодами. Далее расположены области знаков различных письменностей, знаки пунктуации и технические символы. Часть кодов зарезервирована для использования в будущем(#http://www.unicode.org/versions/Unicode5.2.0/ch02.pdf). Под символы кириллицы выделены области знаков с кодами от U+0400 до U+052F, от U+2DE0 до U+2DFF, от U+A640 до U+A69F (см. Кириллица в Юникоде)(#http://www.unicode.org/versions/Unicode5.2.0/ch07.pdf).
UTF-8 — представление Юникода, обеспечивающее наилучшую совместимость со старыми системами, использовавшими 8-битные символы. Текст, состоящий только из символов с номером меньше 128, при записи в UTF-8 превращается в обычный текст ASCII. И наоборот, в тексте UTF-8 любой байт со значением меньше 128 изображает символ ASCII с тем же кодом. Остальные символы Юникода изображаются последовательностями длиной от 2 до 6 байт (на деле, только до 4 байт, поскольку в Юникоде нет символов с кодом больше 10FFFF, и вводить их в будущем не планируется), в которых первый байт всегда имеет вид 11xxxxxx, а остальные — 10xxxxxx. В UTF-8 не используются суррогатные пары, 4 байтов достаточно для записи любого символа юникода.
Формат UTF-8 был изобретён 2 сентября 1992 года Кеном Томпсоном и Робом Пайком и реализован в Plan 9(#http://www.cl.cam.ac.uk/~mgk25/ucs/utf-8-history.txt). Сейчас стандарт UTF-8 официально закреплён в документах RFC 3629 и ISO/IEC 10646 Annex D.
Что такое скрипт?
Глоссарий Unicode Консорциума использует следующее определение:
Скрипт: набор символов, используемый для представления текста в одной или нескольких системах письменности.
Microsoft на их Веб сайте глобализации предлагает такое определение:
Скрипт: Набор символов для отображения письменного текста, каждый из которых имеет общую характеристику, которая оправдывает рассмотрение символов в качестве отдельного набора. Один скрипт можно использовать для нескольких разных языков (например, Латинский скрипт, который охватывает всю Западную Европу). Некоторые письменные языки требуют нескольких скриптов (например, Японская, которая требует как минимум три скрипты: Хирагана и Катакана и иероглифы Кандзи, импортированные из Китая). Это значение слова "скрипт" не имеет ничего общего с такими программными скриптами, как Perl или Visual Basic Scripting Edition (VBScript).
Почему направление текста важно для веб дизайна?
Знание направления текста, основанное на скрипте (скриптах) ,которые будут использоваться, это важно для веб-дизайнеров и авторов, так как текст, который выравнивается справа налево может быть более сложным (для начинающих) для обработки, а также затрагиваются организация и направленность макета страницы. Поэтому, знание направления может понадобиться для оценки работы, которая связана с созданием веб страниц в новом языке.
Какие языки пишутся справа налево (RTL)?
Языка не имеют направлении. Скрипты имеют письменное направление, и таким образом языки написаны на конкретном скрипте, будут написаны с направлением этого скрипта.
Языки можно написать с помощью более чем одного скрипта. Например, Азербайджанский может быть написан на любом из Латинских, Кириллических, или Арабских скриптов. Когда Азербайджанский язык написан на Латинском или Кирилицьком скриптах, то он направлен слева направо (LTR). Когда написан на Арабском скрипте - справа налево.
Какой скрипт вам следует использовать?
Если язык написан с помощью более чем одного скрипта, то какой скрипт должен использовать веб дизайнер или локализатор, или нужно ли предоставлять текст на всех скриптах?
Ответ будет зависеть от вашей целевой аудитории. Скрипт может изменяться для разных стран или регионов. Скрипт также может измениться в связи с законодательством или с изменениями в политике правительства. Например, для Азербайджанськоязыкового населения в Иране, вы должны использовать Арабский скрипт. От конца 1930-х годов, люди выбрали Кириллицу в самом Азербайджане и это было утверждено правительством в 1940 году. За падения Советского Союза, начиная с 1991 года состоялся постепенный переход на Латинский скрипт, и он стал обязательным для официального использования в 2001 году. Тем не менее, для вашей целевой аудитории и неофициального использования, вы возможно, захотите использовать Кириллицу для старшей аудитории и Латинский скрипт для молодежной аудитории, и, скорее всего, охватите все население Азербайджана. Если вы хотите охватить всех, кто говорит на Азербайджанском языке, то вы должны использовать все 3 скрипты. (Обратите внимание, что может быть терминология и другие различия между теми, кто говорит на Азербайджанском языке в разных странах, так же, как есть различия между теми, кто говорит на Английском или Французском языке в разных странах.)
Вы также должны знать, что ваш выбор скрипта, возможно, может иметь политический, религиозный, демографический или культурный подтекст. В тех странах, где в высших учебных заведениях использовался Русский язык, образованными людьми будет использоваться Кириллица. Латиница связана с Пан-тюркскими движениями, и многое другое в целом может указывать на тенденцию Западного движения. Арабский скрипт имеет ассоциации с Исламистскими движениями.
В более общем плане, если вы исследуете какие языки необходимы для обслуживания различных культур, возможно вам понадобится исследовать правильный скрипт или скрипты для использования. Ниже есть предложения в Таблице Направленности Часто Запрашиваемых Языков.
Какие есть примеры скриптов, что выравниваются справа налево?
Следующие скрипты пишутся справа налево. Перечисленные языки, которые (иногда), написанные с помощью этих скриптов. В некоторых случаях, языка могут писаться с помощью других скриптов. Некоторые языки были написаны с помощью перечисленных скриптов исторически, но не сегодня.
Обратите внимание, что этот список, при необходимости, не является полным. Есть очень много языков для того, чтобы отметить их всех здесь. Таблица приведена для того, чтобы просто определить несколько скриптов, что выравниваются справа налево. Она не предназначена для руководства веб авторов и разработчиков в выборе скриптов для языков.
Какие языки, как правило, не написанные на скриптах, что выравниваются справа налево?
Язык написанные на Латинице, Кириллице, (Современном) Греческом, Индийском и Юго-Восточном Азиатском скриптах выравниваются слева направо. Языки в примере включают современные языки Южной Америки, Европы, Индии и Юго-Восточной Азии.
Идеографические языки (например Японский, Корейский, Китайский) являются более гибкими в их направлении. Они, как правило, пишутся слева направо, или по вертикали сверху вниз (с вертикальными линиями, исходя справа налево). Тем не менее, они иногда пишут справа налево. Китайские газеты иногда объединяют все эти направления на той же странице.
Какие направления, как правило, используются для написания локализованных языков?
Следующая таблица показывает направленность скриптов, используемых для письменных языков в перечисленных странах. Список отображает (более-менее) языки, которые наиболее часто запрашиваются локализаторами.
Заметим, что многие страны имеют более чем один официальный язык, и часто имеют большое количество лиц, говорящих на языках меньшинств. Поэтому вы не должны использовать этот список, чтобы определить свою стратегию локализации, а должны самостоятельно определить свии региональные рыночные требования.
Например, Израиль имеет два официальных языка: Иврит и Арабский. Тем не менее, Русский и Английский язык, также широко используется. Китай включает в себя: Путунхуа/Мандарин, Кантонский, Бай, Минбей, Миньнань, Сян, Гань, Хакка, и другие. Индия (земля 1000-чи языков) включает в себя: Английский, Ассамский, Бенгальский, Гуджарате, Хинди, Каннаду, Малаялам, Орию, Пенджабе, Тамильский, Телугу, Урду, Бихаре, Кашмирский, Синдхи, Тибетский.
(#https://www.w3.org/International/questions/qa-scripts.ru)
Создание меню с помощью CSS и HTML
Если веб-сайт не ограничивается одной веб-страницей, то стоит подумать о добавлении панели навигации (меню). Меню - раздел веб-сайта, предназначенный помогать посетителю перемещаться по сайту. Любое меню представляет собой список ссылок, ведущих на внутренние страницы сайта. Самым простым способом добавить панель навигации на сайт является создание меню с помощью CSS и HTML.
Хранение деревьев в базе данных
Иерархическая модель данных — это модель данных, где используется представление базы данных в виде древовидной (иерархической) структуры, состоящей из объектов (данных) различных уровней.
Между объектами существуют связи, каждый объект может включать в себя несколько объектов более низкого уровня. Такие объекты находятся в отношении предка (объект более близкий к корню) к потомку (объект более низкого уровня), при этом возможна ситуация, когда объект-предок не имеет потомков или имеет их несколько, тогда как у объекта-потомка обязательно только один предок. Объекты, имеющие общего предка, называются близнецами (в программировании применительно к структуре данных дерево устоялось название братья).
Базы данных с иерархической моделью одни из самых старых, и стали первыми системами управления базами данных для мейнфреймов. Разрабатывались в 1950-х и 1960-х, например, Information Management System (IMS)(#Database Management System Concepts. — FK Publications. — P. 32–. — ISBN 978-93-80006-33-8.) фирмы IBM.
Основными информационными единицами в иерархической модели данных являются сегмент и поле. Поле данных определяется как наименьшая неделимая единица данных, доступная пользователю. Для сегмента определяются тип сегмента и экземпляр сегмента. Экземпляр сегмента образуется из конкретных значений полей данных. Тип сегмента — это поименованная совокупность входящих в него типов полей данных.
Как и сетевая, иерархическая модель данных базируется на графовой форме построения данных, и на концептуальном уровне она является просто частным случаем сетевой модели данных. В иерархической модели данных вершине графа соответствует тип сегмента или просто сегмент, а дугам — типы связей предок — потомок. В иерархических структуpax сегмент — потомок должен иметь в точности одного предка.
Иерархическая модель представляет собой связный неориентированный граф древовидной структуры, объединяющий сегменты. Иерархическая БД состоит из упорядоченного набора деревьев.
В рамках иерархической модели выделяют языковые средства описания данных (ЯОД) и средства манипулирования данными (ЯМД). Каждая физическая база описывается набором операторов, обусловливающих как её логическую структуру, так и структуру хранения БД. При этом способ доступа устанавливает способ организации взаимосвязи физических записей.
Определены следующие способы доступа:
Помимо задания имени БД и способа доступа описания должны содержать определения типов сегментов, составляющих БД, в соответствии с иерархией, начиная с корневого сегмента. Каждая физическая БД содержит только один корневой сегмент, но в системе может быть несколько физических БД.
Среди операторов манипулирования данными можно выделить операторы поиска данных, операторы поиска данных с возможностью модификации, операторы модификации данных. Набор операций манипулирования данными в иерархической БД невелик, но вполне достаточен.
Поиско́вая оптимиза́ция (англ. search engine optimization, SEO) — комплекс мер по внутренней и внешней оптимизации, для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей, с целью увеличения трафика (для инфоресурсов) и потенциальных клиентов (для коммерческих ресурсов) и последующей монетизации этого трафика.
Обычно, чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем. При анализе эффективности поисковой оптимизации оценивается стоимость целевого посетителя с учётом времени вывода сайта на указанные позиции и конверсии сайта.
Программного обеспечения для создания сайта на данный момент огромное множество. Рассмотреть весь софт в реферате физически невозможно, поэтому проанализируем те программы, которыми пользуюсь на практике я сам.2
Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver или AllaireHomeSite. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad). Текстовые редакторы возможно использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует «подсветка» текста, следовательно работать крайне неудобно. Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишь одну страничку одного вида, а в окне браузера – она выглядит совсем по другому (особенно это касается Netscape Navigator). Странички получаются «кривыми», поэтому для создания качественных Web-страниц рекомендуется использовать пакеты, которые будут рассмотрены ниже.
Начнем мы с популярного Macromedia DreamWeaver. Компания Macromedia считается лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области. Последняя версия HTML-редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю). Но DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста).
Следующий редактор «HomeSite 4» для создания страниц вручную, т. е. для знатоков HTML. Вы получаете полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку под один из трех популярных браузеров (MSIE, NN, Opera). HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково).
Теперь рассмотрим некоторые редакторы графики.
Adobe Photoshop - на сегодняшний день это самый мощный пакет для профессиональной обработки растровой графики.3 Это целый комплекс, обладающий многочисленными возможностями модификации растрового рисунка, имеющий огромный набор различных фильтров и эффектов, причем есть возможность подключать инструменты независимых производителей.
Пакет предлагает, например, средства для восстановления поврежденных изображений, ретуширования фотографий или создания самых фантастических коллажей, которые только может позволить себе наше воображение. В общем, потенциал этого пакета поистине огромен. Начиная с версии 5.5 в пакет включена программа Adobe ImageReady, предоставляющие огромные возможности по обработке графики под WEB (оптимизация изображений, создание анимированных gif, «разрезание» картинок на более мелкие и т.д.). - предполагает не только техническое совершенство, но и полную свободу творчества, на которую человек, работающий с этой программой, просто обречен.
Professional Image Optimizer - программа для оптимизации графики. Оптимизирует 4 популярных формата: JPG, PNG, GIF и TIFF практически без потери качества. Простые и светлые изображения сжимаются почти на 80%. Image Optimizer - высококлассный, тщательно отработанный программный продукт, имеющий добротную справочную систему и сопроводительную поддержку разработчика. Интерфейс тщательно продуман и обеспечивает удобную работу с программой.
Следовательно, выбрав нужное программное обеспечение можно сделать очень приличный сайт. На данный момент предоставляется очень большой выбор различных программ, поэтому важно выбрать наиболее удобные и функциональные инструментарии.
Web-страница – это лицо той фирмы, того учреждения, человека, который разместил ее в WWW.
Именно поэтому сегодня Web-дизайну уделяется такое огромное внимание, та как от него напрямую зависит популярность того или иного информационного ресурса сети. Недаром сейчас профессия Web-дизайнера является одной из самых высокооплачиваемых.
Человек, создающий Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить – вот что отличает настоящего Web-дизайнера.
Для того чтобы создать Web-страницу, которая бы радовала глаз, нужно сочетать в себе качества художника и программиста.
Подводя итог всему выше сказанному, хочется отметить, что HTML стал тем форматом передачи данных, который наиболее полно и качественно удовлетворяет запросы современного общества. Несомненным фактом является и то, что будущее именно за HTML. В данном реферате рассмотрены актуальные вопросы разработки и создания современного Web-сайта.
При этом были решены следующие частные задачи:
– ознакомились с современными Интернет - технологиями и их использование в настоящей разработке;
– изучили программный инструментарий, применяемый для разработки и создания Web-сайтов;
– выявили методы и способы представления на Web-страницах различных видов информации, не препятствующих их доступности;
–выделили основные правила и рекомендации по разработке и созданию Web-сайтов;
– определили структуры Web-страниц и причины выбора стратегии разработки и создания Web-сайта.
Следовательно, в ходе работы мы решили поставленные задачи и познакомились с таким видом компьютерной деятельности как веб-дизайн.
Эти оба Джомла и вордплс написали с PHP поэтому могут быт исползовать с PDO значет они работают и отношют с другом базами данных который ранше сказалим.
PHP, расшифровывающийся как "PHP: Hypertext Preprocessor" - «PHP: Препроцессор Гипертекста», является распространенным интерпретируемым языком общего назначения с открытым исходным кодом. PHP создавался специально для ведения web-разработок и код на нем может внедряться непосредственно в HTML-код. Синтаксис языка берет начало из C, Java и Perl, и является легким для изучения. Основной целью PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц, однако область применения PHP не ограничивается только этим.
Это руководство состоит, главным образом, из справочника функций, а также содержит справочник языка, комментарии к наиболее важным из отличительных особенностей PHP, и другие дополнительные сведения.
Это руководство доступно в нескольких форматах по адресу » http://www.php.net/download-docs.php. Более подробную информацию о том, как ведется работа над руководством, вы сможете получить обратившись к приложению Об этом руководстве. Если вам интересна история PHP, обратитесь к соответствующему приложению.(http://php.net/manual/ru/preface.php)
PHP Data Objects (PDO /ˌpi di ˈoʊ/) — расширение для PHP, предоставляющее разработчику простой и универсальный интерфейс для доступа к различным базам данных.
PDO предлагает единые методы для работы с различными базами данных, хотя текст запросов может немного отличаться. Так как многие СУБД реализуют свой диалект SQL, который в той или иной мере поддерживает стандарты ANSI и ISO, то при использовании простых запросов можно добиться совместимости между различными языками. На практике это означает, что можно достаточно легко перейти на другую СУБД, при этом не меняя или частично изменяя код программы.
Скорость работы и масштабируемость: PDO не использует абстрактных слоёв для подключения к БД, наподобие ODBC, а использует для разных БД их «родные» драйверы, что позволяет добиться высокой производительности. В настоящее время для PDO существуют драйверы практически ко всем общеизвестным СУБД и интерфейсам. Так же позволяет работать сразу с несколькими базами данных одновременно.
Защита: Из методов борьбы с sql-инъекциями появилось prepared. Prepared statement — это заранее скомпилированное SQL-выражение, которое может быть многократно выполнено путём отправки серверу лишь различных наборов данных. Дополнительным преимуществом является невозможность провести SQL-инъекцию через данные, используемые в placeholder’ах.
Обновления библиотеки прекращены.
Расширение Объекты данных PHP (PDO) определяет простой и согласованный интерфейс для доступа к базам данных в PHP. Каждый драйвер базы данных, в котором реализован этот интерфейс, может представить специфичный для базы данных функционал в виде стандартных функций расширения. Но надо заметить, что само по себе расширение PDO не позволяет манипулировать доступом к базе данных. Чтобы воспользоваться возможностями PDO, необходимо использовать соответствующий конкретной базе данныхPDO драйвер.
PDO обеспечивает абстракцию (доступа к данным). Это значит, что вне зависимости от того, какая конкретная база данных используется, вы можете пользоваться одними и теми функциями для выполнения запросов и выборки данных. PDO не абстрагирует саму базу данных, это расширение не переписывает SQL запросы и не эмулирует отсутствующий в СУБД функционал. Если нужно именно это, необходимо воспользоваться полноценной абстракцией базы данных. Расширение PDO внедрено в PHP 5.1
HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.
Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста.
Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.
CSS (/siːɛsɛs/ англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.
Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS — это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.)
JavaScript (/ˈdʒɑːvɑːˌskrɪpt/; аббр. JS /ˈdʒeɪ.ɛs./) — прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript (стандарт ECMAScript Language Specification).
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.
На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке(#Рейсиг Д. 4. Инструменты отладки и тестирования // JavaScript. Профессиональные приёмы программирования = Pro JavaScript™ Techniques / Перевод Н. Вильчинский. — СПб.: Питер, 2008. — С. 76. — (Библиотека программиста). — 2500 экз. — ISBN 978-5-91180-904-1.).
Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation(#Trademark Snap Shot Prosecution History for Review Correspondence (англ.). United States Patent and Trademark Office. Проверено 22 июня 2011. Архивировано из первоисточника 22 августа 2011.).
На сегодняшний день поддержку JavaScript обеспечивают современные версии всех наиболее часто используемых браузеров. В Internet Explorer, Opera, Mozilla Firefox, Safari, Google Chrome имеется полная поддержка третьей редакции ECMA-262. При этом в Mozilla Firefox предпринята попытка осуществления поддержки четвёртой редакции спецификации, а первым браузером, в котором появилась неполная поддержка спецификации 3.1, явился Internet Explorer 8(#Zakas N. ECMAScript Support in Web Browsers // Professional JavaScript for Web Developers. — 2nd ed. — USA, Canada: Wiley Publishing, Inc., 2009. — P. 5, 6. — ISBN 978-0-470-22780-0.).
Допущенные разработчиками популярных браузеров ошибки в реализации спецификации, как правило, незначительны(#Web Browser ECMAScript Support (англ.). Проверено 28 октября 2009. Архивировано из первоисточника 22 августа 2011.). По состоянию на ноябрь 2009 года объектная модель документа имеет более ограниченную поддержку(#Web Browser DOM Support (англ.). Проверено 28 октября 2009. Архивировано из первоисточника 22 августа 2011.).
По мнению создателя языка, поддержка в Internet Explorer компанией Microsoft одного из существующих и применяющихся в других браузерах быстрых движков JavaScript способно привести к появлению приложений, работающих с трёхмерной графикой, написанных на JavaScript 3D-игр, использованию JavaScript в задачах, в которых ранее применялась технология Adobe Flash(#Krill, Paul. Eich: JavaScript getting faster, could displace Flash, InfoWorld (6 ноября 2009). Проверено 11 ноября 2009.).
| Страна/Регион | Скрипт | Направление1 | Язык |
| Австрия | Латинский | LTR | Немецкий |
| Армения | Армянский | LTR | Армянский |
| Афганистан | Арабский | RTL | Пушту |
| Бельгия | Латинский | LTR | Голландский, Французский |
| Ближний Восток | Арабский | RTL | Арабский |
| Болгария | Кириллица | LTR | Болгарский |
| Бразилия | Латинский | LTR | Португальский (Бразильский) |
| Великобритания | Латинский | LTR | Английский |
| Венгрия | Латинский | LTR | Венгерский |
| Грузия | Грузинский | LTR | Грузинский |
| Германия | Латинский | LTR | Немецкий |
| Греция | Грецкий | LTR | Грецкий |
| Гонконг | Традиционный Китайский2 | LTR или TTB | Кантонский |
| Дания | Латинский | LTR | Датский |
| Эстония | Латинский | LTR | Эстонский |
| Израиль | Иврит | RTL | Иврит |
| Индия | Деванагари | LTR | Хинди3 |
| Испания | Латинский | LTR | Каталонский, Испанский |
| Италия | Латинский | LTR | Итальянский |
| Китай, за исключением Гонконга | Упрощенный Китайский | LTR или TTB | Мандарин |
| Корея | Хангиль, Ханджа | LTR или TTB | Корейский |
| Латвия | Латинский | LTR | Латвийский |
| Латинская Америка, кроме Бразилии | Латинский | LTR | Испанский |
| Литва | Латинский | LTR | Литовский |
| Нидерланды | Латинский | LTR | Голландский |
| Норвегия | Латинский | LTR | Норвежский |
| Пакистан | Арабский | RTL | Урду |
| Польша | Латинский | LTR | Польский |
| Португалия | Латинский | LTR | Португальский (Португалия) |
| Россия | Кириллица | LTR | Русский |
| Румыния | Латинский | LTR | Румынский |
| Северная Америка | Латинский | LTR | Английский, Французский, Испанский |
| Сербия и Черногория | Кириллица | LTR | Сербский |
| Словакия | Латинский | LTR | Словацкий |
| Словения | Латинский | LTR | Словенский |
| Таиланд | Тайский | LTR | Тайский |
| Тайвань | Традиционный Китайский | LTR или TTB | Мандарин |
| Турция | Латинский | LTR | Турецкий |
| Франция | Латинский | LTR | Французский |
| Финляндия | Латинский | LTR | Финская |
| Хорватия | Латинский | LTR | Хорватский |
| Чешская Республика | Латинский | LTR | Чешский |
| Швейцария | Латинский | LTR | Французский, Немецкий, Итальянский |
| Швеция | Латинский | LTR | Шведский |
| Япония | Кандзи + Хирагана + Катакана | LTR или TTB | Японский |
Таблица Примечаний:
1 "TTB" - сверху вниз, "LTR" - слева направо, "RTL" - справа налево.
2 Гонконгский скрипт содержит символы из Гонконгского Дополнительного Набора Символов.
3 Англоязычное программное обеспечение часто используется в Индии.
http://www.cmsmagazine.ru/library/items/cms/bitrix-multylanguage-site/
