Ступенька 5-ая. |
Ступенька 5-ая.
На этой ступеньке мы узнаем, как изменять цвет фона документа, и поговорим немного об этике.
Цвет фона устанавливается в уже знакомом нам тэге <body>:
<body bgcolor="#000000">
Для наглядности я прописала черный цвет, вы же свой документ можете раскрасить любым другим. Кстати, если цвет в <body> не указывать, то по умолчанию он будет белым, хотя иногда цветом по умолчанию может являться любой другой, кроме белого, поэтому лучше всегда прописывайте цвет фона в body, а так же цвет основного текста (как его задавать вы уже знаете) и цвета ссылок (с ними мы познакомимся чуть позже).

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать!</font> :)
</body>
</html> (посмотреть)
Обратите внимание: мы одновременно можем прописать в тэге <body> и цвет текста в документе, и цвет фона (это на всякий случай, если вы еще не поняли – одному тэгу может быть присвоено несколько атрибутов :).
<body text="#336699" bgcolor="#000000">
С теоретической частью на данной ступеньке мы закончили, теперь присядем и немного поговорим о цветах. Нет, не о тех, которые растут в лесах, полях, оранжереях, а о цветах документа.
Я хочу попросить вас, мой дорогой спутник, не злоупотреблять яркими фонами (желтым, красным, салатовым, ну, и черным с яркой смесью текста на нем). Почему? Да, просто пожалейте глаза ваших друзей, знакомых и случайного посетителя. Не следует также употреблять слишком много различных цветов на вашей страничке, это, как и яркий фон, отвлекает от содержания, мешает прочтению и выставляет вас самого не в лучшем свете.
Пример: Девочка в ярко-розовых джинсах и противном салатовом топике с надписью Kiss me, безусловно, привлечет внимание, но надолго ли? Что вы о ней подумаете? Не уподобляйтесь такой не очень разумной девочке:).
Кстати, о внимании, давайте переключим его на следующую главу моего повествования и шагнем на другую ступеньку.
Метки: Учебник по Html для чайников. |
Ступенька 4-ая. |
Ступенька 4-ая.
Начнем с малого, легкого, и даже интересного, и постепенно перейдем к сложному, большому, и, возможно, даже нудному, без чего не обходится ни одно обучение. Но не буду вас расстраивать заранее. Итак, на этой ступеньке мы будем учиться раскрашивать. Для начала нам будет нужна палитра Лучше всего сохраните палитру у себя на компьютере, она вам еще не раз пригодится:
Файл – Сохранить как (File – Save as)
Зачем все это? А затем, что все обозначения цвета в Html прописываются именно таким способом. Например, белый цвет – ffffff. Но вернемся к нашей страничке. Давайте окрасим слова Добро Пожаловать в красный.
<font color="#CC0000"> Добро пожаловать! :) </font>
Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.
Попробуйте вместо СС0000 подставить другие значения цветов для атрибута color. Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» - #.
Кстати, если вы хотите лучше усвоить материал наших уроков, то вам следует не только исполнять от точки до точки мои задания, но и пытаться самостоятельно экспериментировать с кодом вашей странички на основе полученных вами знаний.

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать! :) </font>
</body>
</html> (посмотреть)
Тэг <font></font> - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта (Arial), но об этом чуть позже.
Как же еще задавать цвета в документе? - вспомним об открывающем тэге <body>:
<body text="#336699">
Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали <font></font>. Если цвет текста в <body> не задавать, то по умолчанию он будет черным.

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699">
Здравствуйте, это моя первая страница.
<br>
<font color="#CC0000"> Добро пожаловать!</font> :)
</body>
</html> (посмотреть)
С цветами для текста мы разобрались, теперь подумаем о фоне. Шагаем дальше:)
Метки: Учебник по Html для чайников. |
Ступенька 3-ая. |
Ступенька 3-ая.

<html>
<head>
<title>Мой первый шаг</title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html> (посмотреть)
<head> </head> - голова документа
<body> </body> - тело документа
Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации (наша служба и опасна и трудна, и на первый взгляд как будто не видна:). Например <title>- заголовок. Зачем он? Откройте IE (Internet Explore) с нашим документом и устремите свой взгляд на заголовок окна... Увидели?:)
Все тэги, расположенные между <body> </body> - непосредственное содержание документа. Следующие несколько ступенек будут посвящены именно этим тэгам: мы узнаем, как менять цвет текста, фона, как делать текст крупнее-мельче, поговорим о картинках, таблицах и многом другом. Но прежде, все-таки закончим наш разговор о тэгах, в общем.
<тэг> </тэг> - не просто тэг, это контейнер - тэг, который может содержать внутри себя другие тэги (и текст).
Обратите внимание:
<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>
Только такая очередность закрывающих тэгов верна: тэг, который мы открыли первым - закрываем последним, второй – предпоследним и т.д.
Т.е. следующая очередность нежелательна и не верна, она может привести к ошибкам на вашей страничке:
<тэг1><тэг2><тэг3> ... </тэг3></тэг1></тэг2>
Так что будьте внимательны, и пишите код своих страничек аккуратно и вдумчиво.
Метки: Учебник по Html для чайников. |
Ступенька 2-ая. |
Ступенька 2-ая.

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html> (посмотреть)
Первое, что нам нужно усвоить: хтмл (html) - это то, что мы сейчас изучаем. Второе, что нам нужно усвоить: html не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы размечаем текст, таблицы, картинки и т.д. на нашей странице). То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (tags или тэги).
Пример тэга: <br> (перенос текста на другую строку). Попробуйте вставить еще несколько тэгов <br> в нашем документе перед «добро пожаловать!». Сохраните. Посмотрите в вашем броузере, что получилось.
Итак, все, что находится между < и > - это тэг. Текст, не находящийся между такими скобками < > - весь виден при просмотре в броузере.
Как мы видим на нашем примере: тэгов много, и они разные :). Обратите внимание на картинку, она тут не просто так, она показывает нам обязательные тэги. Обязательные теги, это такие теги, которые вы всегда должны прописывать для каждой своей страницы, даже не смотря на бури, ураганы и другие стихийные бедствия.
<html>
Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:
</html>
Некоторые тэги, вроде <br>, не требуют закрывающего тэга.
Итак, вернемся, к нашему документу и рисунку.
Метки: Учебник по Html для чайников |
Ступенька 1-ая. |
Ступенька 1-ая.
Порядок прежде всего, поэтому перед началом работы мы создадим на нашем компьютере отдельную папку для будущей страницы.
D:\первые шаги\
У себя на компьютере я создала такую папку на диске D, и назвала ее Первые Шаги. Вы, естественно, можете создать вашу папку, где угодно, и назвать ее, как угодно. Теперь откроем блокнот – notepad (start – programs – accessories – notepad или пуск – программы – стандартные – блокнот) и скопируем туда следующий текст:

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html> (посмотреть)
Сохраним этот документ, присвоив ему имя *.html
D:\первые шаги\index.html
Многие читатели спотыкаются на фразе: "А теперь сохраним этот документ, присвоив ему имя *.html", они пишут письма, о том, что у них получается сохранить, только как текстовой документ *.txt, а вот как *.html - никак. Чтобы в дальнейшем избежать этого глупого недоразумения, я и пишу это примечание.
Если вы сохраняете документ, через Файл -> Сохранить (File -> Save), то, естественно, что он сохраняется как *.txt. Надо сохранять ваш документ следующим образом:
- Файл -> Сохранить Как (File -> Save as)
- Дальше вводите имя своего документа, например: index.html (а не просто index; приписочка *.html должна быть обязательно).
- Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save).
Вот и все. Надеюсь, теперь у всех все будет в порядке.
Теперь откроем броузер, допустим, Internet Explorer (не закрывайте блокнот, он нам еще пригодится), и откроем в броузере наш документ.
Файл - Открыть - кнопка Обзор - Наш документ (index.html)
File – Open – Browse – index.html
Если мы чего-то изменим в нашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем броузере, надо не забывать нажимать в броузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ.
Посмотрим теперь, что у нас получилось, и разберемся, как оно так получилось :)
Метки: Учебник по Html для чайников. |
Без заголовка |
Перед вами популярный справочник по HTML - языку гипертекстовой разметки документов. Он часто используется ВУЗах как учебник по HTML, а иногда — как самоучитель.
Цитата из Википедии: HTML (от англ. Hypertext Markup Language — «язык разметки гипертекста») — это стандартный язык разметки документов во Всемирной паутине. Практически все веб-страницы создаются при помощи HTML.

Это не перевод скучной спецификации. Я постарался коротко и ясно описать действие самых основных, кросс-браузерных элементов языка HTML. В справочник вошли только те HTML теги, которые можно без опаски использовать при создании сайтов и после пребывать в уверенности, что ни один старинный браузер не выкинет фокус и всегда верно отобразит ваши веб-страницы.
Справочник проверен временем, он долгое время гарантировал простоту и совместимость HTML-кода для разных браузеров. С появлением XHTML старый добрый HTML несколько растерял позиции, но всё ещё крепко стоит на ногах и незаменим для тех проектов, где не нужны фокусы в стиле "Веб 2.0", но нужна максимальная совместимость с любыми, даже самыми древними или редкими браузерами. А таких проектов много, очень много.Обратите внимание - справочник базируется на HTML версии 3.2 с некоторыми наиболее распространенными элементами HTML 4.0.
Итак, в центре внимания — создание чистого и простого «классического» HTML кода без излишеств, который нормально отображается во всех широко распространённых браузерах, даже в морально устаревших (но, увы, всё ещё установленных на огромном количестве компьютеров).
Справочник не рассчитан лишь на начинающих. Я частенько пользуюсь им как шпаргалкой если что-нибудь подзабыл. Несмотря на то, что HTML – штука очень простая, иногда из головы напрочь вылетает какая-нибудь мелочь. Например, что у элемента HR есть жутко полезный атрибут NOSHADE.
Метки: Справочник по HTML |
И сново свечи.... |
И сново свечи....
Свечи, декоративные свечи, являются традиционным украшением интерьеров, а так же хорошим подарком, особенно если свеча индивидуальна и необычна. А именно такие свечи я и хочу вам сегодня показать

Немножко полюбуемся



















Кофейная свеча

1. Для начала подобираем подходящую форму, чтобы была гладкая, пластмассовая и с ровными стенками.

2. Разогретой тонкой спицей делалаем отверстие прямо по центру дна.

3.Фитиль пропитываем расплавленным парафином, даём высохнуть и затвердеть, потом на одном конце завязываем узелок.

4. Протягиваем фитиль внутрь банки, так чтобы узелок остался снаружи.

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

6. Растапливаем парафин на водяной бане: в кастрюлю наливаем воды, в ковшик поменьше насыпаем парафин.
Ковшик в кастрюльку, кастрюльку на огонь.
Коричневого цвета можно заменить , смешать красный и зеленый. Заливаем в банку, предварительно водрузив ее на чашку.
Ставим банку на чашку по 2-м причинам. Во-первых узелок внизу будет мешать, во-вторых, если начнет вытекать - так сразу в чашку 

7. Когда застыло, насыпаем сверху кофейных зерен.

8. И заливаем их тоже.

9. Когда вся конструкция застыла и остыла (можно поставить на час в морозилку, но это неправильно, свечи должны застывать очень медленно), свеча сама отстала от стенок, и легко вылезла из банки, когда потянуть за фитиль.
Не забыть развязать узелок !

10. Потом берём какую нибудь старую свечку, и ею оплавливаем весь лишний парафин. Немножко оплаваем сами стенки свечки, просто, для красоты. Обрезаем лишний фитиль снизу и сверху.

11. Ну и запаливаем 
Метки: свечи своими руками |
свеча "ПЕНОКАЛАДО" |
свеча "ПЕНОКАЛАДО"


Для выполнения мне понадобилось - кокос, свечи белого цвета,палочка корицы,сушеная долька апельсина и ароматическая крошка. Конечно же лобзик, нож и емкасть для плавки воска.

первым делом необходимо распилить кокос.( в этом мне помогли мужские руки)

При помощи ножа вынимаем сердцевину ореха ( она нам пригодиться на кухни)

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

Уже готовый фитиль закрепляем на основе.

восковую крошку плавим на водяной бане.

Уже готовый жидкий воск заливаем в нашу форму.

Теперь приступаем к декору нашего шедевра. Пока воск не остыл посыпаем сверху ароматной крошкой и закрепляем дольку апельсина.

Ну и последний штрих ( как скажет художник) палочка ароматной карицы.

Уверяю, поверьте мне на слово, аромат такой свечи ни кого не оставит ровнодушным.

Метки: свечи своими руками |
мастер класс по свечам |
Метки: свечи своими руками |
Делаем свечи своими руками |
Делаем свечи своими руками
Делаем свечи своими руками
Потребуется:
— старые парафиновые свечи
— детские восковые мелки Crayolа
— сушёные розовые лепестки
— кастрюля с холодной водой
— кастрюля с кипятком
— жестяные банки от пива, напитков или пластиковые формы
— подсолнечное масло
Изготовление:
— Растопить старые свечи на водяной бане, предварительно отделив фитиль. Топить нужно по кусочку для каждого цвета отдельно.






— Сделать разноцветную стружку из мелков. И развести её в растопленном парафине.
— Форму для свечи густо смазать подсолнечным маслом, чтобы воск не прилип к форме.
— Фитиль закрепить на карандаше и опустить в форму для свечи так, чтобы он располагался вертикально по центру банки и касался дна. Форму поставить в ёмкость с холодной водой, но так что бы свечка стояла на дне и не всплыла.



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



— Когда воск застынет вынуть свечу из формы, аккуратно отделив от краёв и готово!
Если немного пофантазировать, то можно придумать много различных вариантов свечей, с цветами, ракушками, лентами и всем тем, что попадётся под руку, главное — творческий подход. Вдохновится можно посмотрев подборку.
Метки: свечи своими руками |