Создаём полупрозрачный текст в Фотошоп (Free OnLine Tutorials)

ПОЛУПРОЗРАЧНЫЙ ТЕКСТ

3996605_MerlinWebDesigner_46 (700x560, 133Kb)

Сегодня мы покажем, как использовать стили слоя для создания эффекта заполнения жидкостью текста в Photoshop.

Читаем Далеее...

Стилизуем в Фотошоп фото при помощи фрагментов (Free OnLine Tutorials)

СТИЛИЗУЕМ ФОТО

3996605_MerlinWebDesigner_111 (264x264, 568Kb)

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

Читаем Далеее...

Элегантный текст в Фотошоп (Free OnLine Tutorials)

ЭЛЕГАНТНЫЙ ТЕКСТ

3996605_merlin_cover (400x451, 328Kb)

В этом уроке, Вы научитесь, как сделать элегантный текст...

Читаем Далеее...

Делаем рамочку из ткани в Фотошоп (Free OnLine Tutorials)

СОЗДАЁМ РАМОЧКУ

3996605_MerlinWebDesigner_128 (507x700, 54Kb)

Будем делать не очень сложную рамку-оформление. Вариантов может быть множество: у каждого свой неповторимый.


Читаем Далеее...

Создаём эффект огненных искр в Фотошоп (Free OnLine Tutorials)

ОГНЕННЫЕ ИСКРЫ

3996605_MerlinWebDesigner_161 (429x600, 461Kb)

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


Читаем Далеее...

Делаем красочные обои ко Дню влюблённых в Фотошоп (Free OnLine Tutorials)

ОБОИ К ДНЮ СВЯТОГО ВАЛЕНТИНА

3996605_MerlinWebDesigner_15 (455x700, 87Kb)

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

Читаем Далеее...

Делаем обои ко Дню святого Валентина в Фотошоп

ОТКРЫТКА К ДНЮ ВСЕХ ВЛЮБЛЁННЫХ

3996605_MerlinLove (273x420, 852Kb)

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

 
Читаем Далеее...

Сделай любовное послание в Фотошоп (Free OnLine Tutorials)

ЛЮБОВНОЕ ПОСЛАНИЕ

3996605_merlin_heart_locket (400x300, 652Kb)
В этом уроке, Вам будет показано, как создать красивый полупрозрачный текст ко дню Св.Валентина...
Читаем Далеее...

Enhance.pho.to - Улучшение фото ОнЛайн (Free OnLine Service)

СЕРВИС ENHANCE.PHO.TO

3996605_magnit21 (603x542, 325Kb)

Удобный и бесплатный редактор с интуитивным интерфейсом...

Читаем Далеее...

Croper - Free OnLine Редактор

CROPER - FREE ONLINE

3996605_Analiz_processov11 (284x310, 53Kb)

Предлагаем Вам, ознакомиться с бесплатным ОнЛайн Графическим редактором...

Читаем Далеее...

HTML5 - 20 прекрасных примеров

Примеры HTML5

3996605_Preimyshestvo1 (679x434, 305Kb)

20 - впечатляющих примеров, возможностей HTML5

Читаем Далеее...

HTML: OnLine Translator для Вашего Блога

ПЕРЕВОДЧИК ДЛЯ БЛОГА

3996605_translator11 (299x299, 61Kb)

Бесплатный OnLine Переводчик для Вашего Блога.

Читаем Далеее...

HTML OnLine Редакторы (Free OnLine)

Лучшие OnLine HTML Редакторы

3996605_platejnie_sistemi11 (506x445, 323Kb)

HTML OnLine Редактор,вид программного обеспечения, с помощью которого создаются веб-страницы и веб-сайты для работы в Сети Интернет. Написание кода HTML, достаточно простая задача, которую можно выполнять практически в любом текстовом редакторе, но Web разработчику, важен не только сплошной текст, но и дополнительные свойства и функции придаваемые Web страницам.

Читаем Далеее...

Дизайнерам и Web Разработчикам (Free OnLine Survice)

ПОДБОРКА ОНЛАЙН ИНСТРУМЕНТОВ, -  ДЛЯ WEB ДИЗАЙНЕРОВ И РАЗРАБОТЧИКОВ

Подборка веб инструментов для дизайнеров и разработчиков/3996605_otlichnie_resheniya11 (532x579, 183Kb)

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

Читаем Далеее...

Полезные Сервисы для дизайнеров и Web Разработчиков (Free OnLine Survice)

ПОЛЕЗНЫЕ СЕРВИСЫ ДЯ WEB РАЗРАБОТЧИКОВ И ДИЗАЙНЕРОВ

3996605_VEB_RAZRABOTChIKAM11_1_ (487x558, 182Kb)

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

Читаем Далеее...

Сервисы для CSS Разработчиков #1 (Free OnLine Service)

ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ ДЛЯ CSS РАЗРАБОТЧИКА

CSS РАЗРАБОТКА/3996605_razrabotka11 (670x544, 227Kb)

Для тех, кто работает и интересуется CSS разработками, будет полезно взглянуть на подборку полезных инструментов для CSS.

Читаем Далеее...

Сервисы для CSS Разработчиков #2 (Free OnLine Service)

ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ ДЛЯ CSS РАЗРАБОТЧИКА

3996605_css_razrabotka11 (700x513, 312Kb)

Для тех, кто работает и интересуется CSS разработками, будет полезно взглянуть на подборку полезных инструментов для CSS.

В подборку вошли инструменты по работе с макетами, CSS Фреймворками, шрифтами, цветами, спрайтами, формами, Компоненты UI, обертка текста, анализ и отладка, сопровождение, оптимизация, форматирование, браузерозависимость, селекторы и т.д

3996605_3dGOLD129 (132x130, 17Kb)

СПРАЙТЫ

CSS Sprite Generator

Этот инструмент позволяет автоматизировать процесс создания CSS спрайтов. Просто дайте ему ZIP файл, содержащий 2 и более изображений (GIF, PNG или JPG), и он будет генерировать спрайт-изображение и соответствующие правила CSS для ориентации и отображения каждого элемента изображения.

YASC (Yet Another Sprite Creator)
Еще один генератор. Процесс создания спрайта представляет собой следующее: загружается картинка, затем визуально отмечаются необходимые области и им назначается CSS id. Когда выбраны все участки происходит генерация CSS для этих спрайтов.

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

3996605_3dGOLD127 (135x130, 16Kb)

ФОРМЫ

Quick Form Builder
Генерирует XHTML /HTML -совместимые и доступные формы с CSS разметкой. Вводим имена полей, затем выбираем типа каждого поля, формат( HTML или XHTML ) и получаем готовый HTML и CSS код формы.

Wufoo

Wufoo – это бесплатный онлайновый сервис, позволяющий с легкостью создавать хорошо выглядящие, валидные CSS/XHTML формы.

3996605_3dGOLD1211 (125x125, 15Kb)

КОМПОНЕНТЫ UI

List-o-Matic
Генерирует навигационные меню ( до 2 уровней), позволяя выбрать одно из нескольких доступных оформлений.

CSS Menu Generator
Генерирует горизонтальные, вертикальные, выпадающие CSS меню.


ThemeRoller
Позволяет создавать собственные темы для jQuery UI.

3996605_3dGOLD1210 (86x136, 7Kb)

ОБЕРТКА ТЕКСТА

CSS Text Wrapper

Сервис CSS Text Wrapper позволяет легко придать тексту любую форму и вставить к себе на страницу. Линиями задаем форму. Узловые точки добавляются по нажатию на линию в том месте где необходимо добавить. Можно настроить размеры блока, выравнивание, шрифт и т.д.

The Box Office
Этот инструмент который позволит создать обтекание текста для картинок с различной неправильной формой. Просто вводите ссылку на любую картинку произвольной формы, задаете основное выравнивание изображения, цвет фона, который нужно игнорировать, высоту строки дополнительные отступы и цвет текста, а далее — идем за результатом.

3996605_3dGOLD126 (202x217, 54Kb)

АНАЛИЗ И ОТЛАДКА


W3C CSS Validation Service
Проверка CSS на валидность.

CSS Analyzer

CSS Analyser сочетает W3C CSS Validation Service и дополнительную проверку цветов на контрастность (полезен для улучшения юзабилити) и единиц измерения, используемых в исходном коде. Результатом является очень подробное описание ошибок и предупреждений, точно так же как в W3C CSS Validation Service.

Firebug
Firebug — расширение для браузера Firefox, являющееся консолью, отладчиком, и DOM-инспектором javascript, DHTML, CSS, XMLHttpRequest. Firebug показывает в консоли вызвавшую ошибку функцию, стек вызовов функций, вызвавших эту ошибку. Он предупреждает, что CSS-правило или javascript-метод/свойство, которое вы пытаетесь использовать, не существует.

3996605_3dGOLD121 (131x113, 11Kb)

СОПРОВОЖДЕНИЕ

Dust-Me Selectors
Позволяет проанализировать страницу и показать, сколько и какие стили не используются на странице сайта, а также укажет в каком файле стилей, в какой строке они прописаны.

CssCleaner
Приложение Windows для удаления неиспользуемых CSS классов.

3996605_3dGOLD125 (88x138, 9Kb)

ОПТИМИЗАЦИЯ

CSS Drive CSS Compressor
CSS компрессор с опциями компрессии «Слабая», «Нормальная» и «Сверхкомпактная».

Robson CSS Compressor
Еще один хороший инструмент для компрессии CSS файлов — Robson CSS Compressor. Пока он в стадии разработки, и возможны неточности в его работе.

MinifyMe – AIR Application

Небольшое AIR-приложение, которое позволит собрать несколько css-файлов в один.

3996605_3dGOLD11 (528x503, 246Kb)

ФОРМАТИРОВАНИЕ

CleanCSS – CSS Formatter and Optimizer
Clean CSS является популярным онлайн-инструментом для форматирования и оптимизации CSS. Содержит группы настроек для баланса между оптимизацией и читабельностью. Одна из важных возможностей – это автоматическое соединение одинаковых селекторов и свойств.

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

CSS Toolbox
Бесплатный CSS Toolbox включает множество инструментальных средств для быстрой и эффективной разработки CSS –валидатор, форматтер, оптимизатор.

3996605_translator11 (299x299, 61Kb)

БРАУЗЕРОЗАВИСИМОСТЬ

Conditional-CSS

Парсер CSS файлов на строне сервера с проверкой на тип и версию браузера. Позволяет сформировать специальные условные комментарии для различных групп браузеров. Доступны версии на PHP, C# и С.

Litmus
Litmus обеспечивает проверку во всех основных браузерах, а также представляет отчет об ошибках, чтобы помочь вам идентифицировать и исправить любые ошибки. По завершении проверки, вы можете составить отчет о совместимости, чтобы представить его клиентам. Для бесплатного использования Litmus предлагается ограниченная версия.

Web Browser CSS Support
Подробная таблица поддержки CSS-стандарта популярными браузерами.

When Can I Use
Даёт возможность сравнить поддержку браузерами различных новейших технологий, а именно — HTML 5, CSS 3, SVG и т.д. Можно выбрать как определённые браузеры, временные периоды, статусы, так и определённые технологии.


IE7.js
IE7-js это javascript библиотека, которая исправляет множество багов в HTML и CSS для версий Internet Explorer седьмой и ниже. К примеру, она исправляет поддержку прозрачности в PNG, фиксированное позиционирование элементов и фоновых изображений (position: fixed), поддержку псевдо класса: hover для всех тэгов и др.


Modernizr
Modernizr это небольшая простая javascript-библиотека, которая поможет использовать такие технологии, как CSS3, HTML5 в браузерах которые еще не поддерживают это технологии.

3996605_3dGOLD124 (118x114, 9Kb)

СЕЛЕКТОРЫ

Sizzle javascript Selector Library
Быстрый javascript движок выбора CSS селекторов. Sizzle поддерживает практически все CSS3 селекторы – даже такие редко используемые, как экранированные селекторы (”.foo\+bar”), юникодные селекторы и т.д.

SelectORacle
Сервис дает описание на человеческом языке сложных селекторов CSS и может быть очень полезен при изучении оных.

YUI Selector Utility
YUI Selector Utility позволяет использовать синтаксис CSS3 селекторов на javascript, упрощая сбор, фильтрацию и тестирование HTML элементов.

YUI StyleSheet Utility
С помощью StyleSheet Utility на лету создавать и модифицировать CSS стили.




Серия сообщений "Теги HTML":
Часть 1 - Бесплатные библиотеки, огромный выбор.
Часть 2 - В помощь работе с HTML кодами (тегами)
...
Часть 22 - Полезные Сервисы для дизайнеров и Web Разработчиков (Free OnLine Survice)
Часть 23 - Сервисы для CSS Разработчиков #1 (Free OnLine Service)
Часть 24 - Сервисы для CSS Разработчиков #2 (Free OnLine Service)
Часть 25 - Сервисы для CSS Разработчиков #3 (Free OnLine Service)
Часть 26 - Приложения для Web Дизайнеров (Free OnLine Service)
...
Часть 42 - Латинские буквы с диакритическими знаками - Спецсимволы
Часть 43 - Греческие Алфавит - Спецсимволы
Часть 44 - Таблица HTML - Спецсимволов (просто огромная)
Рубрики:  Советы Любознательному
Дело Техники
Free Online Services
Это, для Вас - Любимые!
OnLine приложения, для дома и офиса
Читаем Далеее...

Сервисы для CSS Разработчиков #3 (Free OnLine Service)

ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ ДЛЯ CSS РАЗРАБОТЧИКА

3996605_veb_razrabotka11 (484x535, 225Kb)

Для тех, кто работает и интересуется CSS разработками, будет полезно взглянуть на подборку полезных инструментов для CSS.

Читаем Далеее...

Приложения для Web Дизайнеров (Free OnLine Service)

WEB ПРИЛОЖЕНИЯ ДЛЯ ДИЗАЙНЕРОВ

3996605_prilojeniya_dlya_dizainerov11 (425x385, 131Kb)

Приложений для Веб Дизайнеров, в Сети существует огромное количество, на любой вкус, цвет и кошелек... Но не так часто можно встретить что-то стоящее, еще и бесплатно! Именно по этой причине, сегодня мы решили поделиться с Вами подборкой превосходных приложений, которые облегчат жизнь Web Дизайнерам. Ознакомьтесь с каждым пунктом, и надеемся, что каждый из Вас найдёт что-либо полезное для себя.

X-Icon Editor

Превосходные веб-приложения, которые упростят жизнь дизайнерам

X-Icon Editor – это приложение на HTML5, позволяющее вам создавать иконки в большом разрешении. Эти иконки помогут улучшить внешний вид ваших веб-страниц. С помощью X-Icon Editor вы сможете быстро подготовить иконки любого типа для всех последующих проектов.

 

HTMLform


Превосходные веб-приложения, которые упростят жизнь дизайнерам


HTMLform.com, - доступен полностью бесплатно. Просто разработайте свою HTML-форму, скачайте её и всё готово – у вас есть HTML-форма. Для создания новых форм вам не потребуются знания в программировании. С помощью HTMLform.com вы с лёгкостью сможете создавать то, что вам потребуется. У вас под рукой будут все требуемые компоненты: текстовые и цифровые поля, чекбоксы, селекторы даты, а также специальные поля, типа: страна, штат, область, веб-сайт, электронный ящик, номер телефона и так далее.

 

Spritebox


Превосходные веб-приложения, которые упростят жизнь дизайнерам


Spritebox, – это WYSIWYG-инструмент, который поможет веб-дизайнерам быстро и просто создавать CSS-классы и ID из отдельных спрайт-изображений. Приложение основано на принципе использования параметра background-position для выравнивания областей спрайт-изображения в блочных элементах на веб-странице. Приложение было разработано с помощью JQuery, CSS3 и HTML5. А самое главное то, что вы можете воспользоваться им абсолютно бесплатно.
 


Font Comparer


Превосходные веб-приложения, которые упростят жизнь дизайнерам


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

 

GeneratePrivacyPolicy.com


Превосходные веб-приложения, которые упростят жизнь дизайнерам


Данный веб-сайт, - предлагает вам дружественный он-лайн генератор конфиденциальной информации.

 

Gridulator


Превосходные веб-приложения, которые упростят жизнь дизайнерам


Gridulator , - позволяет вам обрабатывать ширину и число колонок. Здесь также есть встроенная функция превью макетов, но вы также можете экспортировать проект в PNG-изображение, которое с легкостью можно открыть в Photoshop или использовать в CSS.

 

Uptime Robot


Превосходные веб-приложения, которые упростят жизнь дизайнерам


Uptime Robot , - позволяет вам отслеживать работу веб-сайта. Если веб-сайт перестаёт работать, то приложение сразу же сообщит вам об этом.

 

Awesome Fontstacks


Превосходные веб-приложения, которые упростят жизнь дизайнерам


Awesome Fontstacks, - автоматически сравнивает шрифты на основе типографической метрики.

 

Xeo CSS


Превосходные веб-приложения, которые упростят жизнь дизайнерам

Xeo CSS, - представляет собой мощный веб-инструмент для создания стилей. С помощью этого приложения, вы можете оформлять веб-страницы даже без знаний языков программирования.

Если у Вас имеются в "запасе" другие приложения, о которых мы не упомянули, то милости просим, - в комментарии...




Серия сообщений "Теги HTML":
Часть 1 - Бесплатные библиотеки, огромный выбор.
Часть 2 - В помощь работе с HTML кодами (тегами)
...
Часть 24 - Сервисы для CSS Разработчиков #2 (Free OnLine Service)
Часть 25 - Сервисы для CSS Разработчиков #3 (Free OnLine Service)
Часть 26 - Приложения для Web Дизайнеров (Free OnLine Service)
Часть 27 - Инструменты для подбора цвета (Free OnLine Service)
Часть 28 - HTML - Таблицы
...
Часть 42 - Латинские буквы с диакритическими знаками - Спецсимволы
Часть 43 - Греческие Алфавит - Спецсимволы
Часть 44 - Таблица HTML - Спецсимволов (просто огромная)
Рубрики:  Советы Любознательному
Дело Техники
Free Online Services
Это, для Вас - Любимые!
OnLine приложения, для дома и офиса
Читаем Далеее...

Инструменты для подбора цвета (Free OnLine Service)

ПОДБИРАЕМ ЦВЕТА

ПОДБИРАЕМ ЦВЕТА/3996605_PODBIRAEM_CVETA11 (586x552, 353Kb)

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

Читаем Далеее...

HTML - Таблицы

ТАБЛИЦЫ

 HTML - Таблицы/3996605_PODBIRAEM_CVETA11 (586x552, 353Kb)

В работе над написанием поста, нам довольно часто приходиться использовать таблицы. Принцип написания таблиц в HTML, мы и рассмотрим в данном посте...

Читаем Далеее...

HTML - Вставляем в пост изображения

"ВЕСЁЛЫЕ КАРТИНКИ"

3996605_polzovatel1 (546x548, 248Kb)

Редактируя пост или отвечая на комментарии, нам порой с большим трудом удается избежать соблазна его приукрасить. Картинки в тему и нет, безумное количество блесток и сверканий, - красотища... Конечно, каждый автор пытается создать свой, неповторимый облик для своего Блога, и его можно понять. Но если уж мы решаем вставить в тело текста картинку, то мы должны уметь редактировать её размеры, и знать каким образом это делается.

Читаем Далеее...

HTML - Оформляем ссылки

ССЫЛКИ

3996605_naryshenie_pravil (700x495, 314Kb)

Копируя текст поста у другого автора, или используя другие материалы сторонних ресурсов, необходимо указывать ссылку на авторство материала. Но я не ставлю перед собой цели сделать доклад на тему авторского права, просто это один из случаев, когда нам необходимо добавить в текст поста ссылку. И таких примеров может быть огромное количество. Вот мы с Вами, и обсудим в данном посте, каким образом оформить текстовую ссылку, или click-кательную картинку...

Читаем Далеее...

HTML - Что же это такое?

ВВЕДЕНИЕ В HTML

3996605_translator11 (299x299, 61Kb)

Для начала, прежде чем приступать к изучению HTML, предлагаю определиться с тем, что же это такое, и для чего он предназначен. HTML, - расшифровывается как - Hyper Text Markup Language, что можно перевести как язык гипертекстовой разметки. При помощи данного языка, и создаются интернет страницы.

HTML, - не является языком программирования. Он предназначен для разметки текстовых документов или если несколько проще, то с помощью него, мы осуществляем форматирование текста в каждом отдельно взятом документе.

3996605_HTMLGold2 (559x250, 121Kb)

И всё же, каким же образом при помощи языка HTML, мы сможем редактировать текст? HTML ( X - икс, T - ти, M - эм, L - эль )- состоит из тегов ( tags ). Каждый тег, и определяет то, каким образом будет выглядеть текст в Вашем документе, а соответственно и на страничке Вашего Блога.

Тег, - задает определенную команду Вашему браузеру (программе, с помощью которой вы просматриваете Интернет), браузер понимает эту команду и выводит на Ваш на монитор уже готовый текст, отформатированный определенным - заданным образом.

Сам код, Вам не виден, браузер, на экран Вашего монитора выводит уже готовый отформатированный текст и графику. Зная наш пытливый ум, и неуёмную любознательность, можно предположить, что у Вас уже возникло желание посмотреть - "пощупать" этот самый HTML код, и насладиться хитросплетением тегов, с помощью которых происходит форматирование текста. Допустим, если Вами используется браузер Internet Explorer, то перейдём в пункт Меню -> Вид, и из раскрывшегося списка, выбираем пункт -> Источник. И.. О, чудо.) Ассана... Воспоём хвалу... Вот он, вот же... Смотрим, и мало чего понимаем глядя на какие-то "кракозябры"... Вот Вы и увидели кодировку открытой Вами страницы.

3996605_HTMLOsnovi (454x297, 116Kb)

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

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

Каждый Тег в кодировке, строго выполняет свои определенные функции, и Вам, для того чтобы научится создавать веб страницы или просто красиво и "вкусно" оформить пост, необходимо усвоить предназначение того или иного Тега. Надеюсь у меня получилось хоть немного объяснить, а не запутать Вас. ) И теперь, Вы хоть немного, но поняли, что такое HTML. Не очень переживайте, если сразу не получается понять, каким образом какая-то "закорючка", может полностью изменить картинку или текст, а то и заставит "взбеситься" браузер. В конце данного поста, будет размещен бесплатный видео урок по Введению в HTML, от Евгения Попова, возможно именно таким образом Вам будет легче воспринимать преподносимый материал. И так будет в каждом последующем посте на данную тематику.)

Приглядимся ближе к тому, что же представляет из себя этот самый присловутый - Тег.  Да, Вы можете встретить различное произношение, - Тэг и Тег, если честно, то просто не "заморачивайтесь" на этом... Многие из тех, кто со всех серьёзностью преподносит читателям данную тему, и сами, зачастую путаются в написании и произношении.) Извините, что отвлекся, так вот, если говорить о Тегах, по-нашему, по-простому, то Теги состоят из обычных английских-латинских символов и слов, только эти буквы и слова, оформлены в определенном порядке и образе.

Теги, состоят из угловых скобок, < > внутри которых размещены определенные символы. Большинство из них состоят из открывающихся и закрывающихся.

А различие между ними, лишь в том, что в закрывающем Теге, присутствует символ - слеш /. Если между открывающим изакрывающим символами, поместить любое слово,то оно будет отображаться жирным шрифтом. Все что заключено в угловые скобки, в данном случает не выводится на экран, а является командой для браузера, что слово, которое заключено между этими тегами нужно выводить жирным шрифтом.

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

Для создания HTML страниц или редактирования текстового материала, можно использовать специальные программы, такие как Dreamweaver, а можно создавать страницы при помощи простого текстового редактора, который имеется в любой версии Windows. Для начала, - всё...

Вот мы и подошли к уже обещанному видео уроку от Евгения Попова, советую Вам ознакомиться с ним. Его уроки, составлены довольно внятно. Объяснения, легко усваиваются. За что ему, - Большое Спасибо.) Опыта в подобных делах ему не занимать.



Успехов Вам. До следующего поста.)



Серия сообщений "Теги HTML":
Часть 1 - Бесплатные библиотеки, огромный выбор.
Часть 2 - В помощь работе с HTML кодами (тегами)
...
Часть 29 - HTML - Вставляем в пост изображения
Часть 30 - HTML - Оформляем ссылки
Часть 31 - HTML - Что же это такое?
Часть 32 - Определяемся с Тегами
Часть 33 - Таблицы кодов HTML цветов
...
Часть 42 - Латинские буквы с диакритическими знаками - Спецсимволы
Часть 43 - Греческие Алфавит - Спецсимволы
Часть 44 - Таблица HTML - Спецсимволов (просто огромная)
Рубрики:  Советы Любознательному
Дело Техники
Free Online Services
Это, для Вас - Любимые!
OnLine приложения, для дома и офиса
Читаем Далеее...
 
Copyright (c) 2012 - 2014г. by MerlinWebDesigner ©