Веб-дизайн Блога 

  • 4
  • 3
  • Опубликовано: 2017-05-27
Сделал веб-дизайн этой страницы во время своей очередной плановой тренировки по ранее освоенным обучающим видео-курсам. НО!!!
Хочу особо отметить, что идею дизайна взял из материалов курса, а вот рисовал в фотошоп всё-таки по-своему, т.к. всё можно было сделать (и я сделал) гораздо проще, чем это показано в курсе.
КРОМЕ ТОГО!!!
Вёрстку, которая была в уроках курса ПЕРЕДЕЛАЛ практически ПОЛНОСТЬЮ! Та вёрстка (в уроках) была абсолютно "кривая".
Во-первых, страница "обрезалась" браузерами, и приходилось уменьшать видимость в 3 раза, чтобы увидеть всю шапку блога полностью.
Во-вторых, стоило мне добавить от себя некоторые элементы дизайна (баннер) в правую часть страницы, как весь дизайн "посыпался". Не знаю, почему автор вёрстки показал такую, Но... ... ...
Исправил этот недостаток!
Подробнее можно почитать на странице самого блога. А кроме того можно испытать блок заказа, который я программировал самостоятельно. Шуточный, конечно, но действующий. :)
Веб-дизайн Блога

Работа понравилась 3 пользователям:

оставить комментарий могут только авторизованные пользователи

Комментарии к работе:

КомментарийАвторДата
Красиво, нарядно!
29.05.17
Согласна. Действительно молодец!
28.05.17
Красиво! И всё работает. Молодец!
27.05.17
Другие работы автора:

Тернарные операторы Успел к Новому Году закончить, и загрузить на свой сайт ещё один интересный (для тех, кто изучает JavaScript) раздел. Там показываю, и подробно объясняю, как работать с тернарными операторами. Даю алгоритмы кода для создания подобных страниц. Конечно…

Сайт-визитка

Сайт-визитка Сделал такой сайт во время одной из плановых тренировок по использованию таблицы стилей CSS

Дизайн лендинга

Дизайн лендинга Кое-что: книга, например, была сделана в фотошоп. Светлые лучи взял из исходника, и доработал в фотошоп. Перепрограммировал из исходника, сделанного в Adobe Muse, в обычный HTML+CSS. Выбросил из 10-ти кодов 9(!), и добавил 2 действительно нужных. П…

Сайт-визитка "Личная страничка"

Сайт-визитка "Личная страничка" Сделал такую страничку для своего сайта, как аналог главной страницы. Для её создания использовал: Фотошоп и JavaScript + jQuery

Адаптивная вёрстка

Адаптивная вёрстка Сейчас многие заходят в интернет с мобильных устройств: смартфонов, планшетов, и т.д.. Нашёл в интернете интересный, бесплатный мини-курс адаптивной вёрстки сайтов. Изучил его тщательно, а после тренировок добавил к своему основному сайту ещё один р…

Интернет-магазин

Интернет-магазин Пример изменения шаблонов HTML+CSS сайтов. Работал над ним, закрепляя полученные навыки в использовании HTML и таблицы стилей CSS. Выбрал для этого один из имеющихся у меня шаблонов интернет-магазинов. Провёл кое-какие изменения в структуре сайта, …

Сайт-визитка

Сайт-визитка Сайт-визитка. Делался при тренировках по изученным курсам веб-дизайна. Заменял рисунки, менял структуру, и т.д.. Исправную работу сайта можно проверить по приложенной ссылке.

Компания IT-услуг

Компания IT-услуг Добавил в своё портфолио (на своём сайте) одну интересную работу, сделанную во время одной из моих ежегодных тренировок по ранее изученным веб-технологиям. Чем интересную? А тем, что я "выцарапал" её исходный код из одного зарубежного сай…