Рейтинг
+7.48

HTML, верстка, кодинг, CSS

Как правильно верстать сайты и прикручивать всякие фишки

Всегда ли нужна «резиновая» верстка?

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

На написание этого текста меня натолкнули постоянные споры, возникающие за время моей практики как веб-дизайнера. Собственно, первый раз мне пришлось столкнуться с «резиновыми сайтами» благодаря прихоти заказчика. Когда дизайн проекта был полностью готов, а сам сайт сверстан и подключен, заказчик спросил: «А почему он не растягивается?». Было это достаточно давно, но этот вопрос я слышу примерно раз в 4-5 месяцев. О «резиновой» верстке сайтов говорили и писали много. Говорили что она обязательна, и наоборот, что использование ее ошибка. Однозначно, были причины возникновения резиновости. И утверждать, что использование этой технологии на 99% ошибочно, однозначно нельзя. Любую технологию нужно применить, если она нужна. Я хочу очертить примерную границу применения резиновой верстки.


Читать дальше →

Кроссбраузерная одноцветная полупрозрачность

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


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

Читать дальше →

Список полезных инструментов для CSS разработчика

HTML, верстка, кодинг, CSS /
Это не попытка создать список всех существующих инструментов для CSS разработки. Только некоторые, наиболее полезные были отобраны и размещены в соответствующих категориях.


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

Читать дальше →

Что такое сайт на HTML?

HTML, верстка, кодинг, CSS /
Cайт на html — Это страничка, собранная при помощи кода. И в этом коде каждый тег(значек, символ) отвечает за расположение и назначение всего, что вы видите на сайте. Если вы видите на сайте картинку, то значит в коде прописано, что такая то картинка, такого то размера находится в верхней части экрана, либо в любой другой части. Когда вы видите верхнюю часть сайта — шапку, то вы видите картинку и название сайта, но чтобы оно так выглядело нужно было написать примерно такой код:
<span class="doctype"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></span>
<span class="tag"><<span class="keyword">html</span>></span>
 <span class="tag"><<span class="keyword">head</span>></span>
  <span class="tag"><<span class="keyword">meta</span><span class="attribute"> http-equiv=<span class="value">"Content-Type"</span></span><span class="attribute"> content=<span class="value">"text/html; charset=windows-1251"</span></span>></span>

  <span class="tag"><<span class="keyword">title</span>></span>SSI<span class="tag"></<span class="keyword">title</span>></span>
 <span class="tag"></<span class="keyword">head</span>></span>
 <span class="tag"><<span class="keyword">body</span>></span>
  <span class="comment"><!--#include virtual="/inc/header.html"--></span>
  <span class="tag"><<span class="keyword">p</span>></span>Содержание текущей веб-страницы<span class="tag"></<span class="keyword">p</span>></span>

  <span class="comment"><!--#include virtual="/inc/footer.html"--></span>
 <span class="tag"></<span class="keyword">body</span>></span>
<span class="tag"></<span class="keyword">html</span>></span>


А эти термины
Читать дальше →

Создание 3-х колоночного шаблона для Вордпресс (Wordpress)

HTML, верстка, кодинг, CSS /
Книга о создании 3-х колоночного шаблона для Вордпресс — от начального рисунка и до последнего винтика. Скачать вы ее можете так же совершенно бесплатно. Книга в формате PDF.
В ZIP-архиве (895 Кб) вместе с ней лежит полностью готовый шаблон для Wordpress. скачать www.websovet.com/any/3colbook.zip

“Блочная верстка веб-сайта”

HTML, верстка, кодинг, CSS /
На примере постройки простейшего сайта, данная книга последовательно раскрывает и объясняет такие понятия современного вебмастеринга, как: блочная верстка, DIV, id, class, html, css и пр.

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

Книга рассчитана на начальный уровень, то есть, практически “с нуля”. Но это вовсе не означает, что в книге будет много воды и скучных и длинных толкований о языке разметки html. Текст написан в очень простой и доступной форме, и позволяет сразу начать творить свой собственный сайт.

Скачать книгу “Блочная верстка веб-сайта” www.websovet.com/any/blockverstka.zip