Создание дизайна сайта с нуля. Урок 1

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

HTML, CSS, php , Ява-скрипт — чайникам читать обязательно!

Создание сайта. Таблица CSS

а так же на протяжении всех последующих уроков не бойтесь пользоваться справочником HTML и CSS , не оставляя в своих знаниях белых пятен.

Далее, я так же буду снабжать Вас ссылками для более полного понимания материала, так что не бойтесь — переходите по ссылкам и уточняйте детали.

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

Вот наш образец:

Создание дизайна сайта с нуля. Урок 1

А вот, что мы должны получить в конце:

Создание дизайна сайта с нуля. Урок 1

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

Всему этому Вы научитесь на наших уроках. Я предлагаю Вам повторять все мои действия и отслеживать результат на собственных примерах. Ссылки на выполненные работы Вы можете оставлять под каждым уроком в комментариях. Самый доступная площадка для наших занятый, это Ucoz. Если у Вас еще нет аккаунта в ucoz , создайте его. Создайте учебный сайт и в нем в шаблоне Главная страница пусть будет наш html код. А в таблице стилей наш CSS.

Это и будет Ваше домашнее задание на сегодня. Создать пустой сайт на Ucoz и ознакомится со статьями, которые я указала выше. 

Ну а завтра, начнем творить!!!

Создание дизайна сайта с нуля. Урок 2