Дизайн

Верстка, Дизайн — Комментарии (7)
11
04.2009

Верстаем дизайн для блога. Часть 1

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

В чем верстать выбор лично ваш, я предпочитаю NetBeans.

Для начала создадим 2 файла «index.html» и «style.css», а также папку «images» в ней мы будем хранить картинки для шаблона.

В файл «index.html» добавим следующий код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Дизайн блога</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="title" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>

<body>

</body>
</html>

Читать далее →

jQuery, Дизайн — Комментарии (4)
27
03.2009

10 полезных плагинов на jQuery

Это первая статья из серии публикаций, посвященных полезным плагинам на jQuery.

Модальные окна
Simple modal window

simple modal window

Читать далее →

Photoshop, Дизайн — Комментарии (0)
19
03.2009

Создание дизайна сайта от А до Я. Часть 4

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

С прошлого урока дизайн немного изменился. Все правки вы найдете в прилагающихся файлах проекта.

На данный момент мой вариант дизайна выглядит следующим образом:

template4

Читать далее →

Photoshop, Дизайн — Комментарии (1)
16
03.2009

Создание дизайна сайта от А до Я. Часть 3

На данный момент у нас готов фон и шапка будущего шаблона. Дабы не терять время зря сразу приступим к дизайну сайдбара.

Ширина сайдбара примерно 320px при ширине шаблона 1010px. Виджеты разделяются между собой с помощью заголовков:

sidebar

Читать далее →

Codeigniter, PHP, Дизайн, Фреймворки — Комментарии (4)
15
03.2009

Codeigniter: быстрый старт

codeigniter
Codeigniter – это PHP фреймворк от компании EllisLab. Благодаря подробной документации и большому сообществу, Codeigniter(CI) является наилучшим решением для тех, кто только начинает изучать фреймворки. На мой взгляд, CI один из самых удобных и простых в освоении фреймворков. Подробнее о плюсах и минусах этого фреймворка можно прочитать здесь.
В своей статье я покажу как установить и настроить CI.

Шаг 1: Загрузка CodeIgniter

Для начала работы, необходимо скачать сам Codeigniter, для этого переходим на официальный сайт: http://codeigniter.com/. Последняя версия на момент написания статьи: 1.7.1.

Читать далее →

Photoshop, Дизайн — Комментарии (0)
13
03.2009

Создание дизайна сайта от А до Я. Часть 2

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

Приступим.

Я не хочу рисовать громоздкую шапку, по этому она будет состоять из логотипа, горизонтального меню, оно же разделитель шапки от контента, иконки rss и формы поиска.

Первым чем мы займемся – это будет горизонтальное меню ака разделитель контента и шапки.

Снизу шапки рисуем горизонтальную полосу шириной примерно 25px. Вот, что доложно получится:

Горизонтальное меню

Читать далее →

Photoshop, Дизайн — Комментарии (3)
12
03.2009

Создание дизайна сайта от А до Я. Часть 1

Это первая часть из серии статей по созданию дизайна сайта, которые охватывает все от создания макета до верстки.

Программы:

Photoshop и любой редактор кода, для верстки.

В первой статье, мы рассмотрим создание макета дизайна, и фона нашего будущего дизайна блога. Первое чем мы займемся – это составим список требований:

  • Дизайн будет в светлых тонах.
  • Формат: шапка, контент, 1 сайдбар справа, футер.
  • Ширина от 1200px до 1000px. Остальное фон.
  • Сайдбар 1/3 всей ширины шаблона.
  • Шапка: лого, краткое описание, значок rss, строка поиска.
  • Футер: копирайты, место под счетчик.

Начнем.

Создаем новый файл Photoshop 1100x800 пикселей. Сам шаблон 1010px, остальное фон. Читать далее →

Следующие записи →