neowebtime.ru neowebtime.ru Создание , разработка и изготовление сайтов в Кирове

Язык разметки XHTML

  1. XHTML является текущим стандартом разметки гипертекста, заменившим HTML 4;
  2. XHTML совместим с другими продуктами на базе XML - языками, протоколами и приложениями, чего нельзя сказать о HTML;
  3. XHTML более последователен, чем HTML, что снижает вероятность возникновения ошибок;
  4. XHTML 1.0 является мостом к будущим новым версиям XHTML. Если появится стандарт, XHTML 2.0 будет легче перейти на него с XHTML 1.0, чем с HTML;
  5. Старые браузеры так же корректно отображают XHTML, как и HTML;
  6. XHTML так же хорошо работает в беспроводных устройствах, программах для чтения информации с экрана и других пользовательских устройствах, как и в традиционных браузерах, что во многих случаях устраняет необходимость создания отдельных версий для беспроводных устройств и повышает доступность сайта;
  7. XHTML является частью семейства Web-стандартов (также включающего в себя CSS и W3C DOM), что позволяет контролировать внешний вид и поведение страницы на разных платформах, браузерах и устройствах;
  8. Использование XHTML ведет к повышению доступности вашего сайта и одинакового отображения страниц в браузерах разных производителей;

Каскадные таблицы стилей CSS

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

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

Преимущества CSS вёрстки:

  • Несколько дизайнов страницы для разных устройств просмотра. Например, на экране дизайн будет рассчитан на большую ширину, во время печати меню не будет выводиться, а на КПК и сотовом телефоне меню будет следовать за содержимым.
  • Уменьшение времени загрузки страниц сайта за счет переноса правил представления данных в отдельный CSS-файл. В этом случае браузер загружает только структуру документа и данные, хранимые на странице, а представление этих данных загружается браузером только один раз и кэшируется.
  • Простота последующего изменения дизайна. Не нужно править каждую страницу, а лишь изменить CSS-файл.
  • Дополнительные возможности оформления. Например, с помощью CSS-вёрстки можно сделать блок текста, который остальной текст будет обтекать (например для меню) или сделать так, чтобы меню было всегда видно при прокрутке страницы.

CMS — система управления контентом

Для сайтов-визиток и сайтов-каталогов до 50 страниц мы предлагаем использовать следующие CMS.

Преимущества новейших, недавно разработанных CMS, в том, что не используя баз данных, они позволяют пользователям очень просто сохранять сайты на компьютере и с легкостью переносить их на любой выбранный хостинг, избегая оплаты за перенос хостинг-провайдерам (экономия 5000-8000 рублей). Также в случае заражения сайта вирусами, или взлома админ панели, вы просто перезаливаете сайт на сервер и меняете пароль.

Мы не работаем с платными CMS.

Фотогалереи

Карусели

Moving Boxes
Скрипт карусели с изменением размера рисунка.

Карусель для шапки сайта
Подобные карусели устанавливаются, как правило, в шапке сайта.

Простая карусель
Это самая простая карусель, котрую можно вписать в любой дизайн.

Карусель 3D
Оригинальная 3D карусель с увеличением фотографий по клику.

Большой набор каруселей
Набор всевозможных каруселей, легко вписывающихся в любой дизайн.

Галереи

Фотогалерея 1
Фотогалерея с возможностью добавления текста к фотограифям и с каруселью.

Фотогалерея 2
Красивая фотогалерея с удобным интерфейсом.

Фотогалерея 3
Небольшая фотогалерея с возможностью добавления описаний к фотографиям.

Фотогалерея 4
Две замечательных галереи, лучше размещать в отдельном или во всплывающем окне.

Фотогалерея 5
Фотогалерея предназначена для размещения в тексте небольшого количества фотографий.

Фотогалерея 6
Красивая фотогалерея с добавлением описаний.

Размещение видео

Пример размещения видео на Youtube

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

Вы просто заливаете свои видеофайлы на YouTube, RuTube, Видео@Mail.Ru или любой другой подобный сервис, а затем размещаете их на своем сайте.

Пример размещения видео на вашем сайте.

Но если вы желаете демонстрировать свои ролики только на своем сайте, мы поможем вам и в этом. Мы проведем конвертацию вашего видео в интернет-формат всего от 50 рублей за ролик, установим на ваш сайт проигрыватель, как на YouTube, и ваши видеофайлы станут доступны только посетителям вашего сайта.

При представлении большого количества видеоматериалов, для того чтобы разгрузить страницу мы рекомендуем воспользоваться их Ajax-загрузкой при помощи какого-либо из jQuery-скриптов.

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

Также можно размещать видеофайлы и на самой странице.

Карты на сайте

Если вы желаете указать на сайте местоположение вашей фирмы, мы предлагаем воспользоваться Яндекс.Картами.

Яндекс.Карты — это поисково-информационный сервис, предоставляющий пользователям карты крупных городов России и Украины, актуальные данные о пробках, схемы метро и другие возможности.

Для удобной работы с картами сервис предлагает различные инструменты — измерение расстояний, печать карты, прокладка маршрута, хранение точек. С помощью API Яндекс.Карт можно встраивать карты на сайт или в блог, управлять их содержимым и создавать собственные приложения.

Яндекс.Карты открыты в 2004 году. Еженедельная аудитория сервиса — около трех миллионов человек.

Пример размещения карт в разделе Контакты и Здесь

Библиотека jQuery

Всплывающие окна

Pretty Photo
Самый новый скрипт для просмотра всего-всего (от картинок до видео) во всплывающем окне.

Facebox
Замечательный скрипт для просмотра фотографий и не только.

FancyBox
Очень неплохой скрипт для открытия всплывающих окон.

Full Size
Отличный скрипт для просмотра фотографий.

Окно перемещаемое, сворачиваемое и изменяемого размера.
При помощи этого скрипта формируется всплывающее окно с Ajax загрузкой, скрипт достаточно тяжелый - 77кб.

Меню

Rollover
Горизонталное анимированное меню, при наведении сползает вниз с эффектом дрожания.

Fancy Navigation
Анимированное меню как на нашем сайте.

LavaLamp
Горизонталное анимированное меню.

Animated Drop Down Menu
Раскрывающееся по клику анимированное меню с эффектом изменения размера текста.

Autosprites
Меню с заменой текста графикой, анимированное.

Css-dock-menu
Анимированное меню, при наведении рисунок увеличивается в размере и появляется текст меню.

Diggheader
Горизонталное выпадающее меню.

Droppy
Горизонталное выпадающее многоуровневое меню.

Fade Menu
Аккордеон-меню с эффектом растворения.

jQuery Multi Level
Горизонталное выпадающее многоуровневое меню.

CSS & jQuery
Горизонталное выпадающее однострочное меню.

HoverScroll
Горизонталное меню с прокруткой.

jQuery Multi Level 2
Горизонталное выпадающее многоуровневое меню.

Accordion
Аккордеон-меню различных размеров.

Mega menu
Красиво выпадающее меню любого размера.

Простое меню
Простое горизонталное выпадающее меню.

Вертикальное меню
Вертикальное выпадающее многоуровневое меню.

Vipis Menu
Горизонталное выпадающее меню c прокруткой и без.

Скроллинг

jScrollPane 1
Скрипт прокрутки блоков.

jScrollPane 2
Качественный скрипт прокрутки блоков.

jScrollHorizontalPane
Горизонталная прокрутка блока.

Формы

jqtransform
Лучший скрипт для украшения форм. Работает во всех браузерах.

Оформление форм
Пример красивого оформления форм с помощью CSS и jQuery.

Input Defeault
При клике на поле надпись исчезает.

jQuery.styledSelect
Оформление форм с помощью CSS и jQuery.

Form Style
Замена полей картинками с помощью CSS и jQuery.

jQuery Validation Plugin
Скрипт валидации форм.

Прочее

Sliding Boxes
При наведении на картинку появляется текст.

jQuery virtual tour
Скрипт для создания кругового обзора. Все, что требуется это грамотно исполненный снимок.

Cycle Plugin
Набор скриптов для смены картинок и текстов.

Farbtastic
Скрипт для выбора цвета.

JQuery Accordion
Вертикальный аккордеон применяется как в меню, так и в текстовых блоках.

Horizontal Accordion
Горизонтальный аккордеон.

hSlides
Набор горизонтальных аккордеонов.

Coda-slider
Прокрутка блоков на странице из стороны в сторону.

Calendar
Добавление различных календарей в формы и в текст.

Jcropmap
Интересная возможность выбора области на изображении.

Drop Down Panel
Панель с возможностью Ajax-загрузки.

Боковая панель
Панель выезжает слева при наведении.

DynamicBlocks
Панели выезжающие и вытягиваемые.

jTip
Всплывающие Ajax-подсказки.

jQuery UI Slider
Ползунки для выбора каких-либо данных.

jSlider
Ползунки с картинками и с чем угодно.

Rotation
Повороты картинок в разные стороны.

Drop Shadow
Скрипт добавляет тень к любому объекту. В отличие от скрипта Mootools работает и в MSIE8.

Font Resize
Изменение размера текста.

Hoverpulse
Увеличение картинки при наведении.

Style Switch
Смена дизайна одним кликом.

jQuery Image Replacement
Замена текста картинкой.

UI Tabs
Переключение вкладок в таблице.

Curvy Corners
Скрипт, скругляющий углы без добавления картинок.

jQuery DivCorners
Скрипт, скругляющий углы посредством добавления картинок.

jQuery Add Background
Скрипт, скругляющий углы посредством добавления картинок.

Page Peel Effect
Отгибающийся уголок страницы.

Zebra
Смена фона строк в таблицах.

Самым любопытным

Сборник
Большой сборник примеров всевозможных скриптов jQuery.

Bookmark and Share