Веб разработка 101: Часть 3, Создание стилей (начало)


14.12.2011

Во второй части мы видели, как использовать WebMatrix для создания простой веб страницы, и как с этой страницей будут работать различные браузеры. В этой части вы увидите и научитесь, как изменять визуальный стиль вашей страницы, используя технологию под названием Cascading Style Sheets –CSS (Каскадные таблицы стилей).

Данная статья будет разбита на 2 половины!

Далее приведен список фильмов, который вы уже создавали на своей веб станице:

Веб разработка 101: Часть 3, Создание стилей (начало)

Подготавливаем свою страницу для внедрения элементов стиля, используя CSS

Далее вы узнаете немного больше HTML -тегов, которые предназначены для функционирования гиперссылок , разделения страницы и тегов сценария, а так же, как можно отредактировать страницу, используя CSS для установки стиля и свойств. Наконец, вы используете разметку, чтобы использовать контент, который будет свойственен этой странице и другим страницам на вашем веб-сайте, таким образом, станет понятно, как отредактировать общий контент более легким способом.

Использование разделителей

С помощью HTML вы можете логически поделить вашу станицу на отдельные блоки с помощью тега <div>. Это пригодиться, когда вы позже походу этой статьи начнете просматривать часть про стиль страницы и, когда вы будите определять стили для отдельных частей страницы.

Итак, для начала код HTML вышей страницы из первой части:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>My Favorite Movies</title>

</head>

<body>

<h1>A list of my Favorite Movies</h1>

<ol>

<li>It's a wonderful life</li>

<li>Lord of the Rings</li>

<li>The Fourth World</li>

<li>The Lion King</li>

</ol>

</body>

</html>

Первое, что нужно сделать, это заключить список, содержащий фильмы в тег <div>, как показано здесь:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>My Favorite Movies</title>

</head>

<body>

<h1>A list of my Favorite Movies</h1>

<div id="movieslist">

<ol>

<li>It's a wonderful life</li>

<li>Lord of the Rings</li>

<li>The Fourth World</li>

<li>The Lion King</li>

</ol>

</div>

</body>

</html>

Теперь вы видите, что список <ol><li>, содержащий фильмы, содержится внутри тега <div>. Если вы теперь просмотрите страницу, то никакого отличая не будет. Это потому, что тег <div> является логическим делителем, и у него нет никакого физического проявления.

Использование гиперссылок

Вероятно, вы уже знакомы с гиперссылками, активизируемыми по щелчку по ним, которые связывают вас с другой страницей. «Гиперссылки» в HTML первоначально называли связками, и всегда, когда вы хотите их создать, необходимо использовать тег <a>.

В теги <a> </a> (теги привязки привязка) заключается контент, что делает его кликабельным. Когда пользователь нажимает на этот контент (гиперссылку), браузер перенаправляет его по адресу, указанному в качестве значения атрибута HREF. Атрибут href заключается внутри тега <a></a>.

Атрибут определен на теге непосредственно, в пределах тега, как здесь:

<tag attribute=”attributevalue”>content</tag>

Таким образом, чтобы создать гиперссылку, вы можете использовать следующий синтаксис:

<a href=”http://www.microsoft.com”>Click Here</a>

Href не обязательно должен ссылаться на веб-сайт, как описано выше, он может также быть функцией JavaScript, выполняющей действия предусматриваемые программистом. Существует специальный href, который может использоваться в качестве метки во время написания кода для того, чтобы было можно увидеть, как работает стиль гиперссылок. Чтобы сделать это, используйте символ "#" в href.

Чтобы сделать все элементы <li>, содержащие гиперссылки, ссылающиеся на фильмы, мы просто заключаем текст с названием фильма в тег <a> и устанавливаем атрибуту HREF значение #, как показано здесь:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>My Favorite Movies</title>

</head>

<body>

<h1>A list of my Favorite Movies</h1>

<div id="movieslist">

<ol>

<li><a href="#">It's a wonderful life</a></li>

<li><a href="#">Lord of the Rings</a></li>

<li><a href="#">The Fourth World</a></li>

<li><a href="#">The Lion King</a></li>

</ol>

</div>

</html>

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

Веб разработка 101: Часть 3, Создание стилей (начало)

Добавление заголовка и нижнего колонтитула

Следующая вещь, что мы сделаем – это добавим заголовок и нижний колонтитул к странице. Сделаем это с помощью новых тегов <header> и <footer>, доступных в HTML5. Более подробную информацию о HTML5 можно узнать на w3cschools сайте: http://w3schools.com/html5/default.asp

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" />

<title>My Favorite Movies</title></head>

<body> <header> <h1>A list of my Favorite Movies</h1>

</header> <div id="movieslist">

<ol> <li><a href="#">It's a wonderful life</a></li> <li><a href="#">Lord of the Rings</a></li>

<li><a href="#">The Fourth World</a></li> <li><a href="#">The Lion King</a></li>

</ol> </div> <footer> This site was built using Microsoft WebMatrix.

<a href="http://web.ms/webmatrix">Download it now.</a> </footer></html>

Как видите, это приятное дополнение HTML.

Для создания заголовка мы всего лишь переносим <h1>, который создали ранее в теге <header>. Для нижнего колонтитула мы создаем небольшой текст и гиперссылку.

Веб разработка 101: Часть 3, Создание стилей (начало)

Когда Вы посмотрите на страницу в браузере, она будет выглядеть примерно так:

Кроме нижнего колонтитула отличий не много, они скоро появятся!

Определение стиля страницы

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

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

Так, например если вы помните <h1>, который мы поместили на странице, содержащий ‘A list of my Favorite Movies’, вы могли изменить его шрифт и поменять цвет как показано здесь:

<h1 style="color:blue; font-size:32; text-decoration:underline">A list of my Favorite Movies</h1>

Как можно заметить, атрибут стиля тег <h1> содержит список определений для стиля. Таким образом, вышеупомянутая разметка выбрала синий цвет, размер шрифта 32, шрифт Verdana и нижнее подчеркивание, сформировался итоговый результат:

Веб разработка 101: Часть 3, Создание стилей (начало)

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

К счастью, существует другой способ, который мы рассмотрим во второй половине данного материала, чтобы не перегружать читателя.
14 декабря 2011
Задойный А.В.

university of dayton logo on Emmar Hoades

Веб разработка 101: Часть 3, Создание стилей (начало)

<p style="text-align: justify; ">Во <a href="/information/veb_razrabotka_101_chast_2_sozdanie_svoey_pervoy_veb_stranitsy/" >второй части</a> мы видели, как использовать WebMatrix для создания простой веб страницы, и как с этой страницей будут работать различные браузеры. В этой части вы увидите и научитесь, как изменять визуальный стиль вашей страницы, используя технологию под названием Cascading Style Sheets –CSS (Каскадные таблицы стилей).</p> <p style="text-align: center; "><font color="#ee1d24"><i>Данная статья будет разбита на 2 половины!</i></font></p> <p>Далее приведен список фильмов, который вы уже создавали на своей веб станице:</p> <p><img src="/upload/medialibrary/267/267f77c101d534b72f820a49c7a0414c.PNG" title="Веб разработка 101: Часть 3, Создание стилей (начало)" border="0" alt="Веб разработка 101: Часть 3, Создание стилей (начало)" width="1024" height="499" /></p> <p style="text-align: justify; ">Подготавливаем свою страницу для внедрения элементов стиля, используя CSS</p> <p style="text-align: justify; ">Далее вы узнаете немного больше HTML -тегов, которые предназначены для функционирования гиперссылок , разделения страницы и тегов сценария, а так же, как можно отредактировать страницу, используя CSS для установки стиля и свойств. Наконец, вы используете разметку, чтобы использовать контент, который будет свойственен этой странице и другим страницам на вашем веб-сайте, таким образом, станет понятно, как отредактировать общий контент более легким способом.</p> <p style="text-align: justify; ">Использование разделителей</p> <p style="text-align: justify; ">С помощью HTML вы можете логически поделить вашу станицу на отдельные блоки с помощью тега &lt;div&gt;. Это пригодиться, когда вы позже походу этой статьи начнете просматривать часть про стиль страницы и, когда вы будите определять стили для отдельных частей страницы.</p> <p style="text-align: justify; ">Итак, для начала код HTML вышей страницы из первой части: </p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;!DOCTYPE html&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;html lang=&quot;en&quot;&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;head&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;meta charset=&quot;utf-8&quot; /&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;title&gt;My Favorite Movies&lt;/title&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/head&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;body&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;h1&gt;A list of my Favorite Movies&lt;/h1&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;ol&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;It's a wonderful life&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;Lord of the Rings&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;The Fourth World&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;The Lion King&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/ol&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/body&gt;</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;/html&gt;</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">Первое, что нужно сделать, это заключить список, содержащий фильмы в тег &lt;div&gt;, как показано здесь:</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;!DOCTYPE html&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;html lang=&quot;en&quot;&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;head&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;meta charset=&quot;utf-8&quot; /&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;title&gt;My Favorite Movies&lt;/title&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/head&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;body&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;h1&gt;A list of my Favorite Movies&lt;/h1&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;div id=&quot;movieslist&quot;&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;ol&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;It's a wonderful life&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;Lord of the Rings&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;The Fourth World&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;The Lion King&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/ol&gt;</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/div&gt;</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/body&gt;</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;/html&gt;</span></p> <p style="text-align: justify; ">Теперь вы видите, что список &lt;ol&gt;&lt;li&gt;, содержащий фильмы, содержится внутри тега &lt;div&gt;. Если вы теперь просмотрите страницу, то никакого отличая не будет. Это потому, что тег &lt;div&gt; является логическим делителем, и у него нет никакого физического проявления.</p> <p style="text-align: justify; ">Использование гиперссылок</p> <p style="text-align: justify; ">Вероятно, вы уже знакомы с гиперссылками, активизируемыми по щелчку по ним, которые связывают вас с другой страницей. «Гиперссылки» в HTML первоначально называли связками, и всегда, когда вы хотите их создать, необходимо использовать тег &lt;a&gt;.</p> <p> </p> <p> </p> <p style="text-align: justify; ">В теги &lt;a&gt; &lt;/a&gt; (теги привязки привязка) заключается контент, что делает его кликабельным. Когда пользователь нажимает на этот контент (гиперссылку), браузер перенаправляет его по адресу, указанному в качестве значения атрибута HREF. Атрибут href заключается внутри тега &lt;a&gt;&lt;/a&gt;.</p> <p style="text-align: justify; ">Атрибут определен на теге непосредственно, в пределах тега, как здесь:</p> <p><span style="background-color: rgb(225, 225, 225); ">&lt;tag attribute=”attributevalue”&gt;content&lt;/tag&gt; </span></p> <p style="text-align: justify; ">Таким образом, чтобы создать гиперссылку, вы можете использовать следующий синтаксис:</p> <p><span style="background-color: rgb(225, 225, 225); ">&lt;a href=”http://www.microsoft.com”&gt;Click Here&lt;/a&gt; </span></p> <p style="text-align: justify; ">Href не обязательно должен ссылаться на веб-сайт, как описано выше, он может также быть функцией JavaScript, выполняющей действия предусматриваемые программистом. Существует специальный href, который может использоваться в качестве метки во время написания кода для того, чтобы было можно увидеть, как работает стиль гиперссылок. Чтобы сделать это, используйте символ &quot;#&quot; в href.</p> <p style="text-align: justify; ">Чтобы сделать все элементы &lt;li&gt;, содержащие гиперссылки, ссылающиеся на фильмы, мы просто заключаем текст с названием фильма в тег &lt;a&gt; и устанавливаем атрибуту HREF значение #, как показано здесь:</p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;!DOCTYPE html&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;html lang=&quot;en&quot;&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;head&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;meta charset=&quot;utf-8&quot; /&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;title&gt;My Favorite Movies&lt;/title&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;/head&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;body&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;h1&gt;A list of my Favorite Movies&lt;/h1&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;div id=&quot;movieslist&quot;&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;ol&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;&lt;a href=&quot;#&quot;&gt;It's a wonderful life&lt;/a&gt;&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Lord of the Rings&lt;/a&gt;&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;&lt;a href=&quot;#&quot;&gt;The Fourth World&lt;/a&gt;&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;li&gt;&lt;a href=&quot;#&quot;&gt;The Lion King&lt;/a&gt;&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/ol&gt;</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); "> &lt;/div&gt;</span></p> <p style="text-align: justify; "><span style="background-color: rgb(225, 225, 225); ">&lt;/html&gt;</span></p> <p style="text-align: justify; ">Если вы запустите страницу, то увидите, что элементы в вашем списке будут использовать знакомый стиль для гиперссылок, а именно: синее подчеркивание</p> <p><img src="/upload/medialibrary/b02/b02c74bd369ad879862d55e3382ce5ef.PNG" title="Веб разработка 101: Часть 3, Создание стилей (начало)" border="0" alt="Веб разработка 101: Часть 3, Создание стилей (начало)" width="966" height="532" /></p> <p>Добавление заголовка и нижнего колонтитула</p> <p style="text-align: justify; ">Следующая вещь, что мы сделаем – это добавим заголовок и нижний колонтитул к странице. Сделаем это с помощью новых тегов &lt;header&gt; и &lt;footer&gt;, доступных в HTML5. Более подробную информацию о HTML5 можно узнать на <u>w3</u><u>cschools сайте: </u><noindex><a href="http://w3schools.com/html5/default.asp" rel="nofollow" ><u>http://</u><u>w3</u><u>schools.</u><u>com/</u><u>html5/</u><u>default.</u><u>asp </u></a></noindex></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); ">&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt; &lt;meta charset=&quot;utf-8&quot; /&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); "> &lt;title&gt;My Favorite Movies&lt;/title&gt;&lt;/head&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); ">&lt;body&gt; &lt;header&gt; &lt;h1&gt;A list of my Favorite Movies&lt;/h1&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); "> &lt;/header&gt; &lt;div id=&quot;movieslist&quot;&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); "> &lt;ol&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;It's a wonderful life&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Lord of the Rings&lt;/a&gt;&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); "> &lt;li&gt;&lt;a href=&quot;#&quot;&gt;The Fourth World&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;The Lion King&lt;/a&gt;&lt;/li&gt; </span></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); "> &lt;/ol&gt; &lt;/div&gt; &lt;footer&gt; This site was built using Microsoft WebMatrix. </span></p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); "> &lt;a href=&quot;http://web.ms/webmatrix&quot;&gt;Download it now.&lt;/a&gt; &lt;/footer&gt;&lt;/html&gt; </span></p> <p>Как видите, это приятное дополнение HTML.</p> <p style="text-align: justify; ">Для создания заголовка мы всего лишь переносим &lt;h1&gt;, который создали ранее в теге &lt;header&gt;. Для нижнего колонтитула мы создаем небольшой текст и гиперссылку.</p> <p><img src="/upload/medialibrary/b25/b25fe6a267384281803e27d39667264c.PNG" title="Веб разработка 101: Часть 3, Создание стилей (начало)" border="0" alt="Веб разработка 101: Часть 3, Создание стилей (начало)" width="966" height="532" /></p> <p style="text-align: justify; ">Когда Вы посмотрите на страницу в браузере, она будет выглядеть примерно так:</p> <p style="text-align: justify; ">Кроме нижнего колонтитула отличий не много, они скоро появятся!</p> <p style="text-align: justify; ">Определение стиля страницы</p> <p style="text-align: justify; ">В предыдущем разделе, при рассмотрении тегов привязки, вы узнали о таких атрибутах, которые описывают поведение элемента. В теге привязки вы определяете поведение т.е., что произойдет после нажатия, определяя атрибут HREF.</p> <p style="text-align: justify; ">Вы можете использовать атрибуты, чтобы определить, как будет выглядеть элемент, включая его стиль шрифта, размер шрифта, цвет, границу и многое другое.</p> <p style="text-align: justify; ">Так, например если вы помните &lt;h1&gt;, который мы поместили на странице, содержащий ‘A list of my Favorite Movies’, вы могли изменить его шрифт и поменять цвет как показано здесь:</p> <p style="text-align: justify; "><span style="background-color: rgb(215, 215, 215); ">&lt;h1 style=&quot;color:blue; font-size:32; text-decoration:underline&quot;&gt;A list of my Favorite Movies&lt;/h1&gt; </span></p> <p style="text-align: justify; ">Как можно заметить, атрибут стиля тег &lt;h1&gt; содержит список определений для стиля. Таким образом, вышеупомянутая разметка выбрала синий цвет, размер шрифта 32, шрифт Verdana и нижнее подчеркивание, сформировался итоговый результат:</p> <p><img src="/upload/medialibrary/55a/55a7be33c297500438c4a7f9ae9b9526.PNG" title="Веб разработка 101: Часть 3, Создание стилей (начало)" border="0" alt="Веб разработка 101: Часть 3, Создание стилей (начало)" width="966" height="532" /></p> <p style="text-align: justify; ">Хотя это и работает хорошо, но не является лучшим способом создания стилей на странице. Представьте, чтобы было, если бы каждый элемент пришлось разрабатывать таким образом. Вы закончили бы работу с большим количеством текста на вашей странице, замедляя загрузку страницы и замедляя браузер.</p> <div style="text-align: justify; ">К счастью, существует другой способ, который мы рассмотрим во <a href="/information/veb_razrabotka_101_chast_3_sozdanie_stiley_okonchanie/" >второй половине данного материала</a>, чтобы не перегружать читателя.</div> <div style="text-align: right; ">14 декабря 2011</div> <div style="text-align: right; ">Задойный А.В.</div>

Возврат к списку

Яндекс.Метрика