Обновляем дизайн сайта | Редизайн сайта на основе старой HTML-разметки.
Видеоуроки
- Редизайн сайта на основе старой HTML-разметки
дата: 21.04.2008 -
В чем заключается главное преимущество CSS-верстки? Более всего я ценю возможность постоянно работать над внешним оформлением сайта без утомительного переделывания HTML-кода.
Так часто бывает: содержание сайта актуальное и интересное, а его оформление оставляет желать лучшего. Если HTML-разметка сайта свободна от стилей и внешнее оформление задано с помощью CSS, соответственно мы можем менять дизайн сайта, изменяя правила в css-файле. Это творческая работа, которая развивает важные и нужные навыки в деле создания сайтов. Изменив на сервере css-файл, добавив новую графику, ваш сайт автоматически получает новое оформление.
На уроке будет переоформлена страница. Вся работа будет вестись только с CSS. В конечном итоге страница будет приведена к виду смотрите скриншот.
Зачастую веб-студии оценивают свои услуги по редизайну сайтов так же, как и по созданию сайтов с нуля. Заказчики по этому поводу недоумевают, хотя все понимают, что переделывать чужую работу сложнее.
Я же хочу показать, что даже самый простенький сайт можно изменить до неузнаваемости, сделать его ярче, эффектнее. Я за то, чтобы не отказываться от старых наработок. Легко напрочь отвергнуть какой-либо вариант, признав его неудачным. Сложнее сделать что-то новое на основе старого. В конце концов, свою работу переделывать все же интереснее.
В архиве к уроку есть папка с исходными файлами вариантов сайта — ими можно пользоваться в качестве обучающего материала.
Файл redesign_site.rar (107 мб). Длительность — 52 мин. 19 сек. Размеры ролика — 1024 х 768. Формат ролика .wmv. Просматривать можно в проигрывателях Windows Media, Media Player Classic. Не забывайте о полноэкранном режиме
- Как скачать
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта