http://www.liveinternet.ru/community/2009145/post176409847/

Ступенька 22-ая. 

Итак, как помнится, мы решили с вами создать вот такую таблицу: 


А получилось у нас еще только вот такая таблица: 



В чем же дело? А в том, что мы не задали высоту и ширину ячейкам таблицы нашей:) Вспомним об атрибутах height и width - вы можете их задать для всей таблицы, для одного ряда, для ячейки (столбца). Высота и ширина могут задаваться как в пикселях, так и процентах. В нашем случае мы зададим ширину и высоту в пикселях для столбцов (ячеек).

Если мы задали для ячейки ширину в 30 процентов, как в нашем примере, то это значит, что на остальные ячейки у нас осталось еще 70 процентов, т.е. сумма их ширин не должна превышать 70 процентов. Почему? Простая арифметика: в сумме это все должно равняться 100%. Считаем: 100 – 30 = 70. :) 

Вернемся к нашему примеру: теперь мы почти получили то, что хотели:) 

 

Теперь нам осталось лишь выровнять содержимое (текст) внутри таблицы:
 

1x1       1x2      1x3       2x1       2x2       2x3

И... готово!:) 

 

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

Вы должны помнить и другие тэги для выравнивания содержимого, кроме , а также атрибут align, который мы прописывали для них. Этот атрибут можно задать и для ячеек таблицы:
 

- столбец (ячейка) таблицы 

 

Итак, перед вами таблица из двух строк и трех столбцов (ячеек). Для наглядности я выделила ячейки таблицы разными цветами. Границы таблицы не заданы, поэтому вы их не видите. Как же такая красота получилась? Итак следите за движениями моих рук:

bgcolor="#FFCC33">1x1 bgcolor="#336699">1x2 bgcolor="#FFCC33">1x3 bgcolor="#336699">2x1 bgcolor="#FFCC33">2x2 bgcolor="#336699">2x3

Вот, что у нас получилось: 



Если вы хотите задать фон для ряда, то атрибут bgcolor мы прописываем для тэга

:

посмотреть

 
текст     (куча пробелов)     текст 
             текст     (куча пробелов)     текст
       текст     (куча пробелов)     текст

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

	

	К одному фрагменту текста может применяться сразу несколько тэгов: 

	

	 текст  

	

	В нашем примере текст моноширинный, полужирный, и выделен курсивом (вот так-то:). Не бойтесь использовать различные комбинации тэгов, экспериментируйте, но с умом:) 

	

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

	

	Подчеркнутый текст вводится при помощи тэга :

	

	 Подчеркнутый текст 

	

	Тэги  и  представляют текст перечеркнутым шрифтом, можете использовать какой вам угодно из них, принципиальной разницы между ними нет:

	

	 Перечеркнутый  

	 Перечеркнутый 

	

	Тэг  представляется крупным шрифтом, а  малым шрифтом относительно основного текста: 

	

	 Малый 

	Нормальный текст

	 Большой 

	

	Тэги Sup и Sub - определяют верхний и нижний индексы. Sup - верхний, Sub - нижний. Где они могут пригодиться? Ну, например, при написании какой-нибудь формулы - H2O (все, что мы выносим со школьной скамьи:). 

	

	Верхний индекс  sup 

	Нижний индекс  sub 

	

	Вот, собственно, и все. Можем переходить на следующую ступеньку.

Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

посмотреть
()

()

()

()

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

и

. Параграф не может содержать в себе другие параграфы, и также тэг

 

. Т.е. следующие конструкции будут не верны, и вводить их в документ нельзя даже под страхом смерти:

 

текст

текст

текст

 

и

 

текст

текст

текст

 

Однако

может содержать в себе параграфы: с помощью него мы можем сгруппировать их, допустим, по правому краю.

текст первого абзаца

текст второго абзаца

текст третьего абзаца

Конечно,

и

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

и

мы вернемся гораздо позже, т.к. это уже более сложная тема для разговора, и вы, мой читатель, пока что к ней не готовы.

---

<<< Ступенька 5-ая: Назад | Далее: Ступенька 7-ая >>>

Учебник по Html для чайников. Простейшие.
\r\n
\r\nСтупенька 4-ая.
\r\n
\r\nНачнем с малого, легкого, и даже интересного, и постепенно перейдем к сложному, большому, и, возможно, даже нудному, без чего не обходится ни одно обучение. Но не буду вас расстраивать заранее. Итак, на этой ступеньке мы будем учиться раскрашивать. Для начала нам будет нужна палитра (все цвета интернета - http://www.artlebedev.ru/tools/colors/). Лучше всего сохраните палитру у себя на компьютере, она вам еще не раз пригодится:
\r\n
\r\nФайл – Сохранить как (File – Save as)
\r\n
\r\nЗачем все это? А затем, что все обозначения цвета в Html прописываются именно таким способом. Например, белый цвет – ffffff. Но вернемся к нашей страничке. Давайте окрасим слова Добро Пожаловать в красный.
\r\n
\r\n Добро пожаловать! :)
\r\n
\r\nColor – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.
\r\n
\r\nПопробуйте вместо СС0000 подставить другие значения цветов для атрибута color. Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» - #.
\r\n
\r\nКстати, если вы хотите лучше усвоить материал наших уроков, то вам следует не только исполнять от точки до точки мои задания, но и пытаться самостоятельно экспериментировать с кодом вашей странички на основе полученных вами знаний.
\r\n
\r\n
\r\n

\r\n
\r\n

\r\n
\r\n

\r\nЗдравствуйте, это моя первая страница.
\r\n

\r\n Добро пожаловать! :)
\r\n

\r\n(посмотреть)
\r\n
\r\nТэг - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта (Arial), но об этом чуть позже.
\r\n
\r\nКак же еще задавать цвета в документе? - вспомним об открывающем тэге:
\r\n
\r\n
\r\n
\r\nЭто значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали . Если цвет текста вне задавать, то по умолчанию он будет черным.
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n
\r\n
\r\nЗдравствуйте, это моя первая страница.
\r\n

\r\n Добро пожаловать! :)
\r\n
\r\n(посмотреть)
\r\n
\r\nС цветами для текста мы разобрались, теперь подумаем о фоне. Шагаем дальше:)
\r\n
\r\n<<< Ступенька 3-ая: Назад | Далее: Ступенька 5-ая >>>

Ступенька 3-ая. 

посмотреть) 
 

Учебник по Html для чайников. Инструментарий.

Ступенька 2-ая. 

Здравствуйте, это моя первая страница.


Добро пожаловать! :)

 (посмотреть) 

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

Пример тэга:
(перенос текста на другую строку). Попробуйте вставить еще несколько тэгов
в нашем документе перед «добро пожаловать!». Сохраните. Посмотрите в вашем броузере, что получилось.

Итак, все, что находится между < и > - это тэг. Текст, не находящийся между такими скобками < > - весь виден при просмотре в броузере. 

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

 

Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий: 

 

Некоторые тэги, вроде
, не требуют закрывающего тэга. 

Итак, вернемся, к нашему документу и рисунку.

Учебник по Html для чайников. Инструментарий.

Ступенька 1-ая. 

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

D:\первые шаги\

У себя на компьютере я создала такую папку на диске D, и назвала ее Первые Шаги. Вы, естественно, можете создать вашу папку, где угодно, и назвать ее, как угодно. Теперь откроем блокнот – notepad (start – programs – accessories – notepad или пуск – программы – стандартные – блокнот) и скопируем туда следующий текст: 

Здравствуйте, это моя первая страница.


Добро пожаловать! :)

(посмотреть) 

Сохраним этот документ, присвоив ему имя *.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 документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем броузере, надо не забывать нажимать в броузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ. 

Посмотрим теперь, что у нас получилось, и разберемся, как оно так получилось :)

Сделай свой манекен!

"Сапожник без сапог!". Вот какая участь ждет, если вы умеете шить, но некому помочь провести примерку. С нестандартной спинкой - самые большие осложнения. Поможет решить проблему собственный двойник - манекен, созданный по образу и подобию Вашего тела.

Первый опыт по изготовлению манекена из клейкой ленты был неудачным, зато выяснены недостатки инструкции, предлагаемой американцами.

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

ссылка на инструкцию: http://www.zinger.com.ua/images/fck/File/FN_overlock.pdf

Вот например! Хитрость:

Замораживание.
Если готовое изделие намочить, сложить на тарелочку (обязательное условие  ) и положить на ночь в холодильник, то:
- хлопок и шерсть не будет пилинговаться (либо почти не будет, зависит от мерсеризации хлопка и качества шерсти)
- шерсть не будет так кусать
- мохер даже с приличным количеством оста станет мягче

Мороз творит чудеса, в общем! После заморозки изделие надо положить под тепную воду, разморозить, отжать соответственно правилам и высушить! 

ХВОСТИКИ! 
Как их не запрявляй, но если нитка скользкая, к примеру вискозная, то они все равно норовят выскочить и продемонстрировать себя миру!
Против такого хамства есть средство - клей МОМЕНТ-гель! Он хорош тем, что после засыхания не становится твердым и царапучим, а остается весьма приемлемым при носке вещей к телу. Минус - он не засыхает мгновенно.

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

Если Вы хотите вязать что-либо в две ниточки, не спешите начинать с двух клубков одновременно! Вторую ниточку можно вытащить изнутри клубка, правда придется изрядно в нем поковыряться 

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

Стильное серое платье

Жакет с перекрученными полочками


http://shemyvyazaniya.com/page/zhak...nymi-polochkami

Размеры жакета: 42/44 (46/48) 50/52

Вам потребуется: 300 (350) 400 г темно-серой (цв.4) пряжи «Divino» от Lana Grossa(75% хлопок, 25% вискоза, 110 м/50 г); прямые спицы № 4 и № 5.

Узелковый край: 1-ю п. каждого ряда снять как лиц., последнюю петлю каждого ряда провязать лиц. Внимание: Все детали вязать с узелковыми краями!

Лицевая гладь: лиц. р. - лиц. п., изн. р. - изн. п.

Выделенные убавления: в начале ряда после кром. провязать 2 п. вместе лиц.; в конце ряда перед кром. провязать 2 п. вместе протяжкой = 1 п. снять как лиц., 1 лиц. и протянуть ее через снятую п.

Плотность вязания: лиц. гладь, спицы № 5: 18 п. и 26 р. = 10 х 10 см.

Спинка: на спицы № 4 набрать 88 (96) 104 п. и вязать ролик лиц. гладью. Через 2 см = 6 р. от наборного края вязать лиц. гладью спицами № 5.

Для А-образной формы выполнить с обеих сторон в 33-м и 67-м р. от ролика по 1 выделенному убавлению = 84 (92) 100) п. Через 36 (37) 38 см = 94 (96) 98 р. от ролика закрыть с обеих сторон для пройм 4 п., затем в каждом 2-м р. - 2 х 2 и 2 х 1 п. = 64 (72) 80 п. Далее вязать прямо. Через 20 (21) 22 см = 52 (54) 58 р. от начала пройм все петли прямо закрыть.

Правая полочка: на спицы № 4 набрать 45 (49) 53 п. и вязать ролик лиц. гладью. Через 2 см = 6 р. от наборного края вязать лиц. спицами № 5. Два убавления для А-образной формы выполнить с левого края как для спинки на той же высоте. Через 24 (25) 26 см = 62 (64) 66 р. от ролика заново набрать с правого края 2 п. и петли отложить. На спице должно быть 46 (50) 54 п. Сначала связать часть левой полочки, начиная от плеча. Для этого на спицы № 5 набрать 16 (20) 24 п. С левого края прибавить для скоса выреза горловины в 3-м р. от наборного края 1 п., для чего перед кром. вывязать 1 лиц. скрещ. из протяжки. Такие прибавления повторить в каждом 4-м р. 15 (16) 14 раз и во 2-м (2-м) каждом 6-м р.- еще 1 (0) 2 раза. В 45-м (47-м) 51-м р. от наборного края заново набрать с правого края для проймы 1 п., затем в каждом 2-м р. - еще 1 х 1, 2 х 2 и 1 х 4 п. = 43 (47) 51 п. Через 26 (27) 28 см = 68 (70) 74 р. от наборного края эти петли с правого края прибавить к отложенным петлям правой полочки и на всех 89 (97) 105 п. вязать далее вместе лиц. гладью. Для А-образной формы правой полочки не забыть выполнить 2-е убавление, как описано выше, и с правого края левой полочки в 27-м (29-м) 31-м р. от окончания пройм вывязать из протяжки после кром. 1 п. скрещ. Такие прибавления повторить в каждом 34-м р. еще 1 раз. Когда левая и правая полочка будут на 6 см = 16 р. провязаны вместе, 2 прибавленные для этого петли между обеими деталями снова закрыть и каждую деталь вязать раздельно.

Сначала вязать левую полочку на 44 (48) 52 п., при этом с правого края прибавить для скоса еще 1 п., как описано = 45 (49) 53 п. Через 24 (25) 26 см = 62 (64) 66 р. от места разделения вязать для ролика спицами № 4 лиц. гладью. Через 2 см = 6 р. от начала ролика петли свободно закрыть. Теперь на оставшихся 43 (47) 51 п. вязать правую полочку. В 3-м р. от места разделения выполнить с правого края для скоса выреза горловины 1 выделенное убавление, затем во 2-м (2-м) в каждом 6-м р. 1 (0) 1 п. и в каждом 4-м р. - 15 (16) 14 раз по 1 выделенному убавлению. Через 6 см от места разделения выполнить с левого края пройму как для спинки. Через 20 (21) 22 см = 52 (54) 58 р. от начала проймы закрыть оставшиеся 16 (20) 24 п. плеча.