Веб-графика. 2 Лекция. Ссылки

11.11.2009

Список сайтов, рассмотренных на второй лекции.

Как сделать такой список?

В Apple Safari:

  • Открыть нужные страницы в одном окне браузера
  • Главное меню Закладки > Добавить закладку для этих вкладок
  • Главное меню Файл > Импорт закладок…
  • Открываем полученный html-файл и выбираем нужный кусок

В Mozilla Firefox

  • Открыть нужные страницы в одном окне браузера
  • Главное меню Закладки > Добавить все вкладки в закладки
  • Главное меню Закладки > Управление закладками
  • Найти кнопку, в раскрывающемся меню которой будут «Экспорт в HTML…» (так на Mac OS, на Windows вроде есть более простой экспорт)
  • Открываем полученный html-файл и выбираем нужный кусок

Кстати, такое ощущение, что Safari делает вот так 

<dl>
 <p>
  <dt>
  …
 </p>
</dl>

Собственно список

Автор: h4 Рубрики: Второе высшее, Образование, Ссылочная масса
Нет комментариев »

Не Лебедевым единым

19.06.2009

Приём очередного курсового. Очередное портфолио начинающего дизайнера. Очередное смешение стилей, громоздкость… Да и вообще, ощущение, что оказался в 2000 году. Фрагмент диалога:

— Ну почему же вы не посмотрели на портфолио других дизайнеров?

— Каких? Лебедева?

И вот тут мне стало в очередной раз очень грустно. Артемий Андреевич Лебедев всё-таки сейчас уже не дизайнер в бытовом понимании этого слова, а руководитель и арт-директор Студии, и, как уже сказано в заголовке, «не Лебедевым единым». В России есть множество других замечательных веб-дизайнеров и дизайн-студий.

Где же найти этих замечательных дизайнеров и их сайты? В интернете, конечно.

Есть достаточно большое количество рейтингов и списков «самых лучших». Конечно, далеко не всегда эти рейтинги беспристрастны и объективны, но можно быть абсолютно уверенным, что в них попали действительно лучшие.

Смотрите. Оценивайте. Учитесь на хороших примерах. Ищите чужие ошибки не допускайте их. Это так просто — делать хорошо своё дело, и потом не стыдно.

Автор: h4 Рубрики: Второе высшее, Ссылочная масса
Комментарии (6) »

Материалы к лекции #4 по курсу «Разработка веб-узлов»

16.01.2009

Курс «Разработка веб-узлов» состоит их 4-х лекционных и семи практических занятий. Итоговой работой по курсу является практическое задание, выполняемое студентами дома самостоятельно. Суть задания: сверстать html-макет страницы на основе графического макета. Макет представляет собой многослойный файл в формате .psd. Студентам необходимо самостоятельно осуществить нарезку макета, сделать html-разметку и создать стилевые описания. Итоговый html-макет должен максимально одинаково отображаться в основных браузерах ОС windows, не иметь ошибок валидации, отвечать минимальным требованиям семантической вёрстки.

Текстовые редакторы и IDE

  • Notepad ++ — маленький и быстрый, но между тем ужасно фунциональный текстовый редактор. Идеален для быстрой правки файлов.
  • PSPad — аналог Notepad++. Честно говоря, лично не пользовался, поэтому ничего сказать не могу;
  • Bred3 — ещё один маленький и шустрый текстовый редактор. Проще чем Notepad++, но требует некоторой предварительной настройки;
  • Aptana Studio — кроссплатформенная IDE (Integrateds Development Enviroment) на базе платформы Eclipse. Несколько тяжеловата, имеет возможность просмотра страницы разными движками браузеров непосредственно внутри IDE. Недостаток — отсутствие нормальной поддержки назначения горячих клавиш;
  • Komodo Edit — бесплатный редактор, поддерживающий автодополнение и написание сниппетов.
  • Microsft Expression Web —новая среда разработки от Microsoft. Пока что приглядываемся к ней.

Тестирование в различных браузерах

Статистика по браузерам Рунета

Автор: h4 Рубрики: Второе высшее, Новости, Ссылочная масса
Комментарии (7) »

Материалы к лекции #3 по курсу «Веб-графика»

26.11.2008

Список ссылок на сайты, рассмотренные на третьей лекции по курсу «Веб-графика». Тема лекции: «Создание макета сайта: стили и направления дизайна, элементы интерфейса, правила хорошего тона в создании psd-макета».

Читать полностью »

Автор: h4 Рубрики: Второе высшее, Ссылочная масса
Комментарии (2) »

Знай и люби свой браузер. И чужой тоже

13.11.2008

Сначала была собака. И были электронные письма, и конференции и много ещё всего интересного было. Потом пришёл World Wide Web. Но был тот веб совсем не широкий. Со временем появились картинки и сложились они в Мозаику. Дальше началось сейчас.

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

Совершенно неожиданно Apple Developer Connection оказался крайне аскетичен и даже сташноват относительно прочих ресурсов.

NB: по-возможности я указал ссылки на локализованные (русские) разделы, однако, как правило, там находится малая часть от айсберга, а на сайте Mozilla ещё и ссылки тоже переведены на русский и как результата — битые через одну. Поэтому лучше всё искать на базовых сайтах.

Автор: h4 Рубрики: Ссылочная масса, Техники и технологии
Нет комментариев »
« Раньше