| ← Ноябрь 2004 → | ||||||
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
|---|---|---|---|---|---|---|
|
8
|
9
|
11
|
12
|
13
|
14
|
|
|
15
|
17
|
18
|
19
|
20
|
21
|
|
|
22
|
23
|
24
|
26
|
27
|
28
|
|
|
29
|
30
|
|||||
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://design.i2r.ru
Открыта:
24-10-2001
Адрес
автора: inet.webbuild.libraryi2r-owner@subscribe.ru
Статистика
0 за неделю
Библиотека Вебстроительства - новости, статьи, обзоры
| Информационный Канал Subscribe.Ru |
 Библиотека i2r.ru - новости сайтостроительстваДоброго Вам времени суток, уважаемые подписчики! | |||
| |||
| |||
|
Будущая ученица имеет опыт работы с компьютером и Интернет, свободно владеет английским - что облегчает в какой-то степени процесс обучения, однако рекомендациям типа "купить книги по дизайну, графике, инструментам" дама следовать не захотела, подавай живое общение - с примерами и тестами. С чего начинался мой опыт? С четвертого Adobe PhotoShop и CorelDraw, с 32Mb оперативной памяти, с рекламы и полиграфии, впрочем, как и у многих в тех уже далеких *95-96 годах. Визитки, рекламные буклеты, обложки на кассеты, позже - на компакт-диски, далее - скины и интерфейсы для локальных программ, иконки и 16-цветные кнопочки - волшебный простор для фантазии. Заказ на первый сайт. Мой первый сайт представлял собой копию буклета небольшой фирмы, которая занималась продажей специальных добавок для автомобильных масел, и разделов (и страниц) было мало - кроме главной - страница "о компании", "о продукции", "наши цены" и "как к нам добраться". Содержание и оформление, фирменные цвета и логотип полностью копировались с буклета, поэтому не было проблем ни с определением модульной сетки, ни с выбором цветовой гаммы, и при условии, что с графикой я работала давно и вполне успешно, единственная задача, которая стояла передо мной - научиться делать (и сделать) документы гипертекстовыми. С тех пор было реализовано много проектов - и статических, и информационных динамических, и с текстовым дизайном, минимальным количеством графики - и флешевых, с минимальным объемом текстовой информации. Однако с чего начать рассказ о веб-дизайне для моей ученицы - я так и не решила. Итак, дорогая ученица, что же такое сайт? Сайт - это система связанных между собой гипертекстовых документов. Каждый документ имеет определенную структуру - заголовки и завершение документа, благодаря которым может быть отображен в браузере, содержит информацию в теле документа и оформление в рамках утвержденного дизайна. Переход от одного документа к другому осуществляется посредством гиперссылок. И все. Разобраться в структуре .html (в простейшем случае) документа - не сложно, на ближайшем практическом занятии мы, конечно же, освоим основные теги, способы форматирования текста, иллюстрации, таблицы и формы. Достаточно понять разницу между содержанием докумена и его представлением. Есть определенные правила и параметры формирования документа, обязательные теги, структура, есть - информация, содержание документа (текст, табличные данные, иллюстрации...) и есть различные способы визуализации и оформления этой информации. В дальнейшем мы подробнее рассмотрим все вопросы, которые касаются непосредственно разработки и сборки страниц. Язык html/shtml, браузеры, их особенности и отличия в интерфейсе и визуализации web-документов, языки и кодировки, инструменты для верстки и обработки графики, языки и кодировки, элементы программирования, оптимизации и раскрутки сайтов. Это все - технологические проблемы. Однако разработка дизайна сайта никогда не начинается с верстки документов. А начинается она... ...С анализа целей и задач проекта (одно дело - привлечь посетителя с целью продать как можно больше продукции, другое - вызвать у него максимальное количество эмоций необычной графикой или гениальными стихами). С оценки целевой аудитории - потенциальных посетителей (клиентов) этого проекта. Каждый ли разработчик готов потратить время на то, чтобы нарисовать себе такой "портрет своего посетителя" - кто он? Подросток, который ищет информацию о любимой рок-группе? Домохозяйка, которая пытается заказать в он-лайне понравившуюся соковыжималку? Пенсионер, для которого так важно отследить последние политические новости, программист, которому нужна документация о работе программы, студент, художник, менеджер? Задача дизайнера именно в подборе цвета и размещения элементов в порядке, приятном и удобном для конечного потребителя. И от того, кем будет он, потребитель, какой возрастной группы, насколько он является "подготовленным" для пользования навигационными меню и получения информации - зависит как структура сайта, так и его оформление. Далее. К примеру, Вы уже получили представление о ЦА вашего проекта. Однако вы по-прежнему не можете приступить к рисованию графических элементов. Почему? Потому что у вас еще нет модели вашего будущего дизайна. Для того, чтобы эту модель сформировать, следует тщательно проанализировать информацию, которую вы на сайте будете представлять - т.е. ее тип и объем, частота обновления, ее модульная сетка, структурированность данных. В зависимости от содержания сайты могут быть:
Типы сайтов и особенности разработки дизайна страниц в зависимости от его типа мы рассмотрим позднее. Есть у меня подозрение, что человек, который начинает изучать веб-дизайн, не будет экспериментировать на разработке электронного магазина или же эффектного флеш-ролика. Вполне логично для начала создать... к примеру homepage, домашнюю страницу. Во-первых, этом нет ничего противоестественного, во-вторых - домашняя страница не обязательно должна выглядеть как взбесившаяся новогодняя елка и содержать безграмотные тексты. Есть в сети большое количество авторских сайтов, и содержание, и оформление которых исполнены на высоком профессиональном уровне с соблюдением всех принципов дизайна, теории цвета, композиции, стандартов верстки и требований к информативности и грамотности содержания. После того, как вы определили тип будущего проекта (в нашем случае это домашняя страница, или - Авторский Сайт, и, следовательно, ЦА такого проекта - это ваши родственники, друзья и знакомые) следует тщательно проанализировать содержание (и объемы содержания) проекта. Вся информация, которая будет представлена на сайте, обязательно должна быть структурирована до того, как вы нарисуете эскиз первой кнопки. Разделы, подразделы, дополнительные разделы - сформируйте дерево вашей информационной структуры, определите вложенности документов, оцените степень сложности переходов. Карандашом на бумаге или в документе word, где вам будет удобнее - вы должны увидеть эскиз информационной модели вашего проекта. Как может в не очень сложном случае такая модель выглядеть - мы писали еще году эдак в 2001 в материале Эмоции 1. РАЗРАБОТКА СТРУКТУРЫ САЙТА -http://www.nundesign.villry.com/st/2.html. На основании информационной модели вы можете себе представить, как будут выглядеть и что будут содержать навигационные блоки - меню. Теперь вы можете проектировать *модульную сетку* вашего документа. Подробнее о модульной структуре и модульных сетках я обещаю, расскажу вам в следующем выпуске - текст уже готов, ждите рассылку. Компания NetPromoter заявляет о выходе программного обеспечения для сбора и анализа статистики сайта. ...>> :: Как вам праздник от Мейл Ру? Развернутый фотоотчет и комментарии участников с празднования дня рождения компании Мейл Ру, который состоялся 3 ноября 2004 года. Фотографии любезно предоставлены именинником. ...>> :: "Яндекс" сделал косметический редизайн Главная страницы "Яндекса" понесла косметические изменения. Работу студии Артемия Лебедева комментирует главный редактор Яндекса Елена Колмановская. ...>> :: LBN отказалась от БаннерБанка в пользу Ротабаннера Баннерная сеть LBN появилась на российском рынке интернет-рекламы в сентябре 1999 года и стала первой в Рунете баннерной сетью, созданной на основе технологии БаннерБанк, презентованной незадолго до этого агентством Манифест. ...>> :: Wood Workshop - генератор бесшовных текстур Wood Workshop для Windows - генератор бесшовных текстур, который специально предназначен для создания текстур древесины. Более чем 100 готовых текстур включены в Wood Workshop. ...>> :: Самое лучшее из Рунета в каталоге "Индекс. Веб. 2004" В России есть сайты - и предостаточно - достойные того, чтобы быть увековеченными на бумаге и служить эталоном хорошего дизайна, интереснейших идей и профессиональной работы. ...>> :: Новые коллекции бесплатных изображений Компания Fotobank (российская фото-библиотека) объявляет о запуске новых коллекций свободных от отчислений изображений: Creatas, Dynamic Graphics, Think Stock, Rubberball, IT Stock. ...>> :: Региональный конкурс сайтов "Серебряная Нерпа" C 3 ноября в Иркутске начался четвертый региональный конкурс интернет-сайтов "Серебряная Нерпа". Об этом сообщил председатель оргкомитета конкурса Анатолий Казакевич....>> :: Киберсквоттер Лебедев лишь притворялся дизайнером Артемий Лебедев, который раньше считался одним из лучших российских дизайнеров, оказывается, вот уже семь лет занимается киберсквоттингом!...>> :: Новые профессионалы в домене .PRO Компания RegistryPro, являющаяся администратором родового домена верхнего ровня (genTLD) .PRO, объявила о предстоящем 8 ноября открытии новых доменов второго уровня....>> :: Отчет о питерском семинаре "Яндекса" 27 и 28 октября 2004 года в Санкт-Петербурге компания "Яндекс" и агентство интернет-маркетинга "Тактоми" провели двухдневный практический семинар "Поисковая реклама и рекламные возможности Яндекса"....>> :: Конкурс сайтов вологодских школ В конкурсе сайтов смогут принять участие все учебные заведения города. Подобное соревнование проводится в Вологде впервые, пишет сайт "Новости Вологодской области"....>> :: Как заработать на мультфильмах Пример Масяни наглядно показал, что с помощью мультипликационного персонажа вполне реально заработать миллион долларов. России есть чем гордится. ...>> :: HTML в Web-дизайне Вышла в свет 3-я по счету книга Алексея Петюшкина - "HTML в Web-дизайне". В ней автор постарался просто и понятно рассказать о процессе разработки собственного Web-проекта, составлении концепции сайта, верстке и оптимизации страниц, основах usability (удобства пользования сайтом) и многом другом. ...>> С Т A T Ь И :: NetPromoter: новые возможности профессиональной интернет-статистики [лог-анализаторы и статистика сайта] Статистика должна базироваться на достоверных данных и быть на выходе не просто цифрами и графиками, а реальной программой для дальнейшей работы с проектом. Именно такой подход был реализован в пакете от NetPromoter, получившем название "Статистика сайта". ...>> :: Rorer: полтора месяца работы [баннеры и контекстная реклама] Открывшаяся в сентябре 2004 контекстная рекламная сеть Rorer, продолжает развиваться, на сайте Rorer появилась более детальная информация о механизме работы системы, а также ответы на наиболее актуальные вопросы, связанные с принципами ее действия. ...>> :: Новейшая обсервация счетчиков – счетчики Украины [site promotion] Ведущее место среди украинских систем статистики занимает TopPing. Рейтинг Топпинга на Украине один из наиболее известных. Кроме того, Топпинг начал недавно радовать УАнетовцев и глобальной интернет-статистикой по украинскому сегменту. ...>> Большее количество новых материалов вы найдете на сайте Библиотеки - http://design.i2r.ru/ Ф О Р У М Ы [горячие темы] :: :))))))))))))))))))): Раскрутка от профессионалов или как заспамить поисковые системы Все советы вам покажут, что делать, чтобы попасть на первую страницу в поисковиках. Советы даются с наглядными примерами. -всё классно написано, не хватает только кучи смайлов в тексте а то ведь некоторые за чистую монету примут :)))))))))))))))) ...>>> :: Anton: Как сделать галерею фото как на ebay? Здравствуйте. Я хочу сделать такое действие на своем сайте: на страничке есть одно фото размером 400 х 300 px, а ниже 3 миниатюры других фотографий. Щелчок по миниатюре должно полгружать увеличенное фото этой миниатюры вместо верхнего большого фото. Образец такой галереи можно посмотреть на любом лоте на аукционе eBay. Пожалуйста, подскажите как это можно реализовать (как можно проще). ...>>> :: Svet: Re:Дизайнеры и психологи - что общего? Я преподаю психологию профдеятельности, в том числе веду небольшой курс психологии дизайна интерьеров. Мне очень интересно было бы, что именно интересует дизайнеров в этой области, что в практической деятельности и что при овладении профессией. Готова и сама ответить по мере возможности на вопросы работающих или обучающихся дизайнеров. Надеюсь такой разговор будет полезен всем. ...>>> :: Sketch: Кто подскажет как мне сделать опрос и форум на своем сайте? Люди! Кто подскажет как мне сделать опрос и форум на своем сайте? Причем чтобы я мог отредактировать фоорум под свой стиль. Заранее спасибо!!! :-) ...>>> :: Bes: Сервис анализ сайта Статистика сайта на http://www.stat.incomestudio.com тИЦ, ПР, ИЦ, индексирование в поисковиках, ссылающиеся, каталоги (ЯК, АК)... Что, по-вашему, мнению можно добавить? Как улучшить? ...>>> :: Kэt: поиск работы. html-верстка приветствую. у меня проблема. мне еще нет 20, я учусь на дневном, и я - девушка. я не могу найти в Питере работу html-верстальщика и даже не пытаюсь php-программера. посоветуйте? помогите? ...>>> :: pixel: Re:Новые профессионалы в домене .PRO Интересная новость, но возникает вопрос ... существует или планируется создание доменов подобного типа для сообществ дизайнеров? ...>>> :: Anny: Подскажите где можно найти распределение IP по регионам? Хотелось бы отличить в логах Японцев от Тамбовцев... ...>>> :: Вадим: Зашифрованное письмо Извините если вопрос не с тему сайта... Я получаю письма от друга живущего в Швеции. Пишет он на русском языке, но как- не понимаю, потому что получаю от него вот что: <skip> Я видел что Dreamweaver иногда так видит буквы в окне кода и поэтому вставляю всю эту белиберду в Дрим и читаю из него. Но это же геморрой!Не всегда же у меня под руками Дрим. Я хочу понять в чем проблема, как с ней справится и что посоветовать моему зарубежному другу. Посоветуйте.Спасибо заранее. Вадим. ...>>> У Л Ы Б Н И Т Е С Ь ! 
Об аналитическом мышлении программистов. | |||
| |||
Предложение авторам: Если вы хотите публиковаться, если вы хотите, чтобы ваше имя стало более известным, а ваш сайт - более посещаемым - присылайте ваши статьи о веб-дизайне, компьютерной графике, методах раскрутки сайтов, технологии флеш и на другие темы, имеющие отношение к Сайтостроительству, редактору раздела. ::: рассылку ведет: Татьяна Вукс http://www.i2r.ru  2004 :::
|
| http://subscribe.ru/
http://subscribe.ru/feedback/ |
Подписан адрес: Код этой рассылки: inet.webbuild.libraryi2r |
Отписаться |
| В избранное | ||
