ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Учебник HTML для начинающих


Оглавление

Введение

Структура HTML-документа

Форматирование текста

Управление цветом

Рисунки на Web-страничке

Гиперссылки

Таблицы

Разметка Web-страницы при помощи таблицы

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

Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 8 - КАК БЕСПЛАТНО скачивать с различных файлообменников
Часть 9 - Выровнять текст
Часть 10 - Учебник HTML для начинающих
Часть 11 - Всякая всячина для днева...))
Часть 12 - Пишем на картинке без ФШ
...
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!

Арт-шрифты - 104 Рукописные шрифты - 100 Декоративные шрифты - 105 Печатные шрифты - 50 Оформительские шрифты - 56 Контурные шрифты - 33 Латиница - 13

Серия сообщений "* Шрифты":
Часть 1 - Разные шрифты для блога
Часть 2 - Шрифт Passions Conflict ROB
...
Часть 14 - Очень красивый шрифт - Ribbon Heart
Часть 15 - Красивые рукописные шрифты
Часть 16 - Большая коллекция шрифтов для ФШ и Корела
Часть 17 - Фотошоповые прибамбасы
Часть 18 - Пишем красиво без ФШ
...
Часть 32 - Если вместо русских букв в фотошопе квадратики
Часть 33 - Работаем с программой Font Expert
Часть 34 - Очень красивые рукописные шрифты - много!!!

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

Почему я рекомендую вам скачать именно этот видеокурс по html?

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

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

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

Смело скачивайте базовый обучащий видеокурс по html от Евгения Попова:

Скачать бесплатный видеокурс по html 

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	<img align="left" alt="" hspace="30" src="АДРЕС КАРТИНКИ" vspace="10" />ВАШ ТЕКСТ
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже.	<img src="АДРЕС КАРТИНКИ" align="left" border="0" />Здесь будет ваш текст
Картинка справа от текста Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста.	<img src="АДРЕС КАРТИНКИ" align="right" border="0" />
Картинка в центре текста Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. Параметр "absmiddle" (выравнивание середины строки относительно середины изображения).	Здесь будет ваш текст 1 <img src="АДРЕС КАРТИНКИ" align="absmiddle" border="0" /> Здесь будет ваш текст 2
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	<table align="center" border="0"> <tr> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст</td> <td><img src="АДРЕС КАРТИНКИ" /></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	<table align="center" border="0"> <tr> <td>Здесь будет ваш текст 1</td> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст 2</td> </tr> </table>

Серия сообщений "* Все для блога":
Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 29 - УРОКИ HTML
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!

Серия сообщений "Для ЛиРу":
Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 31 - Пост доступен на странице сообщения..
Часть 32 - Впервые на Ли Ру?
Часть 33 - Нужные формулы для дневника
Часть 34 - ЛиРу - кнопки быстрого перехода по страницам дневника
Часть 35 - HTML шпаргалка
...
Часть 37 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 38 - Начинающим на ЛиРу
Часть 39 - ВОПРОСЫ И ОТВЕТЫ

ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка
ячейка	ячейка	ячейка	ячейка

для вас Лариса Гурьянова

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

Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 14 - Как уменьшить объём изображения, удалив EXIF-информацию
Часть 15 - Погода в Москве и других городах
Часть 16 - Сложная таблица
Часть 17 - Несколько сервисов для проверки скорости загрузки Вашего блога
Часть 18 - Генераторы разные
...
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!

ВАШ ТЕКСТ...

ВАШ НИК

Серия сообщений "Формулы и коды.":

Часть 1 - «Весенне - летние фоны»от Маргариты.
Часть 2 - Коды рамок(универсальные).
...
Часть 10 - Формулы таблиц.
Часть 11 - Сложная таблица.
Часть 12 - Коды разрезных рамок в ФШ.
Часть 13 - Двигаем текст или картинку в дневнике.
Часть 14 - Формулы рамочки для Li ru/
...
Часть 33 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 34 - Таблицы с майла из блога Джулии.
Часть 35 - ТАБЛИЦА КОЛОРА.

ВАШ ТЕКСТ...

ВАШ НИК

Серия сообщений "Формулы и коды.":

Часть 1 - «Весенне - летние фоны»от Маргариты.
Часть 2 - Коды рамок(универсальные).
...
Часть 12 - Коды разрезных рамок в ФШ.
Часть 13 - Двигаем текст или картинку в дневнике.
Часть 14 - Формулы рамочки для Li ru/
Часть 15 - учебная от Лары Гурьяновой.
Часть 16 - Код рамки для Ли ру.
...
Часть 33 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 34 - Таблицы с майла из блога Джулии.
Часть 35 - ТАБЛИЦА КОЛОРА.

Большой выбор шрифтов для ФШ

Эти шрифты можно сначала посмотреть, а затем, если они вам понравятся, скачать по одному

Font Categories

Еще красивые шрифты можно скачать ЗДЕСЬ и ЗДЕСЬ

Красивые шрифты - СКАЧАТЬ

(жмите на образец шрифта)

Серия сообщений "Шрифты":

Часть 1 - Очень красивые английские шрифты
Часть 2 - Латинский шрифт со звездами
...
Часть 22 - Красивые русские шрифты
Часть 23 - Устанавливаем шрифты.
Часть 24 - Шрифты на любой вкус
Часть 25 - Пишем по-русски
Часть 26 - Коллекция русских шрифтов
Часть 27 - Обзор шрифтов.
Часть 28 - Надписи и шрифты «С Новым Годом и Рождеством».

КОД ДЛЯ МЕЙЛА

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Делаем в ФШ рамку для видео

По просьбе Мираж рассказываю как сделать такую рамку под видео с Ютуб.

Здесь будет ваше видео Надеюсь, рамка вам нравится

Клипарт "Телевизоры" можно взять ЗДЕСЬ


















Вот мы и получили верх нашей рамки




Получили нижнюю часть видео-рамки




Получили среднюю часть рамки


Ну вот, фотошопная работа закончилась. Теперь идем в блог в новую запись и в формате HTML вставляем следующую формулу:


<div align="center"><table border="0" background="АДРЕС ВЕРХНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА ВЕРХНЕЙ ЧАСТИ" width="ШИРИНА РАМКИ"><tr><td></td></tr></table><table border="0" background="АДРЕС СРЕДНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА СРЕДНЕЙ ЧАСТИ" width="ШИРИНА РАМКИ"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="640"><center><font face="Monotype Corsiva" color="#FFFFFF" style="font-size:25px"><i><b>Здесь будет ваше видео<br />Надеюсь, рамка вам нравится</b></i></font></center></td></tr></table></td></tr></table><table border="0" background="АДРЕС НИЖНЕЙ ЧАСТИ" cellpadding="0" cellspacing="0" height="ВЫСОТА НИЖНЕЙ ЧАСТИ" width="ШИРИНА РАМКИ"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ВАШЕГО ДНЕВНИКА" target="_blank"><img src="//img-fotki.yandex.ru/get/4117/136160416.ae/0_a855c_26c372b9_XS.gif.jpg" width="36" height="31" title="" alt="" border="0" /> </a></center></td></tr></table> </div>

Будьте внимательны, когда будете вставлять свои значения. Адреса всех частей и ширину рамки вы возьмете с Яндекс.Фотки , когда загрузите туда все три части рамочки.
А код музыки на YouTube получаем так.

Когда вы вставите все значения, то получите такую видео-рамку.

Надеюсь, все было понятно..)) Удачи!
для вас Лариса Гурьянова

Серия сообщений "Делаем рамки":

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 23 - Делаем ФШ рамку с помощью бордюрных масок
Часть 24 - Урок "Как избежать деления рамочки ФШ при написании в ней текста"
Часть 25 - Делаем в ФШ рамку для видео
Часть 26 - Делаем "рваную" рамку
Часть 27 - Рамочка "Linda Jacobs"
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ

Серия сообщений "* Делаем разные рамки":

Часть 1 - Как делать рамочки с тоненькими полосками.
Часть 2 - ДЕЛАЕМ РАМКУ-ВИНЬЕТКУ
...
Часть 6 - Как сделать рамку в ФШ
Часть 7 - Делаем ФШ рамку с помощью бордюрных масок
Часть 8 - Делаем в ФШ рамку для видео
Часть 9 - Делаем акцент на картинке
Часть 10 - Создание рельефной рамки в фотошопе
Часть 11 - Делаем разрезную рамку в ФШ

Серия сообщений "Формулы и коды.":

Часть 1 - «Весенне - летние фоны»от Маргариты.
Часть 2 - Коды рамок(универсальные).
...
Часть 14 - Формулы рамочки для Li ru/
Часть 15 - учебная от Лары Гурьяновой.
Часть 16 - Код рамки для Ли ру.
Часть 17 - Коды для Мейла и ЛиРу.
Часть 18 - Урок для Ли.ру-Код картинки.
...
Часть 33 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 34 - Таблицы с майла из блога Джулии.
Часть 35 - ТАБЛИЦА КОЛОРА.

 Вложение: 4065391_algeriusncd.rar

 Вложение: 4065395_braggas__1_.rar

 Вложение: 4065398_bloodcyr__1_.rar

 Вложение: 4065400_a_bremenlcmotl3dsh_regular.rar

для вас Лариса Гурьянова

Серия сообщений "* Шрифты":
Часть 1 - Разные шрифты для блога
Часть 2 - Шрифт Passions Conflict ROB
...
Часть 21 - Красивые шрифты - СКАЧАТЬ
Часть 22 - Шрифт сердечками
Часть 23 - Интересные шрифты для ФШ
Часть 24 - Интересный шрифт для ФШ
Часть 25 - Шрифты графические
...
Часть 32 - Если вместо русских букв в фотошопе квадратики
Часть 33 - Работаем с программой Font Expert
Часть 34 - Очень красивые рукописные шрифты - много!!!

ШРИФТ "Invest"

 Вложение: 4071505_invest_normal.rar

Серия сообщений "* Шрифты":
Часть 1 - Разные шрифты для блога
Часть 2 - Шрифт Passions Conflict ROB
...
Часть 22 - Шрифт сердечками
Часть 23 - Интересные шрифты для ФШ
Часть 24 - Интересный шрифт для ФШ
Часть 25 - Шрифты графические
Часть 26 - Русские шрифты из мультфильмов
...
Часть 32 - Если вместо русских букв в фотошопе квадратики
Часть 33 - Работаем с программой Font Expert
Часть 34 - Очень красивые рукописные шрифты - много!!!

Серия сообщений "Делаем рамки":

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 30 - Делаем ФШ рамку - видео-урок
Часть 31 - Делаем рамку в Корел
Часть 32 - Простая рамка для записи с часиками
Часть 33 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 34 - Цветные рамочки для текста
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ