Помните, я писал о своем намерении создать свою коллекцию саундтреков в Интернете? Хотя тот пост был написан давно, больше месяца назад, я вовсе не забыл об этом! Я просто ленился. С тех пор мои планы немного поменялись. Я понял, что одной странички на моем личном сайте для коллекции не хватит и решил создать отдельный сайтик. При этом для меня стало огорчением то, что создание сайтов в HTML редакторе на Яндекс.Народе закрыто. Я абсолютно не знаю, какие существуют хорошие бесплатные хостинги. Ну ладно, над этим подумаю потом, ведь сайт у меня написан еще не полностью.

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


Так как мне лень возиться с версткой, я скачал готовый шаблон. Но все равно пришлось его переписывать. Собственно говоря, между хедером и футером все на 90% написано мной. Футер на скрин не влез, но там все равно ничего интересного - пара ссылок и копирайт.

  • Особенно в этом шаблоне меня раздражало меню в сайдбаре - при наведении текст становился жирным и меню раздвигалось, ужас короче. Так что его я полностью переписал. 
  • Очень удивило: не так-то легко было найти способ установки картинки всегда по центру div'a. Еле-еле нашел на каком-то форуме. 
  • "Оригинальный саундтрек", "Треклист" и "Описание" сделаны с помощью дико построенных таблиц. Да, мне стыдно, но с помощью блоков для меня это было бы дольше.

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

Конечно, это еще не все. Надо будет сверстать страницы "Contact" и "OSTs", которые отличаются от данной. Надо наполнить все страницы содержанием, то есть написать описания для сандтреков, треклисты и т.д. Из мелких изменений - поменять фон (этот серый ужасен), вставить каких-нибудь счетчиков и баннеров для заполнения пустого места под сайдбаром. Возможно, сменить картинку в шапке, эту я сделал в Фотошопе за две секунды. Ну и подыскать хостинг.

Кидайте тапками ^_^

Поиск