Сегодня я хочу показать свое творение - Создание HTML шаблона online. При помощи JavaScript я узнаю у пользователя какой шаблон ему нужен и при нажатии кнопки генерирую его. В результате, на той же странице пользователь увидит сгенерированный шаблон HTML страницы.

Опубликовано в Js/jQuery

Хочу вам представить немного слов о HTML в понятной и забавной форме! В этой статье мы подготовим несколько самых важных ингредиентов для приготовления блюда HTML и создадим страничку домохозяйки.

Опубликовано в HTML/CSS

Для того, чтобы подключить css-файл к html-странице, нужно в элементе head страницы прописать путь к файлу со стилями.

Опубликовано в HTML/CSS

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

 

Опубликовано в Разработка сайта

Учимся верстать блоками! Цель: создать шаблон html страницы с тремя колонками (левой, правой, центральной) одинаковой высоты, с футером, прижатым книзу.

В этой статье я расскажу о том, с какими сложностями сталкивается верстальщик при создании html-страницы. Мы создадим только оболочку страницы(шаблон), не рассматривая ее внутренних элементов - логотип, меню, контент и т.д. Зато в дальнейшем вы сможете использовать этот шаблон как основу для написания любой html страницы. Понятно, что вид шаблона и его реализация зависит от конкретной задачи, от полученного макета. Здесь рассматривается html страница с тремя колонками, но если нужны только две, то придется немного изменить стили. Верстать будем блоками, в данном шаблоне страница имеет фиксированную высоту (1000px, позже узнаете почему именно так) и footer (подвал), прижатый к низу. 

 

Для прижатия футера страницы будем использовать вспомогательный элемент с классом wrapper, который будет объединять все блоки кроме подвала. Какие стили нужны для этого элемента, подробно будет описано ниже.  

Для создания иллюзии(почему это только иллюзия узнаете ниже) одинаковой высоты колонок шаблона html страницы, используем дополнительные блоки с абсолютным позиционированием. Именно они на демо окрашены в разные цвета.

Опубликовано в HTML/CSS

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов