-Рубрики

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

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

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.02.2011
Записей: 1589
Комментариев: 483
Написано: 3692

Серия сообщений "Html":
Часть 1 - Начинаем изучать html.
Часть 2 - Html для начинающих ( часть 2-ая).
Часть 3 - ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих").
Часть 4 - Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений).
Часть 5 - Html для начинающих ( часть 4-ая, таблицы, разрешение экрана).
Часть 6 - Html для начинающих ( часть 5-ая, практикуемся).
Часть 7 - Поля для кодов. Внешний вид и пр.
Часть 8 - CSS. Border, background. Введение.
Часть 9 - Html шпаргалки.
Часть 10 - Подсказка title.
Часть 11 - ЛиРу - оформляем пост, как и какие спец-коды можно использовать?
Часть 12 - Чем отличаются BB коды от тегов html?

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


Соседние рубрики: шпаргалки(32), уроки(34), полезные ссылки(8)

Другие рубрики в этом дневнике: фотошоп(102), фото(46), фоны(51), флеш(41), текст(7), стихи(85), скачка(1), сад-огород(9), рукоделие(63), рамочки(59), разное(1), Программы(83), праздники(5), плейкаст(3), музыка(31), мода(1), личное(3), литература(28), кулинария(94), косметика(62), коллаж(29), искусство(56), Интересно-полезное(1), инет(2), женские секреты(163), для оформления дневника(86), для детей(2), дизайн дневника(197), география(11), вязание(164), видео(26), архитектура(7), Paint(1), GIMP(7), Corel Paint Shop(14)
Комментарии (0)

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

Суббота, 16 Апреля 2011 г. 22:34 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

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

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

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

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

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

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

Суббота, 16 Апреля 2011 г. 22:37 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

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

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

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

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

И наконец:

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

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

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

ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих").

Суббота, 16 Апреля 2011 г. 22:41 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих")

ЛиРу - как сделать бегущую строку ( плюс дополнение к "html" для начинающих)

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

Есть такой специальный тег "marquee", который и поможет вам сделать бегущую строку. Изначально он работал только в браузере Internet Explorer, но теперь почти во всех браузерах.
Лично я проверил,- не работает только в Google Chrome, а в Mozilla Firefox иногда зависает,- надо просто обновить страничку и все заработает:-) А в Opera и Internet Explorer,- работает без проблем:-) Так что имейте это в виду.
Сразу оговорюсь, бегущей строкой может быть не только текст, но и картинка, ссылка например. Покажу наглядно:-)
Вот допустим две картинки:
 (157x148, 38Kb)  (160x118, 31Kb)
Применяя этот "код",- вот что получим:

 (160x118, 31Kb)


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

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

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений).

Суббота, 16 Апреля 2011 г. 22:43 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)

Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику


Теперь будем учиться заливать нашу страничку цветом, фоновой картинкой, а также,- вставлять картинки на странички.

Цвет фона странички

Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor

Этот параметр прописываем так:

bgcolor="цвет"

Т.е. целиком, вместе с тегом body это будет выглядеть так:

<body bgcolor="цвет">

Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")

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

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

Html для начинающих ( часть 4-ая, таблицы, разрешение экрана).

Суббота, 16 Апреля 2011 г. 22:44 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Html для начинающих ( часть 4-ая, таблицы, разрешение экрана)

Html для начинающих ( часть 4-ая, таблицы)

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

Основная функция таблиц в html, на мой взгляд, это разграничение пространства. Т.е. разделение странички на сектора, участки.

Посмотрите на дизайн нашего ЛиРу :-) Слева столбик и справа столбик чуть пошире. Вот и разграничение пространства) все на своем месте, а не где попало)
Все, думаю основную мысль вы поняли) Теперь идем изучать:-)

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

Тег таблицы прописывается так <table> , этот тег требует закрытия, т.е. окончание таблицы обозначаем закрывающим тегом </table>
Просто так таблица быть не может:-) думаю это понятно. В таблице должны быть минимум одна строка и минимум один столбик:-)

Строка обозначается тегами <tr> и </tr>, т.е. открывающий строку тег и закрывающий.

Столбик же обозначается тегами <td> и </td>
Содержимое таблицы ( тексты,картинки и пр.) уже прописывается в столбиках, т.е. между тегами столбиков.

Теперь по-русски:-)
Таблица,в ней строка, в ней столбик.
Самый просто код таблицы получается такой:
<table>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>

Внимательно следим за последовательностью закрытия тегов! Помните правило, я надеюсь?;-)


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

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

Html для начинающих ( часть 5-ая, практикуемся).

Суббота, 16 Апреля 2011 г. 22:46 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Html для начинающих ( часть 5-ая, практикуемся)

Html для начинающих ( часть 5-ая, практикуемся)



Продолжаем познавать азы Html :-) Это 5-ая часть нашего обучения, остальные части смотрите ТуТ.
Пора немного попрактиковаться и создать свою первую более менее приличную страничку. Плюс,- узнать еще парочку тегов:-)

Итак, в результате получим примерно такое.

Сначала посмотрим весь "код", а потом разберем его по частям:
<html>
<head>
<title>
Фридрих Ницше. Цитаты</title>
</head>
<body link="red" vlink="red" alink="#ffffff" background="http://legion-blog.narod.ru/yroki/01.jpg" ><center>
<table cellpadding="10" background="http://legion-blog.narod.ru/yroki/1.png" width="800" border="1">
<tr>
<td><center>
Читать дальше > > >

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

Поля для кодов. Внешний вид и пр.

Суббота, 16 Апреля 2011 г. 22:48 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Поля для кодов. Внешний вид и пр.

Такой небольшой, но очень полезный постик:)

Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру:





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

Пишется оно очень просто:

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

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

CSS. Border, background. Введение.

Суббота, 16 Апреля 2011 г. 22:51 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

CSS. Border, background. Введение

Как вы помните, в посте про мигающий текст мы начали немного говорить про CSS. Так вот хочу продолжить, но не "планово" по шагам, а так... урывками:) Для начала:)

Сегодня будем делать обводку и фон. Чего именно? Да чего хотите:)
Кто сказал что тег <b> (жирное написание текста) не может быть с фоном и обводкой?
Пожалуйста:



Привет

Или:Привет

Или:Привет



Или:Привет



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

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

Html шпаргалки.

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

Html шпаргалки

Давно хотел написать этот пост:) Из области "наболело".
Я правда не знаю как сейчас обстоят дела, но в тот период моего прибывания на лиру (до "отпуска" :) ), большим спросом у вас пользовались различные html шпаргалки. Причем... не идеального "качества"... Что удручает...

Как вы знаете, я тоже пишу некое подобие уроков на тему html. Т.е. в принципе изобретаю велосипед. Ведь статей, учебников и пр. на эту тему уже написано великое множество.
Единственно, чем я могу себя оправдать - моя манера повествования и объяснения, возможно, более понятна кому-либо. Поэтому и пишу:)

Но речь не о том. Пока я напишу ВСЕ... состариться можно:)

Поэтому, вместо коллекционирования всяких второсортных html шпаргалок, тем, кому действительно интересна эта тема, советую посетить сайт Влада Мержевича.

Мало кто не знает этот сайт. Но все же... Записав в закладки его htmlbook.ru, вам уже не нужны будут всякие шпаргалки.
Да там все строго и по факту, без особых разжевываний. Но если есть желание,- разобраться всегда можно:)

Навигация отличная, не запутаетесь:) Дам только две наводящие ссылки:
Справочник по HTML
Справочник по CSS

В выбранном справочнике смотрим слева - список тегов и атрибутов. Тыкаем нужный и узнаем всю необходимую информацию.
Сам я учился не на его сайте, но сейчас пробелы в памяти заполняю именно там:) Чего и всем советую:)

Ну а кто особо не спешит,- ждите моих уроков, будут:)

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

Подсказка title.

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

Подсказка title

Вообще очень полезная вещь при оформлении. Когда-то, мимолетом мы уже об этом говорили, тут, например.

О чем это я собственно:) На примере:

Наведите на этот текст курсор мышки и подождите пару секунд.

Если навели правильно (смеюсь),- увидите примерно следующее:

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

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

ЛиРу - оформляем пост, как и какие спец-коды можно использовать?

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

ЛиРу - оформляем пост, как и какие спец-коды можно использовать?

ЛиРу - оформляем пост, как и какие спец-коды можно использовать?

На ЛиРу при написание постов ( комментариев) можно использовать специальные коды. Каждый код несет определенную функцию.
Как попасть в список этих кодов?

Вот ссылка на них.

Либо, заходим в редактор написания поста:


 (448x39, 5Kb)

И чуть выше окошка заголовка жмем "как и какие спец-коды можно использовать?":
 (420x73, 9Kb)

Нажали, и нам открылось окошко с этими кодами и описаниями к ним. Теперь подробно про каждый код :-))

1. " [user=Никнейм] " - если Вы хотите в посте или в комментарии сослаться на какого-то пользователя лиру, то можно использовать этот код. Копируете его и вместо "никнейм" вписывает ник того человека. Вот что получится,- пример:
Inmira

И при нажатии на такую вот ссылку,- Вы попадете в профиль дневника этого человека.


Дальше > > >

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

Чем отличаются BB коды от тегов html?

Понедельник, 23 Мая 2011 г. 21:48 + в цитатник
Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

Чем отличаются BB коды от тегов html?

Не замучил еще тегами и кодами?:)

Для удобства "понимания" в качестве примера возьмем лирушные BB коды.
И это кстати важная особенность:
На разных сайтах ВВ коды могут быть разными, а некоторых кодов может вообще не быть

Итак, все вы знаете (надеюсь) html тег жирности текста. Пишется так:
<b>Привет!</b>

Но на нашей лирушечки, сделать текст жирным мы можем и с помощью ВВ кода, т.е. так:
[b]Привет![/b]

Разница, как видите, только в скобках- html тег пишется в таких ><, а ВВ в [ ]
Но! Это только кажется так просто.

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

Метки:  

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