Як зробити гумовий шаблон для html сайту при знанні css? Які мови ще потрібні для цього? Що в принципі потрібно для створення гумового шаблону?
Як зробити гумовий шаблон для html сайту при знанні css? Які мови ще потрібні для цього? Що в принципі потрібно для створення гумового шаблону?
Для гумової верстки досить добре знати HTML + CSS і базових знань JavaScript. Рекомендую подивитися і спробувати зрозуміти як працює twitter bootstrap.
Та все те ж саме потрібно, що і для створення звичайного сайту html. У файлі з розширенням html створюєте div блоки, привласнюєте їм id або class, щоб можна було до них якось звертатися і в файлі з розширенням .css пишете div.class {width: 100%;}. Решті ж блокам, які повинні мати ширину не на весь екран привласнюєте ширину в пікселях або у відсотках (тоді вони теж будуть гумовими).
Для того, щоб створити гумовий шаблон сайту, необхідно вказувати значення свойст в процентах.
Скажімо, для того, щоб зі зміною ширини вікна браузера, також змінювалася ширина елемента, потрібно в стилях застосувати до цього елементу властивість width з значенням в процентному вигляді.
Так це виглядає:
HTML:
lt; body>
lt; div class ="rubber"> Lt; / div>
lt; / body>
CSS:
div.rubber {
width: 100%;
}
Добавить комментарий