-Рубрики

 -Всегда под рукой

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в iposlad

Серия сообщений "Html":
Часть 1 - Начинаем изучать html
Часть 2 - Html для начинающих ( часть 2-ая)
Часть 3 - Как взять изображение кодами
Часть 4 - УРОК!!!!! Всё тот же полезный сервис!!! Для загрузки картинок и получения кода!!!!
Часть 5 - Шрифты для Ваших постов.
Часть 6 - Атрибут COLOR. Код цветного текста!
Часть 7 - Как сделать текст с прокруткой - HTML
Часть 8 - ЧУДЕСНЫЕ ЦВЕТЫ PNG С КОДОМ
Часть 9 - использование спецкодов при написании сообщений
Часть 10 - Использование спец-кодов при написании сообщений
Часть 11 - Окошко для вставки кода.
Часть 12 - HTML-хулиганство))))
Часть 13 - Рубрика из дневника Ларисы Гурьяновои -уроки по флешкам
Часть 14 - ВИЗУАЛЬНЫЙ HTML ОНЛАЙН-РЕДАКТОР
Часть 15 - Необходимое для оформления.
Часть 16 - Продвинутый генератор HTML кода

Выбрана рубрика Html.


Соседние рубрики: Фоны бесшовные(85), Фоны анимированные(30), Рамки для текста(68), Разделители, линеечки(55), Полезные советы(43), Первые шаги на ли ру, уроки(22), Музыкальные открытки(8), Коды и ссылки(13), Картинки с кодами для комментариев(39), Как оформить? Ответ здесь!(127)

Другие рубрики в этом дневнике: =Юмор=(89), =Цитатник=(1734), =Цветы=(56), =Художники=(205), =Фэн шуй=(10), =Фотошоп=(30), =Фотографы=(85), =Фоны=(89), =Флешка=(65), =Уютненькое=(10), =Умелые ручки=(282), =Телефон=(2), =Сундук=(21), =Стихи=(108), =Ссылки=(67), =Сказочное=(21), =Ретро фото=(34), =Разное=(161), =Работа в интернете=(62), =Психология=(2), =Проза=(5), =Праздники=(117), =Православие=(50), =ПЛЕЙКАСТЫ-уроки=(1), =НИЖНИЙ НОВГОРОД=(32), =Музыка=(303), =Мои работы=(68), =ЛИТЕРАТУРА=(0), =Ли Ру=(90), =КУЛИНАРИЯ=(368), =Куклы=(26), =Красота спасёт мир!=(14), =Краски природы=(29), =Кошки=(27), =Компьютер, интернет=(213), =Книги, радиоспектакли=(17), =Катастрофы и политика=(39), =Информация=(8), =Интересное в мире и искусстве=(211), =Здоровье=(127), =ЗАКОНЫ И ПРАВИЛА=(1), =Животные, насекомые=(35), =ЖЗЛ.=(105), =ЖенскоОбразное=(96), =Дневник=(282), =Для дневников=(480), =ДЕТИШКИ=(36), =ВСЁ ДЛЯ ФОТОШОПА=(386), =ВОСПИТАНИЕ ДЕТЕИ=(20), =ВИДЕО=(98), =БУХГАЛТЕРИЯ=(1), =БИЗНЕС=(11), =АНИМАЦИЯ=(117), =АЛИЭКСПРЕСС=(3), =PIN-UP=(33), 1.Чёрный список юзеров, которые воруют чужие посты(3)

Начинаем изучать html

Пятница, 24 Декабря 2010 г. 13:25 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Начинаем изучать html

Начинаем изучать html

Как я и обещал, начнем изучать эту непонятную вещь - html. Платформу для испытаний можете создать на народе, об этом я уже писал ТуТ
Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-) К лиру это особого отношения не имеет, но тоже пригодится в дальнейшем и тут:-)
Когда-то давно услышал я это непонятное "html" и побежал искать всякие разные учебники и пр. Наткнулся на уж ну совсем простой учебник... а все-равно... не все доходило с первого раза:-( Так что тут постараюсь все изложить максимально просто и доходчиво:-)

Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.

Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:

 (282x66, 8Kb)
Далее смотрим справа:
 (288x132, 15Kb)
Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):

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

Рубрики:  =Цитатник=

Метки:  

Html для начинающих ( часть 2-ая)

Суббота, 01 Января 2011 г. 06:10 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Html для начинающих ( часть 2-ая)

Html для начинающих ( часть 2-ая)

Продолжаем попытку разобраться в html :-) Первая часть ТуТ

Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
Так вот, теперь про эти "ключевые" теги, которые даются изначально:

<html> и в самом низу закрывающий </html> - говоря простым языком,- этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа",- не забывайте об этом).

<head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.

<title> и закрывающий </title> - Заголовок страницы, вот и первый пример такой "служебной информации". Как видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
Между этими тегами прописывается название странички или еще какая-нибудь информация о содержании. В результате, пользователь это увидит в самом "верху" браузера, а точнее:
 (216x78, 9Kb)

И наконец:

<body> и </body> - тело документа ( странички сайта). Т.е. между этими тегами и пишется вся видимая пользователю страничка. Тут и картинки, и тексты и пр., пр., пр.,- все то, что вы захотите, чтоб увидел пользователь:-))

Читать дальше > > >
Рубрики:  =Цитатник=

Метки:  

УРОК!!!!! Всё тот же полезный сервис!!! Для загрузки картинок и получения кода!!!!

Воскресенье, 03 Апреля 2011 г. 17:32 + в цитатник
Это цитата сообщения zomka [Прочитать целиком + В свой цитатник или сообщество!]

Мои находки

 

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

1. Не умеете ставить картинки в ряд?
2. Не получается запихнуть изображения в таблицу?
3. Не знаете как вставить картинку на форум или блог с помощью BB кода?
4. Не умете делать окошко с кодом вставки под картинкой такого вида?
http://li-web.ru/


5. При упоминании слова html хочется сбежать подальше?
6.Не умеете делать нормальное кликабельное превью используя "Яндекс фотки"?

А и не надо!

читаем далее
Рубрики:  =Для дневников=/Как оформить? Ответ здесь!
=Разное=/Он-лайн сервисы
=Цитатник=

Метки:  

Шрифты для Ваших постов.

Пятница, 15 Апреля 2011 г. 17:09 + в цитатник
Это цитата сообщения _Н_А_Т_А_Ш_А_ [Прочитать целиком + В свой цитатник или сообщество!]

Шрифты для Ваших постов.

Шрифты для Ваших постов.




В наших дневниках можно
написать так-же красиво как в фотошопе!
С помощью вот таких красивых шрифтов
украсим и разнообразим
Наши посты!
Значение size регулируем сами!
Желаю удачи в Вашем творчестве!

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.Очень красивый шрифт



31.Очень красивый шрифт



32.Очень красивый шрифт



33.Очень красивый шрифт



34.Очень красивый шрифт



35.Очень красивый шрифт



36.Очень красивый шрифт



37.Очень красивый шрифт



38.Очень красивый шрифт



39.Очень красивый шрифт



40.Очень красивый шрифт



41.Очень красивый шрифт



42.Очень красивый шрифт



43.Очень красивый шрифт



44.Очень красивый шрифт



45.Очень красивый шрифт



46.Очень красивый шрифт



47.Очень красивый шрифт



48.Очень красивый шрифт



49.Очень красивый шрифт



50.Очень красивый шрифт



51.Очень красивый шрифт



52.Очень красивый шрифт



53.Очень красивый шрифт



54.Очень красивый шрифт



55.Очень красивый шрифт



56.Очень красивый шрифт



Рубрики:  =Цитатник=

Метки:  

Атрибут COLOR. Код цветного текста!

Пятница, 15 Апреля 2011 г. 17:12 + в цитатник
Это цитата сообщения -Moss-Arina- [Прочитать целиком + В свой цитатник или сообщество!]

Атрибут COLOR



На прошлых уроках мы ознакомились с
некоторыми тегами текста .
И подробно разобрали атрибут SIZE и FACE
ЧИТАЕМ ЕСЛИ ПРОПУСТИЛИ http://www.liveinternet.ru/community/2976266/post93988031/

http://www.liveinternet.ru/community/2976266/post93991539/
Сегодня поговорим о Цвете !
Атрибут COLOR
Для того, чтобы шрифт на странице был СЕРОГО цвета,
вы можете ввести один из следующих кодов:

СЕРЫЙ ШРИФТ
или же так названием цвета

СЕРЫЙ ТЕКСТ
Как в текстовом сообщении так и в кодах рамок
есть эти атрибуты цвета текста ,
размера и стиля шрифтов .
Теперь когда вы (надеюсь хоть
маленько ) поняли как можно
самим поменять эти атрибуты на свое
усмотрение и настроение пробуйте .
ЖЕЛАЮ УДАЧИ !!!

Можно комбинировать несколько атрибутов
в одном теге НАПРИМЕР соединим цвет ,
размер и стиль шрифта в один тег

МАМА Я ТЕБЯ ЛЮБЛЮ !
В этом же коде поменяем размер( SIZE ) size="4" на size="6"
ПОЛуЧИМ СЛЕДУЮЩЕЕ
МАМА Я ТЕБЯ ЛЮБЛЮ !
Теперь пробуем поменять цвет шрифта ( COLOR)
с #FF00FF на #D2B48C
НЕзабываем пользоваться ТАБЛИЦЕЙ ЦВЕТОВ
Получим следующее
МАМА Я ТЕБЯ ЛЮБЛЮ !
Ну и наконец пробуем менять стиль шрифта( FACE )
Вместо Arial на Monotype Corsiva

МАМА Я ТЕБЯ ЛЮБЛЮ !

УДАЧИ ВАМ МОИ ДОРОГИЕ !
Ariny6ka
Рубрики:  =Цитатник=

Метки:  

Как сделать текст с прокруткой - HTML

Пятница, 15 Апреля 2011 г. 17:15 + в цитатник
Это цитата сообщения REMEUR [Прочитать целиком + В свой цитатник или сообщество!]

как сделать текст с прокруткой

Сначала пишите нужный Вам текст, редактируете его по своему усмотрению,
после чего в самое начало (перед Вашим текстом) вставляете вот этот код:
div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto">
Рубрики:  =Цитатник=

Метки:  

ЧУДЕСНЫЕ ЦВЕТЫ PNG С КОДОМ

Воскресенье, 15 Мая 2011 г. 17:11 + в цитатник
Это цитата сообщения margaret60 [Прочитать целиком + В свой цитатник или сообщество!]

ЧУДЕСНЫЕ ЦВЕТЫ PNG С КОДОМ

ЧУДЕСНЫЕ ЦВЕТЫ PHG С КОДОМ

Я ТОЛЬКО ВСТАВИЛА КОДЫ В СООБЩЕНИЕ МОЕЙ ПОДРУГИ ХАВЭРОЧКИ
Читать далее...
Рубрики:  =Цитатник=
=Цветы=

Метки:  

использование спецкодов при написании сообщений

Четверг, 09 Июня 2011 г. 22:46 + в цитатник
liveinternet.ru/users/answe...t43379859/

Спецкоды - слова. заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают разные другие полезные вещи. Спецкоды в угловых скобках <> называются HTML  кодами. Их можно вводить "от руки" т...
Рубрики:  =Цитатник=

Метки:  

Процитировано 5 раз

Использование спец-кодов при написании сообщений

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

 

Спец-коды - слова. заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают разные другие полезные вещи. Спец-коды в угловых скобках <> называются HTML  кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом(как в Word). Если очень нужно использовать еще и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, иногда называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-кода используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Перечислим сначала спецкоды, которые уникальны для нашего сайта (вызывают больше всего вопросов), затем разрешенные HTML коды (не полный список, но наиболее употребительные), затем BB-коды, которые могут заменять HTML коды (если кому так удобнее-привычнее).

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

Метки:  

 Страницы: [2] 1