http://web4master.mybb.ru/ Web4Master's ru-ru Thu, 19 Aug 2010 11:23:53 +0400 MyBB/mybb.ru http://web4master.mybb.ru/viewtopic.php?pid=23#p23 <p>CSS позволяет определить точное положения HTML-элементов.</p> <p>static - обычный элемент, использующий установленную по умолчанию HTML-структуру (по умолчанию). <br />relative - позиционирование элемента является смещением по отношению к его обычному положению в общей структуре страницы. <br />absolute - позиционирование элемента определяется смещением по отношению к положению содержащего его элемента, и они не влияют на общую структуру. <br />fixed - позиционирование элемента является смещением, как и в случае со значением absolute, но сам элемент фиксируется в окне браузера и при прокрутке окна не перемещается. <br />inherit - принимается значение родительского элемента.</p> mybb@mybb.ru (de-montez) Thu, 19 Aug 2010 11:23:53 +0400 http://web4master.mybb.ru/viewtopic.php?pid=23#p23 http://web4master.mybb.ru/viewtopic.php?pid=22#p22 <p>Блочная модель&#160; </p> <p>Каждый элемент располагается в блоке, состоящем из содержимого этого элемента, рамки (border), промежуточной области между содержимым и границей элемента (padding), а также полей (margin). Изучение этих свойств поможет в дальнейшем, когда вы будете задавать вид странице.</p> <p>1. margin-top, margin-right, margin-bottom, margin-left&#160; &#160;</p> <p>Устанавливает ширину поля для определенной стороны элемента.(эти свойства устанавливает ширину соответственно верхнего, нижнего и левого поля).</p> <p>2.padding-top, padding-right, padding-bottom, padding-left&#160; &#160;</p> <p>Устанавливает ширину промежутка между содержимым элемента и определенным его участком его границы (соответственно верхнем, правым, нижним и левым).</p> <p>3.border-top-width, border-right-width, border-bottom-width, border-left-width&#160; &#160;</p> <p>Устанавливает ширину рамки для определенной стороны (соответственно верхней , правой, нижней и левой). Рамка проходит между полем и основной частью элемента.</p> <p>4. border-top-color, border-right-color, border-bottom-color, border-left-color&#160; &#160;</p> <p>Устанавливает цвет рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента.</p> mybb@mybb.ru (de-montez) Thu, 19 Aug 2010 11:22:38 +0400 http://web4master.mybb.ru/viewtopic.php?pid=22#p22 http://web4master.mybb.ru/viewtopic.php?pid=21#p21 <p>Блоки текста как правило разделяют абзацы. Синтаксис абзацев очень прост: &lt;p&gt;абзац&lt;/p&gt;.<br />Так же вы можете использовать параметр ALIGN. Для того чтобы сделать какое-то слово или фразу заголовком нужно поставить его в тэги &lt;h1&gt; Первый заголовок&lt;/h1&gt;. Это будет означать, что это первый заголовок. Чтобы создать второстепнный заголовок нужно всего лишь понизить цифру в тэге,<br />допустим &lt;h3&gt;Третий заголовок&lt;/h3&gt;</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:38:05 +0400 http://web4master.mybb.ru/viewtopic.php?pid=21#p21 http://web4master.mybb.ru/viewtopic.php?pid=20#p20 <p>Чтобы задать цвет фону в документе нужно прописать вот такой код:<br />&lt;body bgcolor=&quot;black&quot; text=&quot;yellow&quot; background=&quot;1.jpg&quot;&gt;<br />Параметр BGCOLOR поясняет что фон должен быть черным , а параметр TEXT показывает, что цвет текста будет желтым. А если вы захотите вставить на фон изображение, то вам поможет параметр BACKGROUND. Если вы используете BACKGROUND, то можно не использовать основной фон для документа, но рекомендуеться задать альтернативный цвет документа на тот случай, если пользователь отключил графику в браузере.<br />Цвета ссылок задаются в этом же тэге:<br />&lt;body link=&quot;black&quot; alink=&quot;yellow&quot; vlink=&quot;red&quot;&gt;<br />LINK - цвет ссылок во всем документе.<br />ALINK - цвет активных ссылок.<br />VLINK - цвет посещенных ссылок.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:37:31 +0400 http://web4master.mybb.ru/viewtopic.php?pid=20#p20 http://web4master.mybb.ru/viewtopic.php?pid=19#p19 <p>Чтобы создать таблицу в HTML нужно знать что :<br />Каждая таблица начинается и заканчивается тэгами &lt;TABLE&gt;&lt;/TABLE&gt;.<br />Каждая строка таблицы начинается тэгом &lt;TR&gt; и заканчивается &lt;/TR&gt;.<br />Каждая ячейка начинается и заканчивается тегами &lt;TD&gt;&lt;/TD&gt; или &lt;TH&gt;&lt;/TH&gt;.<br />Тэгами &lt;TH&gt;&lt;/TH&gt; в основном обрамляют ячейки заголовков таблицы, а тэгами &lt;TD&gt;&lt;/TD&gt; ячейки с данными.<br />Заголовок таблицы может содержаться в тэгах &lt;CAPTION&gt;&lt;/CAPTION&gt;.<br />У тэга &lt;TABLE&gt; имеются параметры: CELLSPACING - расстояние между рамками;<br />CELLPADDING - отступ между рамкой и данными: WIDTH - ширина; ALIGN- определяет горизонтальное положение таблицы.<br />Так же параметр ALIGN можно использовать почти во всех тэгах.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:37:09 +0400 http://web4master.mybb.ru/viewtopic.php?pid=19#p19 http://web4master.mybb.ru/viewtopic.php?pid=18#p18 <p>Способы начертания текста:<br />&lt;b&gt;&lt;/b&gt; - жирный<br />&lt;i&gt;&lt;/i&gt; - курсив<br />&lt;sup&gt;&lt;/sup&gt; - верхний индекс<br />&lt;sub&gt;&lt;/sub&gt; - нижний индекс</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:36:36 +0400 http://web4master.mybb.ru/viewtopic.php?pid=18#p18 http://web4master.mybb.ru/viewtopic.php?pid=17#p17 <p>Чтобы добавить форму на страницу нужно написать :<br />&lt;form&gt;<br />&lt;p&gt;Здесь будут элементы формы&lt;/p&gt;<br />&lt;/form&gt;</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:36:12 +0400 http://web4master.mybb.ru/viewtopic.php?pid=17#p17 http://web4master.mybb.ru/viewtopic.php?pid=16#p16 <p>Чтобы создать CHECKBOX нужно прописать вот такой код:<br />&lt;form&gt;<br />&lt;p&gt;&lt;input type=&quot;checkbox&quot; name=&quot;option1&quot; value=&quot;a1&quot; &gt; выбор1&lt;/p&gt;<br />&lt;p&gt;&lt;input type=&quot;checkbox&quot; name=&quot;option2&quot; value=&quot;a2&quot; &gt; выбор2&lt;/p&gt;<br />&lt;p&gt;&lt;input type=&quot;checkbox&quot; name=&quot;option3&quot; value=&quot;a3&quot; &gt; выбор3&lt;/p&gt;<br />&lt;/form&gt;</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:35:44 +0400 http://web4master.mybb.ru/viewtopic.php?pid=16#p16 http://web4master.mybb.ru/viewtopic.php?pid=15#p15 <p>Для создания фрейма используеться тэг &lt;FRAMESET&gt;.<br />&lt;frameset cols=&quot;50%,50%&quot;&gt;<br />&lt;frame src=&quot;test.html&quot;&gt;<br />&lt;frame src= &quot;test2.html&quot;&gt;<br />&lt;/frameset&gt;<br />Этот фрейм разделит вашу страничку на 2 равных столбца.Для того чтобы разделить на строки нужно заменить cols на rows . Или если вы хотите по другому сделать разделение страницы, то измените соотношение процентов , главное чтобы получилось в сумме 100%.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:35:24 +0400 http://web4master.mybb.ru/viewtopic.php?pid=15#p15 http://web4master.mybb.ru/viewtopic.php?pid=14#p14 <p>Для создания во фрейме рамки вам необходимо прописать параметры для нее. Например вот так:<br />&lt;frameset cols=&quot;50%,50%&quot; bordercolor=&quot;navy&quot; border=&quot;5&quot;&gt;<br />&lt;frame src=&quot;t.html&quot;&gt;<br />&lt;frame src=&quot;t2.html&quot;&gt;<br />&lt;/frameset&gt;<br />Тэг Bordercolor определяет вид вашей рамки, а тэг border ее толщину.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:34:59 +0400 http://web4master.mybb.ru/viewtopic.php?pid=14#p14 http://web4master.mybb.ru/viewtopic.php?pid=13#p13 <p>Для создания плавающих фреймов используют тэг &lt;IFRAME&gt;. Некоторые браузеры с помощью тега &lt;IFRAME&gt; позволяют использовать встраиваемые фреймы или, как они чаще называются, плавающие фреймы. Плавающий фрейм находится внутри обычного документа и разрешает вставлять на страницу любые другие независимые документы. В теге &lt;IFRAME&gt; поддерживаются те же параметры, что и в обычном фрейме.<br />Например :</p> <p>&lt;p&gt;&lt;iframe src=&quot;ban.html&quot; width=&quot;468&quot; height=&quot;60&quot;&gt;<br />&lt;/iframe&gt;&lt;/p&gt;</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:34:36 +0400 http://web4master.mybb.ru/viewtopic.php?pid=13#p13 http://web4master.mybb.ru/viewtopic.php?pid=12#p12 <p>Чтобы задать или отменить полосу прокрутку неоходимо прописать параметр SCROLLING с параметрами yes/no. Например &lt;frame src=&quot;y.html&quot; name=&quot;menu&quot; scrolling=&quot;yes&quot;&gt;.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:34:05 +0400 http://web4master.mybb.ru/viewtopic.php?pid=12#p12 http://web4master.mybb.ru/viewtopic.php?pid=11#p11 <p>Обычный HTML позволяет задавать цвет и размер текста с помощью тегов форматирования. Если понадобится изменить параметры однотипных элементов на сайте, придется просматривать все страницы, чтобы найти и поменять теги.<br />Каскадные таблицы стилей (Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:33:42 +0400 http://web4master.mybb.ru/viewtopic.php?pid=11#p11 http://web4master.mybb.ru/viewtopic.php?pid=10#p10 <p>Чтобы добавить CSS в HTML существует 3 способа.<br />1.&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;mysite.css&quot;&gt; - с помощью ссылки на ваш файл CSS.<br />2.&lt;style type=&quot;text/css&quot;&gt;<br />H1 { <br />font-size: 120%; /* Размер шрифта */<br />font-family: Verdana, Arial, Helvetica, sans-serif; /* Семейство шрифта */<br />color: #336; /* Цвет текста */<br />}<br />&lt;/style&gt;<br />С помощью таблицы глобальных стилей.(прописывается в самом документе HTML).<br />3.&lt;body&gt;<br />&lt;H1 style=&quot;font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #336&quot;&gt;Hello, world!&lt;/H1&gt;<br />&lt;/body&gt;<br />С помощью внутренних стилей.(прописывается в самом коде документа).</p> <p>Наиболее удобным является первый способ, хотя это на любителя.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:33:19 +0400 http://web4master.mybb.ru/viewtopic.php?pid=10#p10 http://web4master.mybb.ru/viewtopic.php?pid=9#p9 <p>font-family - задает список шрифтов.<br />font-style - задает стиль шрифта.<br />font- variant- задает капитель.особые начертания прописных букв.<br />font-weigth - задает &quot;вес шрифта&quot;.<br />Пример использования :<br />P {font-family: Arial; font-size: normal; font-variant: small-caps; font-weigth: bold}</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:32:50 +0400 http://web4master.mybb.ru/viewtopic.php?pid=9#p9 http://web4master.mybb.ru/viewtopic.php?pid=8#p8 <p>Чтобы сделать картинку или какой-либо объект более или менее прозрачным необходимо в айле CSS прописать вот такой код:<br />.img {opacity: 0.2}<br /> .img -название объекта к которому применяем прозрачность.<br /> opacity - прозрачность.<br /> 0.2 - коэффициент прозрачности.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:32:22 +0400 http://web4master.mybb.ru/viewtopic.php?pid=8#p8 http://web4master.mybb.ru/viewtopic.php?pid=7#p7 <p>В документе html создаем список :<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Пункт 1&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Пункт 2&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Пункт 3&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;&#160; - таким образом получаем простой маркированый список.<br />Теперь&#160; предстоит этот список отредактировать с помощью CSS.<br />Запишем в наш файл CSS вот такой код:<br />ul {<br />list-style:none;}</p> <p>li a {<br />color:#fff; -цвет активной части списка<br />text-decoration:none; - декорации текста<br />padding: 4px 7px; - отступ содержимого от рамки объекта<br />width:120px; - ширина объекта<br />background:#0076ba; - фон объекта<br />display:block; - содержимое типа блок<br />border:1px solid #fff; - граница объекта<br />font-weight:bold; - шрифт<br />}</p> <p>Мы задали сразу стили для всего списка и его элементов в случае, если они – ссылки.<br />Теперь добавим эффектов при наведении мыши на кнопку:</p> <p>li a:hover {<br />background:#d36800;<br />}</p> <p>Вот, и всё. Наше меню готово.<br />Дмаю принцип создания понятен. Изменяйте код и редактируйте по своему желанию!!Удачи!!!</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 15:31:51 +0400 http://web4master.mybb.ru/viewtopic.php?pid=7#p7 http://web4master.mybb.ru/viewtopic.php?pid=6#p6 <p>Обсуждение тем не касающихся главных тем форума.</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 13:11:11 +0400 http://web4master.mybb.ru/viewtopic.php?pid=6#p6 http://web4master.mybb.ru/viewtopic.php?pid=5#p5 <p>Все предложения , недочеты пишем сюда!</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 13:09:27 +0400 http://web4master.mybb.ru/viewtopic.php?pid=5#p5 http://web4master.mybb.ru/viewtopic.php?pid=4#p4 <p>Обсуждаем тут HTML</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 13:08:37 +0400 http://web4master.mybb.ru/viewtopic.php?pid=4#p4 http://web4master.mybb.ru/viewtopic.php?pid=3#p3 <p>Обсуждаем тут CSS</p> mybb@mybb.ru (de-montez) Tue, 17 Aug 2010 13:07:59 +0400 http://web4master.mybb.ru/viewtopic.php?pid=3#p3