Html для начинающих ( часть 4-ая
24-12-2009 12:11
Это цитата сообщения Legionary Оригинальное сообщение
Html для начинающих ( часть 4-ая, таблицы, разрешение экрана)
Html для начинающих ( часть 4-ая, таблицы)
Пожалуй, одна из важнейших тем по html. Только не пугайтесь, важность не означает сложность:-)
Когда я начинал изучать html долго не мог врубиться че ж такого хорошего в таблицах.. таблички и таблички вроде, ничего особенного...)))
Короче говоря, отсеиваем наше общепринятое понятие этого слова и начинаем изучать:-)
Основная функция таблиц в html, на мой взгляд, это разграничение пространства. Т.е. разделение странички на сектора, участки.
Посмотрите на дизайн нашего ЛиРу :-) Слева столбик и справа столбик чуть пошире. Вот и разграничение пространства) все на своем месте, а не где попало)
Все, думаю основную мысль вы поняли) Теперь идем изучать:-)
Таблица делится на строки и столбики. Соответственно получаются ячейки.
Таблица вставляется в саму страничку, поэтому прописывать ее надо между тегами <body> и </body> ( о том,- что это такое, говорили раньше)
Тег таблицы прописывается так <table> , этот тег требует закрытия, т.е. окончание таблицы обозначаем закрывающим тегом </table>
Просто так таблица быть не может:-) думаю это понятно. В таблице должны быть минимум одна строка и минимум один столбик:-)
Строка обозначается тегами <tr> и </tr>, т.е. открывающий строку тег и закрывающий.
Столбик же обозначается тегами <td> и </td>
Содержимое таблицы ( тексты,картинки и пр.) уже прописывается в столбиках, т.е. между тегами столбиков.
Теперь по-русски:-)
Таблица,в ней строка, в ней столбик.
Самый просто код таблицы получается такой:
<table>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>
Внимательно следим за последовательностью закрытия тегов! Помните правило, я надеюсь?;-)
Читать дальше > > >
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Legionary Оригинальное сообщение
Html для начинающих ( часть 4-ая, таблицы, разрешение экрана)
Html для начинающих ( часть 4-ая, таблицы)
Пожалуй, одна из важнейших тем по html. Только не пугайтесь, важность не означает сложность:-)
Когда я начинал изучать html долго не мог врубиться че ж такого хорошего в таблицах.. таблички и таблички вроде, ничего особенного...)))
Короче говоря, отсеиваем наше общепринятое понятие этого слова и начинаем изучать:-)
Основная функция таблиц в html, на мой взгляд, это разграничение пространства. Т.е. разделение странички на сектора, участки.
Посмотрите на дизайн нашего ЛиРу :-) Слева столбик и справа столбик чуть пошире. Вот и разграничение пространства) все на своем месте, а не где попало)
Все, думаю основную мысль вы поняли) Теперь идем изучать:-)
Таблица делится на строки и столбики. Соответственно получаются ячейки.
Таблица вставляется в саму страничку, поэтому прописывать ее надо между тегами <body> и </body> ( о том,- что это такое, говорили раньше)
Тег таблицы прописывается так <table> , этот тег требует закрытия, т.е. окончание таблицы обозначаем закрывающим тегом </table>
Просто так таблица быть не может:-) думаю это понятно. В таблице должны быть минимум одна строка и минимум один столбик:-)
Строка обозначается тегами <tr> и </tr>, т.е. открывающий строку тег и закрывающий.
Столбик же обозначается тегами <td> и </td>
Содержимое таблицы ( тексты,картинки и пр.) уже прописывается в столбиках, т.е. между тегами столбиков.
Теперь по-русски:-)
Таблица,в ней строка, в ней столбик.
Самый просто код таблицы получается такой:
<table>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>
Внимательно следим за последовательностью закрытия тегов! Помните правило, я надеюсь?;-)
Читать дальше > > >
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)
24-12-2009 12:09
Это цитата сообщения Legionary Оригинальное сообщение
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)
Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику
Теперь будем учиться заливать нашу страничку цветом, фоновой картинкой, а также,- вставлять картинки на странички.
Цвет фона странички
Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor
Этот параметр прописываем так:
bgcolor="цвет"
Т.е. целиком, вместе с тегом body это будет выглядеть так:
<body bgcolor="цвет">
Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")
Читать дальше > > >
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Legionary Оригинальное сообщение
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)
Html для начинающих ( часть 3-ая, цвет фона, фоновая картинка, вставка изображений)
Продолжаем познавать азы html строительства. Напомню ссылки на предыдущие части:
Первая часть
Вторая часть
Ссылка на рубрику
Теперь будем учиться заливать нашу страничку цветом, фоновой картинкой, а также,- вставлять картинки на странички.
Цвет фона странички
Чтобы указать цвет фона используем наш главный тег body ( о нем говорили во второй части). Ему нужно прописать параметр, отвечающий за цвет. А точнее говоря параметр bgcolor
Этот параметр прописываем так:
bgcolor="цвет"
Т.е. целиком, вместе с тегом body это будет выглядеть так:
<body bgcolor="цвет">
Цвет, как всегда, указываем в его цифровом значении, например "#000000" ( можно и по имени, например "red")
Читать дальше > > >
как сделать бегущую строку
24-12-2009 12:08
Это цитата сообщения Legionary Оригинальное сообщение
ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих")
ЛиРу - как сделать бегущую строку ( плюс дополнение к "html" для начинающих)
Как говорится,- меня попросили,- вот и пишу:-)
Не совсем в "тему" т.к. про html- это еще рано. Но пусть будет, т.к. сие можно использовать на нашем любимом лиру:-)
В посте будут написаны не все "параметры" и "нужности", а только необходимый минимум. Остальное мы рассмотрим позже в теме про html.
Поехали:-)
Есть такой специальный тег "marquee", который и поможет вам сделать бегущую строку. Изначально он работал только в браузере Internet Explorer, но теперь почти во всех браузерах.
Лично я проверил,- не работает только в Google Chrome, а в Mozilla Firefox иногда зависает,- надо просто обновить страничку и все заработает:-) А в Opera и Internet Explorer,- работает без проблем:-) Так что имейте это в виду.
Сразу оговорюсь, бегущей строкой может быть не только текст, но и картинка, ссылка например. Покажу наглядно:-)
Вот допустим две картинки:
Применяя этот "код",- вот что получим:
Читать дальше > > >
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Legionary Оригинальное сообщение
ЛиРу - как сделать бегущую строку ( плюс дополнение к "html для начинающих")
ЛиРу - как сделать бегущую строку ( плюс дополнение к "html" для начинающих)
Как говорится,- меня попросили,- вот и пишу:-)
Не совсем в "тему" т.к. про html- это еще рано. Но пусть будет, т.к. сие можно использовать на нашем любимом лиру:-)
В посте будут написаны не все "параметры" и "нужности", а только необходимый минимум. Остальное мы рассмотрим позже в теме про html.
Поехали:-)
Есть такой специальный тег "marquee", который и поможет вам сделать бегущую строку. Изначально он работал только в браузере Internet Explorer, но теперь почти во всех браузерах.
Лично я проверил,- не работает только в Google Chrome, а в Mozilla Firefox иногда зависает,- надо просто обновить страничку и все заработает:-) А в Opera и Internet Explorer,- работает без проблем:-) Так что имейте это в виду.
Сразу оговорюсь, бегущей строкой может быть не только текст, но и картинка, ссылка например. Покажу наглядно:-)
Вот допустим две картинки:
Применяя этот "код",- вот что получим:
Читать дальше > > >
Html для начинающих ( часть 2-ая)
24-12-2009 12:07
Это цитата сообщения Legionary Оригинальное сообщение
Html для начинающих ( часть 2-ая)
Html для начинающих ( часть 2-ая)
Продолжаем попытку разобраться в html :-) Первая часть ТуТ
Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
Так вот, теперь про эти "ключевые" теги, которые даются изначально:
<html> и в самом низу закрывающий </html> - говоря простым языком,- этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа",- не забывайте об этом).
<head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.
<title> и закрывающий </title> - Заголовок страницы, вот и первый пример такой "служебной информации". Как видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
Между этими тегами прописывается название странички или еще какая-нибудь информация о содержании. В результате, пользователь это увидит в самом "верху" браузера, а точнее:
[216x78]
И наконец:
<body> и </body> - тело документа ( странички сайта). Т.е. между этими тегами и пишется вся видимая пользователю страничка. Тут и картинки, и тексты и пр., пр., пр.,- все то, что вы захотите, чтоб увидел пользователь:-))
Читать дальше > > >
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Legionary Оригинальное сообщение
Html для начинающих ( часть 2-ая)
Html для начинающих ( часть 2-ая)
Продолжаем попытку разобраться в html :-) Первая часть ТуТ
Если помните, в первой части мы тренировались в форматировании шрифтов. У себя же на "народе". Изначально вам уже были даны какие-то теги в редакторе, а сама "тренировка" велась между тегами <body> и </body>
Так вот, теперь про эти "ключевые" теги, которые даются изначально:
<html> и в самом низу закрывающий </html> - говоря простым языком,- этот тег обозначает, что за "документ" собственно говоря и где его начало и конец. Прописывать его надо ( если сами создаете страницу с нуля и без "народа",- не забывайте об этом).
<head> и закрывающий </head> - так называемая "голова" документа ( страницы сайта). Между этими тегами пишут некую "служебную информацию". Об этом конечно еще будем говорить, но пока так. Плюс содержимое распложенное между этими тегами не видно пользователю на странице.
<title> и закрывающий </title> - Заголовок страницы, вот и первый пример такой "служебной информации". Как видите, эти два тега написаны именно в "голове" документа ( смотреть выше).
Между этими тегами прописывается название странички или еще какая-нибудь информация о содержании. В результате, пользователь это увидит в самом "верху" браузера, а точнее:
[216x78]И наконец:
<body> и </body> - тело документа ( странички сайта). Т.е. между этими тегами и пишется вся видимая пользователю страничка. Тут и картинки, и тексты и пр., пр., пр.,- все то, что вы захотите, чтоб увидел пользователь:-))
Читать дальше > > >
Начинаем изучать html
24-12-2009 12:06
Это цитата сообщения Legionary Оригинальное сообщение
Начинаем изучать html
Начинаем изучать html
Как я и обещал, начнем изучать эту непонятную вещь - html. Платформу для испытаний можете создать на народе, об этом я уже писал ТуТ
Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-) К лиру это особого отношения не имеет, но тоже пригодится в дальнейшем и тут:-)
Когда-то давно услышал я это непонятное "html" и побежал искать всякие разные учебники и пр. Наткнулся на уж ну совсем простой учебник... а все-равно... не все доходило с первого раза:-( Так что тут постараюсь все изложить максимально просто и доходчиво:-)
Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.
Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:
[282x66]
Далее смотрим справа:
[288x132]
Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):
Читать дальше > > >
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Legionary Оригинальное сообщение
Начинаем изучать html
Начинаем изучать html
Как я и обещал, начнем изучать эту непонятную вещь - html. Платформу для испытаний можете создать на народе, об этом я уже писал ТуТ
Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-) К лиру это особого отношения не имеет, но тоже пригодится в дальнейшем и тут:-)
Когда-то давно услышал я это непонятное "html" и побежал искать всякие разные учебники и пр. Наткнулся на уж ну совсем простой учебник... а все-равно... не все доходило с первого раза:-( Так что тут постараюсь все изложить максимально просто и доходчиво:-)
Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.
Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:
[282x66]Далее смотрим справа:
[288x132]Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):
Читать дальше > > >
Как разместить на ЛиРу видео с зарубежных видеохостингов?
24-12-2009 12:01
Это цитата сообщения Rost Оригинальное сообщение
Как разместить на ЛиРу видео с зарубежных видеохостингов?
Очередное дополнение в
Про YouTube и Google-Video рассказал вчера. А вот эти 3 очень популярных сайта почему-то забыл.
Продолжить чтение
LI 5.09.15
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Rost Оригинальное сообщение
Как разместить на ЛиРу видео с зарубежных видеохостингов?
Очередное дополнение в
Про YouTube и Google-Video рассказал вчера. А вот эти 3 очень популярных сайта почему-то забыл.
Продолжить чтение
LI 5.09.15
Как разместить на ЛиРу видео с другого сайта?
24-12-2009 11:56
Это цитата сообщения Rost Оригинальное сообщение
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Rost Оригинальное сообщение
Как разместить на ЛиРу видео с другого сайта?
Очередное дополнение в
Вы таки не поверите, но в последнее время очень часто стали задавать вопросы, как поместить видео с ... в сообщение на ЛиРу. Пришлось написать эту инструкцию.
Продолжить чтение
Дополнение
Как разместить на ЛиРу видео с самых популярных зарубежных видеохостингов?
LI 5.09.15
Рисование песком - Новый год
23-12-2009 14:11
Это цитата сообщения -KRASOTA- Оригинальное сообщение
Рисование песком - Новый год:)
Художник Алена Войнова
[487x17]
[487x17]
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения -KRASOTA- Оригинальное сообщение
Рисование песком - Новый год:)
[487x17] [487x17]
Работы William Schimmel
22-12-2009 08:30
Это цитата сообщения BowHunter Оригинальное сообщение
Работы William Schimmel
Читать далее...
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения BowHunter Оригинальное сообщение
Работы William Schimmel
|
Спустившиеся планета Просмотров: 169
|
Картинка птиц Просмотров: 192
|
Северные животные Просмотров: 194
|
||
|
|
Вязание- Цветочки к шапочкам
22-12-2009 08:28
Это цитата сообщения Sunny_Risha Оригинальное сообщение
Цветочки к шапочкам:)
Читать далее...
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Sunny_Risha Оригинальное сообщение
Цветочки к шапочкам:)
Пригодятся:) [показать] [показать]
Мир фентази!
20-12-2009 14:18
комментарии: 0
понравилось!
вверх^
к полной версии
Мир фентази!
20-12-2009 14:14
комментарии: 0
понравилось!
вверх^
к полной версии
97 Видеоуроков по Adobe Photoshop от Игоря Ульм
18-12-2009 10:00
Это цитата сообщения Sheree Оригинальное сообщение
97 Видеоуроков по Adobe Photoshop от Игоря Ульмана
Читать далее...
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Sheree Оригинальное сообщение
97 Видеоуроков по Adobe Photoshop от Игоря Ульмана
97 Видеоуроков по Adobe Photoshop от Игоря Ульмана
- Простейшая рамка для фотографии
- Простейший приём осветления
- Коллаж из фотографий сюжетной макросъёмки
- Добавление возраста цветной фотографии
- Заснеженный текст
- Корректирующие слои. Пример 1.
- Коррекция снимка режимами наложения слоев
- Вечерний портрет. Коллаж.
- Инструменты аморфного деформирования. Liquify.
- Коллаж с использованием маски слоя
- Расширение динамического диапазона с помощью HDR
- Ручная коррекция тона фотографии
- Внутренняя рамка (оформление снимка)
- Жжёная бумага и текст по кривой
- Монтаж снимка с помощью маски слоя
Зима, Рождество, Новый год и тигррры
17-12-2009 12:14
Это цитата сообщения Inmira Оригинальное сообщение
Зима, Рождество, Новый год и тигррры :-)
Сегодня надо было совершенно срочно сделать одну работу и я замучилась перелопачивать горы страниц в поисках нужных картинок. В общем, - решила как-то их подсобрать. Планирую, если время позволит, постов 5.
комментарии: 1
понравилось!
вверх^
к полной версии
Это цитата сообщения Inmira Оригинальное сообщение
Зима, Рождество, Новый год и тигррры :-)
Сегодня надо было совершенно срочно сделать одну работу и я замучилась перелопачивать горы страниц в поисках нужных картинок. В общем, - решила как-то их подсобрать. Планирую, если время позволит, постов 5.
[показать]
Почти все изображения под катом увеличиваются. Размеры разные.
Дальше > > >
ПАРАД ЦВЕТОВ
16-12-2009 16:34
Это цитата сообщения soft_steel Оригинальное сообщение
Нежность цветов
смотреть дальше
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения soft_steel Оригинальное сообщение
Нежность цветов
Там, где вырождаются цветы, не может жить человек. Гегель Г.Ф
[604x400]
Тигры и тигрята
14-12-2009 11:36
Это цитата сообщения Rosa_Linda Оригинальное сообщение
Спасибо вам за картинки!!! А это вам от меня)))
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Rosa_Linda Оригинальное сообщение
Спасибо вам за картинки!!! А это вам от меня)))
Красавцы тигры!!!
Коллекция зимних праздничных скрап-наборов
14-12-2009 09:04
Это цитата сообщения Жагуара Оригинальное сообщение
Коллекция зимних праздничных скрап-наборов
Зимние скрап-наборы
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Жагуара Оригинальное сообщение
Коллекция зимних праздничных скрап-наборов
Winterly
9 фонов (3600х3600) | 35 элементов
3 маски PNG (приблизительно 1500х1150)
Формат: JPEG + PNG | Размер: 77.5 Mб
Автор - Zalinka
Картинки
12-12-2009 19:23
Это цитата сообщения Улыбка_Ольга_Н Оригинальное сообщение
цветные карандаши!
Далее>>>
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения Улыбка_Ольга_Н Оригинальное сообщение
цветные карандаши!
Anne Yvonne Gilbert, английская художница и иллюстратор.
Живет в городе Торонто, в Канаде. Родилась и выросла она в Нортумберленде, Англия.
Училась в Ньюкасле, в колледже искусств и Ливерпульском художественном колледже.
Затем в 1978 году, Ивонна стала внештатным иллюстратором,
работает со многими крупными издательскими домами и дизайн-группами.
Рисует цветными карандашами
Кисти "Лебеди
12-12-2009 19:12
комментарии: 0
понравилось!
вверх^
к полной версии
Милые картинки художника Алексея Долотова
12-12-2009 10:49
Это цитата сообщения БЛОГбастер Оригинальное сообщение
Милые картинки художника Алексея Долотова
[показать]
Далее
комментарии: 0
понравилось!
вверх^
к полной версии
Это цитата сообщения БЛОГбастер Оригинальное сообщение
Милые картинки художника Алексея Долотова
[показать]