Как сделать резиновый шаблон для html сайта при знании css? Какие языки ещё требуются для этого? Что в принципе нужно для создания резинового шаблона?
Как сделать резиновый шаблон для html сайта при знании css? Какие языки ещё требуются для этого? Что в принципе нужно для создания резинового шаблона?
Для резиновой верстки достаточно хорошо знать HTML+CSS и базовых знаний JavaScript. Рекомендую посмотреть и попытаться понять как работает twitter bootstrap.
Да все то же самое требуется, что и для создания обычного сайта html. В файле с расширением html создаете div блоки, присваиваете им id или class, чтобы можно было к ним как-то обращаться и в файле с расширением .css пишете div.class {width:100%;}. Остальным же блокам, которые должны иметь ширину не на весь экран присваиваете ширину в пикселях или в процентах (тогда они тоже будут резиновыми).
Для того, чтобы создать резиновый шаблон сайта, необходимо указывать значения свойст в процентах.
Скажем, для того, чтобы с изменением ширины окна браузера, также менялась ширина элемента, нужно в стилях применить к этому элементу свойство width с значением в процентном виде.
Так это выглядит:
HTML:
CSS:
div.rubber {
width:100%;
}
Добавить комментарий