Выбрана рубрика html уроки.

Вложенные рубрики: сайт(165), php(58), css(47)

Другие рубрики в этом дневнике: японские блюда(42), юридическая помощь(97), юбилей дочурки(1353), эзотерика(323), шторы(194), шитье(511), шары из ниток(22), шаблоны,трафареты(491), часики(149), цветы(407), цветотерапия(93), холодный фарфор,лепка(913), хиромантия(21), фотошоп(314), фоны(629), флешки(24), фен-шуй(99), уроки по фш(455), уксус фруктовый(8), травознание(250), торты(255), техники, боли нет(10), темари(30), таро(37), су-джок терапия(81), соль(58), соленое тесто(62), смайлы(8), скрапбуккинг(2815), скраб-набор(1246), силиконовый герметик(8), семянотерапия(11), светильники,абажуры(60), сало(20), салаты,закуски(198), рыбные блюда(93), Русь святая(35), руны(3019), рукоделие(755), роскошные ногти(39), рамочки(111), ракушки(54), разделители(15), путешествия,города России(119), психология(195), причины болезней(115), поэзия(55), подушки,(346), поделки из пластиковых бутылок(20), подарки(342), плетение(454), печворк(124), пергамано(43), пасха(2), пасха(71), открытки(207), оригами(27), онлайн учебники(296), овощи,фрукты(79), обои(3), обереги(229), Новый год(596), народная медицина(393), напитки(81), надписи к комментам(44), мясные блюда(148), мыловарение(650), молитвы,иконы(386), мк(58), матеиализация мыслей(13), массаж(289), масла,мацераты(287), мантры, медитации, релакс(380), мандалы(41), мандалы(60), малышам(2378), магия практическая(72), магия(1), кулинария(566), куклы(62), комп(395), книги,сайты(130), клипарты(46), квиллинг(62), картинки для творчества(1374), карвинг(54), канзаши(23), к свадьбе(1027), йога(75), ищу тебя,розыск(11), итальянская кухня(76), исцеляющие картинки(81), изонить(59), иероглифы(55), игрушки(215), здоровье и красота(2477), заработок в нете(2), заработок в нете(35), заливное,желе(61), заготовки на зиму(123), заготовки листьев,цветов для композиций(6), заговоры,обряды(289), десерты(100), деревца(376), деньги(46), декупаж(1154), декор цветочных горшков(72), декор из оплетенной проволоки(3), декор бутылок(647), грибы(46), гимнастика(130), геометрия сакральная(8), вязание на вилке(38), вязание детское(384), вязание дамское(997), вышивка лентами(128), выпечка(160), вторая жизнь опавших листьев(14), всяко-разно(67), все в дом(617), восточная медицина, мысли(632), война(23), визитки(36), ванны шоколад(0), букеты из конфет(1035), бонбоньерки,коробочки(202), блогеру(242), бисер(218), бизнес(10), бабочки(53), аюрведа(172), аэрогриль(644), аффирмации(29), астрология(234), аромотерапия(78), аппликация(33), апитерапия(48), анимации(41), английский(483), алфавит, цифры - творчество(280), алкоголь(34), аксессуары(550), one-strone painting. искусство(752), GIMP (74), 3D моделирование(14), (0)

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:48 + в цитатник
Это цитата сообщения artemin [Прочитать целиком + В свой цитатник или сообщество!]

Самоучитель HTML

http://htmlbook.ru/samhtml
Данный самоучитель предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров, иллюстраций, вопросов для проверки и заданий для самостоятельной работы помогут быстрее изучить HTML.
Image 3 (661x128, 53Kb)

Рубрики:

html уроки

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:47 + в цитатник
Это цитата сообщения Skvo_li [Прочитать целиком + В свой цитатник или сообщество!]

htmlbook.ru - Самоучитель HTML.ТЕГИ ОТ А ДО Я.

САЙТ НА ЭТОЙ СТРАНИЦЕ :http://htmlbook.ru/samhtml
ЭТОТ САЙТ ПОМОЖЕТ ИЗУЧИТЬ HTML. В СПРАВОЧНИКЕ ЕСТЬ ПОЛНОЕ ОПИСАНИЕ ВСЕХ
Тегов HTML В АЛФАВИТНОМ ПОРЯДКЕ.
http://htmlbook.ru/html

Самоучитель HTML

HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

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

Рубрики:

html уроки/css

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:43 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

В помощь Веб-Мастеру

Добро пожаловать на сайт "В помощь Веб-Мастеру"! Надеемся, что вы сможете найти на нем всю интересующую вас информацию по программированию , веб-программированию, дизайну и раскрутке сайтов в интернете. Для Вашего удобства сайт разбит на несколько основных категорий, каждая из которых имеет удобную для использования структуру и навигацию.
У нас регулярно происходят обновления основных разделов сайта:

Статьи веб-мастера

Читать далее >>>

Рубрики:

html уроки/сайт

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:42 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

Новый mp3 плеер для дневника, сайта.

специальный конструктор плеера

Прочитать целиком

← Ещё одна Модель для сборки

Рубрики:

html уроки/сайт

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:41 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

мастер-класс по использованию инструмента Перо

Pen Tool: мастер-класс по использованию инструмента Перо

Pen Tool: мастер-класс по использованию инструмента Перо
1734256_20111216_175727 (192x195, 10Kb)

Читать далее >>>

Рубрики:

html уроки/сайт

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:40 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

СКРИПТЫ И ФИШКИ для вашего сайта...

Серия сообщений "Волшебные идеи для блога и сайта":

Часть 1 - Карта супер сайта...ВСЕМ В ЦИАТНИК!
Часть 2 - Волшебные идеи для блога и сайта
...
Часть 8 - Генератор дизайна кнопок для блога
Часть 9 - Кнопочки и баннеры, а точнее их шаблоны...
Часть 10 - СКРИПТЫ И ФИШКИ для вашего сайта...
Часть 11 - Простые рамочки для Вас мои хорошие:))
Часть 12 - Простые Рамки для выделения текста
...
Часть 15 - Делаем Окошко для наших кодиков ( разноцветными )
Часть 16 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 17 - Шпаргалочка по тегам Берём к себе в цитатник.

Рубрики:

html уроки/сайт

Комментарии (0)

Без заголовка

Видео уроки AutoCad

Спроектируйте окружающий мир с помощью AutoCAD® – одного из мировых лидеров среди систем автоматизированного проектирования. У вас есть все возможности ускорить выпуск документации, обмениваться идеями с коллегами, исследовать проектные идеи в интуитивной 3D-среде, а также адаптировать продукт для решения ваших конкретных задач.
AutoCAD 2012 содержит новые и улучшенные инструменты для концептуального 3D-проектирования и выпуска документации. Благодаря им специалисты могут работать с еще более высокой производительностью.

Скачать программу бесплатно ЗДЕСЬ:

1. Видео урок AutoCad 2009 введение

Читать далее >>>

Рубрики:

html уроки/сайт
фотошоп

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:39 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

Создание анимационного банера

В этом уроке делаем анимационный банер, например, такой:

Шаг 1. Для начала создаем изображение 200Х300.
Заливаем его нужный фоном или оставляем прозрачный фон.
Создаем новый слой (ctrl+shift+N).
Далее выбираем инструмент «скругленный прямоугольник»
(shift+U несколько раз пока не попадем на то что нам нужно).

Задаем скругление 10 пикселей.

Читать далее >>>

Рубрики:

html уроки/сайт

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:36 + в цитатник
Это цитата сообщения mirela-MONI4KA [Прочитать целиком + В свой цитатник или сообщество!]

Основы HTML для начинающих

Данный урок поможет Вам за пару дней выучить основы HTML. Вы поэтапно, шаг за шагом создадите свою первую HTML страничку в сети интернет. На основании её, Вы без особого труда сможете создавать, а также редактировать сайты. Внимательно изучите две странички, если что непоняли, лучше вернуться назад, что бы вновь разобрать все заново. На всё про всё, Вы потратите 4-8 часов, но знание основ HTML стоит того!

Итак, для начала создайте на диске отдельную директорию (папку) для будущей HTML страницы (порядок прежде всего:).

1. D:\первые шаги\

Теперь откроем блокнот (notepad), копируем туда следующий текст:

Code

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать!
</body>
</html>

Читать далее >>>

Рубрики:

html уроки

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:30 + в цитатник
Это цитата сообщения цветочек_с_колючками [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать баннер. Статья для тех, кто только начал изучать основы создания баннеров

http://www.javax.ru/st1.htm

Серия сообщений "для дневника - часть 2":
Часть 1 - Постоянные ссылки и как не навредить блогу.
Часть 2 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу).
Часть 3 - Работа с картинками.
Часть 4 - Как сделать баннер. Статья для тех, кто только начал изучать основы создания баннеров
Часть 5 - КАРТИНКА В УГЛУ ЗАПИСИ.УРОК.
Часть 6 - Урок фотошопа от Ленусика «Осенний Листопад» / Анимация

Рубрики:

html уроки/сайт

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:28 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

ЕЩЁ О HTML-кодах.Урок.

Интересные HTLM-коды
1. Ваш текст в объемной 3D-рамке

Размеры блока div задаются атрибутами:
div style=width:200px; height:50px;
где width:200px; - ширина блока 200 пикселей,
height:70px; - высота блока 70 пикселей,

border-color:#8800dd; - цвет рамочки (его можно изменить, поставив после знака # другое значение).
Получим:

Ваш
текст в объемной 3D-рамке - размеры рамки здесь фиксированые

Код:

2. Если не задавать вышеуказанные параметры - получается так:

Ваш текст в объемной 3D-рамке - на всю ширину поста

Код:

Цвет можно подбрать здесь

3. Всплывающее окошко с пояснением при наведении на текст курсора:

Код:

Подведите курсор к этому тексту

4. Правильное (и уважительное) указание автора под скопированным текстом
(цитатой) с всплывающей дополнительной информацией при наведении курсора.
Пример:

©Arnusha

Код:

Arnusha

Рубрики:

html уроки

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:24 + в цитатник
Это цитата сообщения I_Lesya [Прочитать целиком + В свой цитатник или сообщество!]

Оформление текста

ИСТОЧНИК

Оформление текста
(рекомендую спец. страничку Tекст):

Перечёркнутый текст: ~~ТЕКСТ~~
<s> ваш текст </s>
Подчёркнутый текст: ТЕКСТ
<u> ваш текст </u>
Полужирный текст: ТЕКСТ
<b> ваш текст </b>
Полужирный крупный: ТЕКСТ
<big> ваш текст </big>
Курсивный текст: ТЕКСТ
<i> ваш текст </i>
Маленький текст: текст
<small> ваш текст </small>
Неразрывный пробел:
 
Центрирование:

текст (картинка) по центру

<center>ваш текст (картинка) </center>
Выравнивание текста по правому краю поста:
<div align=right> ваш текст </div>
Выравнивание текста по всей ширине поста:
<div align=justify> ваш текст </div>
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
<blockquote> текст </blockquote>
Бегущая строка (рекомендую Бегущая строка):
бегущая, как олень, строка
<marquee> ваша бегущая строка</marquee>
Вместо текста можно вставить картинку:

Код этой картинки:
<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

Сноска вверху: ТЕКСТ^сноска
<sup>ваша сноска</sup>

Сноска внизу: ТЕКСТ_сноска
<sub>ваша сноска</sub>

Линия:

ее код: <hr>
Ударение:
Cтавим после нужной буквы:
́
«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):

Я
  Пешу
       Лесинкой!!!

<pre>ваш текст</pre>

РАЗМЕР ШРИФТА:

Уменьшить текст: текст – 2
<font size="-2"> уменьшенный текст </font>
Увеличить текст на 1 пункт: текст
<font size="+1"> увеличить текст на 1 пункт </font>

Увеличить текст на 2 пункта: текст

<font size="+2"> увеличить текст на 2 пункта </font>

Увеличить текст на 3 пункта: текст

<font size="+3"> увеличить текст на 3 пункта </font>

Увеличить текст на 4 пункта: текст

<font size="+4"> увеличить текст на 4 пункта </font>

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст
<font color="red"> красный текст </font>
ЖЕЛТЫЙ: желтый текст
<font color="yellow"> желтый текст </font>
ФИОЛЕТОВЫЙ: фиолетовый текст
<font color="purple"> фиолетовый текст </font>
ЗЕЛЕНЫЙ: зеленый текст
<font color="lime"> зеленый текст </font>
СИНИЙ: синий текст
<font color="navy"> синий текст </font>
ФУКСИЯ: фуксия текст
<font color="fuchsia"> фуксия текст </font>

Таблица «базовых» цветов (вводим «Имя» или «Код»):

Имя	Код	Имя	Код	Имя	Код	Имя	Код
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

Выбери цвет и скопируй его код:

Код для вставки виджета себе здесь

Другие ссылки: Таблица безопасных цветов

Все цвета Интернета

ВИД ШРИФТА:

Шрифт этого текста «Monotype Corsiva»
<font face="Monotype Corsiva"> текст </font>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста «Monotype Corsiva»
код этого текста:
<font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

Оформление ссылок
(рекомендую спец. страницу Ссылки):

Как вставить ссылку на веб-страницу:
<a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
Как сделать, чтобы картинка была ссылкой на веб-страницу:
<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
<a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>

Спец. теги ЖЖ:

Элементарный жж-кат (с “Read more”):
<lj-cut> ТЕКСТ </lj-cut>
Друзья, для тегов ЖЖ я завел отдельную страницу:
htmlka.com/livejournal
На нее также можно зайти, кликнув на Livejournal вверху справа в сайдбаре.

Публикация картинок:
Раздел о публикации картинок перемещен на страницу:
htmlka.com/pictures
Она же доступна в сайдбаре сбоку в разделе Страницы: Изображения.

Окошечко для вставки кода, типа:

получаем так:

где rows и cols определяют площадь окна

Можно сделать покрасивше:

Кнопка-ссылка на веб-страничку
Например, на эту:

<form action="<a href="http://htmlka.com"" target="_blank">http://htmlka.com"</a> target="_blank" method="get"><input type="submit" value="htmlka"></form>

Некоторые спецсимволы:

Спецсимвол	Вид в браузере
<	<
>	>
&	&
"	"
®	®
™	™
©	©
&hearts;	♥
×	×
≈	≈
•	•
°	° (градус)
много символов

Если вы видите это: ★, ☠, ☭ – есть смысл посмотреть «Прочие» спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов

Фотохостинги

gallery.ru
imagebam.com
imgur.com
imageshack.us
tinypic.com
foto.radikal.ru
photobucket.com
Видеохостинги
вставка видео аналогична вставке картинок – размещаем видеофайл на видеохостинге и получаем код для вставки в блог:
youtube.com
rutube.ru
Файлообменники
выложить друзьям файлы можно на:
zalil.ru (50Мб без регистрации, оч простой)
filedropper.com (до 5Гб без регистрации)
wikiupload.com (до 5Гб без регистрации)
Он-лайн аудио-плееры
Вставить mp3 с компа:

- читайте Вставка Медиа-файлов

Полезно:
Счетчики статистики
Советы по работе с html
Хитрости в ЖЖ и не только
Кнопка на этот сайт:
код для вставки:
<a href=http://htmlka.com/ target=_blank><img src=http://htmlka.com/wp-content/uploads/2009/07/butto.png border=0 alt="htmlka.com – помощь блогеру" title="htmlka.com – помощь блогеру" /></a>

Серия сообщений "ВСЁ ДЛЯ ДНЕВНИКА":
Часть 1 - Код Разрезной Бродилки для ЛИРУ
Часть 2 - ВСЕ о тегах и оформлении постов
...
Часть 4 - Генератор цвета
Часть 5 - ДЕЛАЕМ СВОЮ АВТОРСКУЮ СХЕМУ ДЛЯ ДНЕВНИКА
Часть 6 - Оформление текста
Часть 7 - Бегущая строка
Часть 8 - Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу)
...
Часть 11 - самые необходимые ТЕГИ для оформления записей
Часть 12 - ПИШЕМ НА ИЗОБРАЖЕНИИ.
Часть 13 - Об авторском праве.

Рубрики:

html уроки

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:22 + в цитатник
Это цитата сообщения Putniza_Strannaja [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить информер в блог: часы, календарь, погоду?

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

Серия сообщений "Первые шаги":
Часть 1 - Как не остаться одному на Ли ру ?
Часть 2 - Как правильно скопировать текс в блог (на сайт, в дневник) ?
...
Часть 7 - Как писать сам пост...
Часть 8 - Гиперссылка.Урок.
Часть 9 - Как вставить информер в блог: часы, календарь, погоду?

Серия сообщений "ТЕМУ палим":
Часть 1 - Кубки и конфетки. Палим тему.
Часть 2 - Как вставить информер в блог: часы, календарь, погоду?
Часть 3 - Метод борьбы с воровством контента.

Рубрики:

html уроки/сайт
блогеру

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:14 + в цитатник
Это цитата сообщения Putniza_Strannaja [Прочитать целиком + В свой цитатник или сообщество!]

Гиперссылка.Урок.

Мне часто стали задавать вопросы, что такое гиперссылка или как ее написать?

Отвечаю: очень легко! Далее...

Серия сообщений "Html коды для оформления дневника":
Часть 1 - Кликабельные картинки
Часть 2 - Окошечко
...
Часть 4 - Рамочки для текста. Дизайн дневника.
Часть 5 - Как писать сам пост...
Часть 6 - Гиперссылка.Урок.

Серия сообщений "Первые шаги":
Часть 1 - Как не остаться одному на Ли ру ?
Часть 2 - Как правильно скопировать текс в блог (на сайт, в дневник) ?
...
Часть 6 - Как быстро комментировать и отвечать на комментарии на ли ру
Часть 7 - Как писать сам пост...
Часть 8 - Гиперссылка.Урок.
Часть 9 - Как вставить информер в блог: часы, календарь, погоду?

Рубрики:

html уроки/сайт

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:11 + в цитатник
Это цитата сообщения last_Alive [Прочитать целиком + В свой цитатник или сообщество!]

HTML на видео (формы)

Формы (часть 1)

далее

Рубрики:

html уроки

Комментарии (0)

Без заголовка

HTML на видео (теги и заголовки, пример на сайте, сервер)

Теги и заголовки

далее

Рубрики:

html уроки

Комментарии (0)

Без заголовка

Среда, 06 Июня 2012 г. 22:10 + в цитатник
Это цитата сообщения last_Alive [Прочитать целиком + В свой цитатник или сообщество!]

Обозначения, спецзначки в HTML

Обозначения, спецзначки в HTML

Некоторые обозначения не входят в базовую часть таблицы кодов ASCII. К ним относятся буквы алфавитов части европейских языков, математические и некоторые другие значки. Некоторые символы, введенные в HTML документ могут интерпретироваться не так, как задумал автор - это, например, значки "<" и ">", используемые для указания тегов.

В этих случаях можно вводить нужные обозначения с помощью специальных кодов. Коды начинаются со знака "амперсанд"(&). За ним следует название символа значка либо его числовой код в десятичной или шестнадцатеричной системе. Завершает код символ "точка с запятой"(;).

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

Имя	Код	Вид	Описание
"	"	"	двойная кавычка
&	&	&	амперсанд
<	<	<	знак 'меньше'
>	>	>	знак 'больше'
			неразрывный пробел
¡	¡	¡	перевернутый восклицательный знак
¢	¢	¢	цент
£	£	£	фунт стерлингов
¤	¤	¤	денежная единица
¥	¥	¥	иена или юань
¦	¦	¦	разорванная вертикальная черта
§	§	§	параграф
¨	¨	¨	умляут
©	©	©	знак copyright
ª	ª	ª	женский порядковый числитель
«	«	«	левая двойная угловая скобка
¬	¬	¬	знак отрицания
			место возможного переноса
®	®	®	знак зарегистрированной торговой марки
¯	¯	¯	верхняя горизонтальная черта
°	°	°	градус
±	±	±	плюс-минус
²	²	²	"в квадрате"
³	³	³	"в кубе"
´	´	´	знак ударения
µ	µ	µ	микро
¶	¶	¶	символ параграфа
·	·	·	точка
¸	¸	¸	седиль (орфографический знак)