Имя Пароль
Зарегистрироваться


* При перепечатке материалов ссылка на www.SeoLiga.ru обязательна! RSS



Создание Web-страниц
Требования к Web-странице
Огромное количество источников по web-дизайну предлагают такое же количество правил и советов по созданию и оформлению web-страниц.
Мы же постараемся выделить основные моменты, вокруг которых, собственно и сконцентрировано внимание этих бесчисленных советов. Это использование графики, цветовое решение, скорость загрузки страницы, использование технологий, содержание, навигация по сайту.
4 июня 2009 | Полезная информация | vitek | | 6525
 


Средства создания Web-страниц
Язык HTML
Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.
При помощи языка HTML можно создавать Web-страницы в обычном блокноте или Word-е. Но текстовые редакторы возможно использовать только тем, кто является профессионалом и очень хорошо знает язык HTML. Также можно работать на Web и без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Писать же непосредственно на HTML достаточно нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.
Все в языке осуществляется при помощи тегов, т.е. команд, которые заключены в скобки такого вида: “< “ и “>”. Например, <title>Энциклопедия WEB 2000 Ver. 1.02</title>.
Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.
4 июня 2009 | Полезная информация | vitek | | 10742
 


DreamWeaver – один из наиболее удобных HTML-редакторов
О DreamWeaver-е в целом

Macromedia DreamWeaver - профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Нравится ли вам вручную писать код HTML или вы предпочитаете работать в визуальной среде, Dreamweaver облегчает эту работу и обеспечивает полезными инструментами и средствами, чтобы сделать свои собственные проекты непревзойденными.
Dreamweaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать различные текстовые документы, которые поддерживаются в Dreamweaver. Также вы можете настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML, как вы этого хотите.
4 июня 2009 | Полезная информация | vitek | | 6236
 


Основные объекты Web-страницы
Основные объекты, которые можно вставить на собственную Web-страницу представлены на Панели объектов.
Панель объектов расположена в левой части экрана, вызывается сочетанием клавиш Ctrl+F2 и содержит палитры:
- Common - общие объекты (рисунок, навигационная панель, линия, таблица, дата, почтовая ссылка и др.);
- Charset - символы;
- Forms - формы для заполнения на страницах;
- Frames- создание фреймовой структуры;
- Head - описания и свойства страницы;
- Invisibles - невидимые объекты (якорь, комментарий);
- Special - символы авторского права, торговой марки и т.п.
В нижней части панели объектов размещены 4 кнопки для работы с режимом планирования разметки страницы.
По умолчанию всегда стоит палитра common objects (основные объекты). В нее включено практически все что нам нужно (слева-навправо, сверху-вниз):
• Image (картинка) - вставляет на страничку графический элемент.
• rollover image - а здесь указывается файл картинки, которая будет появляться при наведении на наш объект мышки (подпункт Preload Rollover image рекомендуется оставлять включенным, так как возможно появление при наведение мышки на подобный объект пустой картинки) В основном, подобные объекты используются для различных навигационых элементов на сайте. При вставке его появляется окно диалога. Мы видим четыре основных поля. Сверху-вниз это:
• image name - название картинки (используется java-скриптом, для разделения различных объектов данного типа на страничке). Никогда не делайте названия одинаковыми!
• original image - здесь мы указываем расположение файла с картинкой "по-умолчанию", то есть той картинкой которая будет отображаться в начале.
• rollover image - а здесь указывается файл картинки, которая будет появляться при наведении на наш объект мышки.
• go to url - здесь нужно написать ссылку, по которой пойдет пользователь при нажатии на наш объект.
• Table (таблица) - вставляет на страничку таблицу. В каждой ячейке таблицы может находиться как текст, так и рисунок. Таблицы в построении сайтов используются не только как в Word-е или Excel-е, а и как модульные сетки (собственно некий каркас, на котором как на паутине держатся все объекты странички).
• Tabular data (табличные данные) - вставляет готовую таблицу с готовыми данными. Объект Tabular Data появился только в третьей версии и являет собой очень удобный интерфейс для вставки внешних табличных данных в Dreamweaver. Например прайсов из Excel.
• Horizontal Rule (линейка) - вставляет декоративный элемент - линейку (обычно используется как разделитель абзацев). Через контекстное меню можно задавать параметры данного элемента.
• Navifgation Bar - вставляет навигационную панель состоящую из нескольких кнопок
• Draw Layer (нарисовать слой) - вставляет на страничку слой (как в PhotoShop)
• Line Break (мягкий перенос) - вставляет на страничку (в тексте) мягкий перенос
• E-mail Link (ссылка на электронную почту) - вставляет на страничку ссылку на электронный адрес. Для вставки подобной ссылки с помощью HTML достаточно написать:
<A HREF="mailto:123@site.ru">e-mail</A>.
4 июня 2009 | Полезная информация | vitek | | 6873
 


Настройки DreamWeaver
Правильная настройка DreamWeaver на работу является очень важной в достижении качественного результата. Важно настроить DreamWeaver таким образом, чтобы потом не пришлось мучаться и разбираться в том, почему наша программа работает не так, как нам надо.
Так выглядит первая закладка в настройках. DreamWeaver имеет очень большое количество различных настроек, настолько большое, что их пришлось разбить на несколько категорий (колонка слева). Но мы затронем те, которые действительно важны в работе, поэтому такие пункты как HTML Colors или Highlightning мы рассматривать не будем.
На первой закладке необходимо настроить только 2 вещи:
1. Options: Add Extension when saving - если работа осуществляется только с .html (.htm) файлами или только .shtml файлами, или еще какими (но только с одним типом), то лучше всего указать нужное расширение. Тогда при сохранении DreamWeaver сам будет добавлять нужное расширение.
4 июня 2009 | Полезная информация | vitek | | 6489
 


Создание CSS
CSS или Cascading Style Sheets. Что в переводе означает "каскадные стилевые таблицы". Такой приближенный перевод указывает на главную особенность CSS - каскадное наследование свойств объекта.
Слева стандартный диалог, возникающий при создании нового стиля.
Возможно выбрать один из трех вариантов - создать новый стиль, переназначить свойства стандартного HTML-тега и использовать специальные расширения CSS.
После указания имени стиля (или выбора стандартного стиля для переназначения) мы оказываемся в "настройках" стиля. Делается здесь все довольно просто, за изменениями мы можем наблюдать в режиме realtime.
На первой закладке мы определяем, как будет выглядеть отдельная буква нашего текста:
1. Указываем шрифт, которым будет писаться текст. Мы можем либо указать конкретный шрифт, хоть FreeSet, но нет шансов, что он есть у пользователя на компьютере (а раз его нет - отображаться страничка будет не так). Так что рекомендуется пользоваться конструкциями, предлагаемыми самим DreamWeaver - например, Verdana, Arial, Helvetica, sans-serif. В этом случае сначала будет искаться шрифт Verdana – если такого не нашли, тогда Arial, если его нет? Тогда Helvetica, ну а если и ее нет - тогда любой шрифт без засечек - гротеск.
4 июня 2009 | Полезная информация | vitek | | 4987
 


Распространение Internet
Internet - это самая большая мировая компьютерная сеть.
4 июня 2009 | Полезная информация | vitek | | 3904
 


Концепция WWW
Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.
Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которые объединены в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.
Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.
4 июня 2009 | Полезная информация | vitek | | 4688
 


Дополнительные устройства для КПК
Инфракрасный порт служит для передачи данных в другой КПК. В Слоты расширения–для подключения внешних устройств, например микрофон, модем, фотоаппарат, пейджер, дополнительную память, GPS приемник (навигация). КПК Visor как был, так и остается самым расширяемым КПК за счет использования слота Springboard. Для этого слота масса всяких модулей по дешевым ценам. Самые интересные модули : VisorPhone - превращающий Visor в телефонную трубку, MP3 Module, модем , а также Backup Module.
Например пользователи Visor могут делать бэкап всей информации на специальный модуль - это значит, что они не так привязаны ксвоему ПК, синхронизацию можно делать значительно реже и не боятся потери данных.
Порт для Крэдла служит для синхронизации, также в этот порт можно подключать другое устройства например модем.
20 мая 2009 | Полезная информация | vitek | | 3701
 


КПК сегодня
На последок следует сказать несколько слов о тенденциях в мире Ручных Компьютеров. За последние 2 года (2000 – 2001) появились новые модели КПК с более мощными ресурсами и поддержкой мультимедиа и беспроводной связи, Сегодня мы наблюдаем изменение изначальной концепции Ручных Компьютеров: теперь это уже не «подсоединяемый органайзер», предоставляющий только базовые функции и возможность связи с ПК, а более или менее полноценный ручной ПК.
Можно даже сказать больше, термин Персональный Компьютер, который появился в 80х годах уже потерял свое первоначальное значение. ПК стали «общими» :
1) ПК на работе не является персональным т.к. он «рабочий» и вне работы человек не связан с ним и не может им воспользоваться.
20 мая 2009 | Полезная информация | vitek | | 3980
 


Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30


     



Rambler's Top100

Данный сайт или домен продается ICQ: 403-353-727

© 2009 Seoliga.ru | Полезная информация. Регион сайта: Москва и Санкт-Петербург