Теоретическая часть



страница6/6
Дата04.05.2018
Размер0.98 Mb.
ТипРуководство
1   2   3   4   5   6

Строгих правил по поводу переноса слов нет, все они носят рекомендательный характер. Каждый раз нужно вникать в смысл текста и привязывать предлоги и союзы к следующему за ними слову, а частицы — к предыдущему.

Привязки. Неразрывный диапазон (nobr) используется в случаях, когда неразрывный пробел ( ) неуместен. Это касается телефонных номеров и ряда слов, которые пишутся через дефис (некоторые браузеры переносят слова в месте дефиса).

212-85-06

во-первых

Нельзя писать номера телефонов на западный манер, то есть с одним дефисом (212-8506), нужно всегда писать с двумя. Допускается замена дефисов на пробелы, когда подряд указываются несколько номеров.

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

Неправильно

Правильно

(C) 2000 Vassily Poupkine(R)

© 2000 Vassily Poupkine®

Пример набора. ...Когда В. И. Пупкин увидел в газете («Сермяжная правда» № 45) рубрику Weather Forecast®, он не поверил своим глазам — температуру обещали ±451 °F.

Использование в текстах сайтов буквы ё

Ё — недобуква. Это буква е с диэрезисом (умляутом, тремой, двумя точками сверху). Использование ё везде — насилие над читателем.

Впервые применять на письме букву ё предложила княгиня Дашкова на заседании Академии наук в 1783 году. Видимо, перед этим она разглядывала этикетку на бутылке Moët & Chandon.

В названии этого шампанского точки над E стоят для того,
чтобы у читателя не было соблазна прочитать OE одним
звуком Œ (получится «мё» вместо правильного «моэ»).

http://img.artlebedev.ru/kovodstvo/sections/119/moet.gif

Случилось так, что с 1917 г. в итоге 12 лет работы Комиссии по русскому правописанию в нашей азбуке закрепилось и, думается, навсегда 33 буквы. Именно тридцать три, а число это священное. И мы берём на себя смелость сказать, что среди этого благословенного числа звёздочек-литер нашего алфавита буква Ё заняла седьмую и, безусловно, освящённую позицию. Что это — игра случая или воля Провидения? Не нам судить. Просто такова Истина». (Е. Пчелов, В. Чумаков. Введение // Два века русской буквы Ё. История и словарь. М.: Народное образование, 2000)



http://img.artlebedev.ru/kovodstvo/sections/119/logo-big-txt.gif

Правило. Ё должна использоваться: в случаях возможных разночтений; в словарях; в книгах для изучающих русский язык (т. е. детей и иностранцев); для правильного прочтения редких топонимов, названий или фамилий. Во всех остальных случаях наличие буквы ё только затрудняет чтение. Она плохо выглядит, зато хорошо звучит.

Ошибки написания

http://img.artlebedev.ru/kovodstvo/sections/63/km_sorry.jpg

Правило: ошибок на обложках книг, в иллюстрациях, на вывесках (а тем более на памятниках) нельзя допускать категорически. Ошибки в наборном тексте тоже недопустимы, но к ним можно относиться более терпимо (не забывая исправлять, разумеется).

На памятнике Кириллу и Мефодию в металле отлиты пять орфографических ошибок:



http://img.artlebedev.ru/kovodstvo/sections/63/km-01.jpg

http://img.artlebedev.ru/kovodstvo/sections/63/k-m-fix.gif

Почему нельзя просто написать русским языком простой текст?



Внешний вид сайта

Давать посетителю возможность выбора внешнего вида

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

Есть два возможных варианта выбора внешнего вида сайта.



Вариант № 1. Предоставить посетителю входы на несколько по-разному раскрашенных и оформленных сайтов. Например: red.domain.ru, green.domain.ru, blue.domain.ru.

Вариант № 2. Предоставить посетителю возможность самому нарисовать дизайн, но при обязательном условии — количество и состав блоков должны остаться неизменными. Например, нельзя позволять убирать логотип сервиса. При этом разумным представляется давать несколько видов конструкторов — самый полный, попроще и совсем минималистичный. Такого разнообразия будет более чем достаточно. Размещать можно по адресу типа variant.domain.ru. При этом обязательно должен функционировать основной адрес www.domain.ru, который, собственно, и будет лицом сервиса.

Ни в коем случае нельзя давать пользователю настраивать внешний вид газет, новостных лент, презентационных и корпоративных сайтов или магазинов.

Рыба

Чтобы показать заказчику эскизы, нужно где-то найти тексты и картинки. Как правило, ни того, ни другого в момент показа эскизов у дизайнера нет. Что же делает дизайнер? Рыбу.



Очень часто рыба становится частью готового проекта — так она нравится клиенту.

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



Если в качестве рыбных картинок использовать цветные прямоугольники, а вместо текста — несколько повторяющихся слов, эскиз будет выглядеть неестественно.

Как писать слово «интернет»?

«Консультационная услуга в области современного русского языка по запросу № ___» стоит в триста рублей (почти десять долларов).



Правило: слово интернет в русском языке пишется с маленькой буквы и склоняется по падежам:

и. интернет

р. интернета

д. интернету

в. интернет

т. интернетом

п. об интернете

Доменные имена по-русски

Некоторое время назад у китайцев появилась возможность регистрировать доменные имена по-китайски.


Недавно о похожей услуге объявила компания РБК. Она предлагает регистрировать домены по-русски в зоне .com.

Владелец русскоязычного домена сможет вместо www создать домен третьего уровня ввв. Com — это сокращение от английского commercial, и набирать это надо латинскими буквами.

Русские домены таят в себе еще много проблем.


  • Во-первых, непонятно, как набрать домен русскими буквами, когда нельзя быть уверенным, что у всех пользователей одна кодировка.

  • Во-вторых, при нажатии на любую ссылку внутри сайта русские буквы домена будут превращаться в такие закорюки:   %F5%F3%E9%ED%FF.

  • В-третьих, с таким адресом нельзя нормально пользоваться электронной почтой (письмо просто не дойдет).

  • В-четвертых, русский домен нельзя перевести в латиницу — переводное название может оказаться давно занятым.

Но самая страшная проблема может возникнуть в случае, когда кто-то решит завести адрес, в котором в пределах доменного имени второго уровня будут перемешаны русские и латинские буквы. Например: www.IВМ.com. В слове IВМ только первая буква латинская. Вторые две — это русские «вэ» и «эм». С таким адресом можно сделать копию сайта «Ай-би-эм» и повесить форму для сбора денег под видом электронного магазина (а дизайн воруется с идеальной аккуратностью без затруднений).

Про универсальность вообще можно забыть. Нет русской клавиатуры под рукой — отдыхай, дорогой товарищ. Если кому-то этот аргумент кажется неубедительным — пусть наберет хоть один адрес по-китайски.


ТЕМЫ И ВОПРОСЫ ДЛЯ САМОСТОЯТЕЛЬНОЙ РАБОТЫ
1. Определение Web-дизайна, история Web-дизайна.

2. Общие принципы Web-дизайна.

3. Понятие эргономики.

4. Основные характеристики человеческого глаза.

5. Понятие целевой аудитории.

6. Классификация сайтов.

7. Практический сайт и его основные характеристики.

8. Проектирование сайтов, план сайта, структура сайта.

9. Классификация моделей сайтов, сравнение сайтов.

10. Навигация.

11. Инфографика (понятия и принципы).

12. Типографика.

13. Система навигации (пространство и информация), принципы построения

информационной архитектуры.

14. Этапы проектирования сайта.

15. Принципы создания баннеров, влияние местоположения баннера на его

эффективность.

16. Проект сайта по разработанному макету.


ПЕРЕЧЕНЬ ВОПРОСОВ К ЭКЗАМЕНУ
1. Определение Web-дизайна и его история.

2. Общие принципы Web-дизайна.

3. Понятие эргономики.

4. Основные характеристики человеческого глаза.

5. Понятие целевой аудитории.

6. Классификация сайтов.

7. Практический сайт и его основные характеристики.

8. Проектирование сайтов, план сайта, структура сайта.

9. Классификация моделей сайтов, сравнение сайтов.

10. HTML.

11. Обзор тэгов HTML для работы с текстом.

12. Понятие «Ter».

13. Особенности отображения HTML-страниц различными браузерами.

14. Типы элементов в HTML.

15. Принципы создания, редактирования, форматирования, маркировки текста.

16. Работа с графическими объектами, их размещение.

17. Создание гиперссылок.

18. Содержимое гиперссылок.

19. Способы вставки изображения.

20. Настройка размера графических изображений.

21. Особенности размещения таблиц.

22. Виды форм.

23. Варианты создания форм.

24. Определение CSS.

25. Создание меню с помощью CSS.

26. Основные компоненты web-страницы.

27. Селекторы.

28. Псевдоклассы и псевдоэлементы.

29. Псевдокласс, который задает цвет посещенных ссылок.

30. Правила юзабилити.

31. Доменные имена по-русски

32. Внешний вид сайта

33. Usability guidelines. Основные правила при создании гайдлайна.

34. Юзабилити-преступления, которые нельзя совершать.

35. Клонирование в сайтах.

36. Рекомендации при решении вопросов дизайна сайта.

37. Особенности создания информационных и презентационных сайтов.
ПРАКТИЧЕСКАЯ ЧАСТЬ
ТЕМЫ ПРАКТИЧЕСКИХ ЗАНЯТИЙ

1. Обзор программ (браузеров) для просмотра веб-сайтов.

2. Разработка структуры и этапы построения веб-сайта.

3. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.

4. Верстка Web-страниц.

5. Разработка макета сайта: макетирование в графических редакторах основных страниц сайта.

6. Создание документа в HTML, формы в HTML документах.

7. Сценарии для автоматизации, формы, функции, мультимедиа, кодировка символов и выбор кодировок, типы ссылок.

8. Глобальная структура документа, стили, списки.

9. Разработка интерактивных web-страниц.

10. Баннеры: принципы создания баннеров, влияние местоположения баннера на его эффективность.

11. Создание web-страниц с помощью шаблонов в визуальном редакторе.

12. Инструменты для оформления текста, создание и редактирование гиперссылок в среде визуального редактора.

13. Создание сложных эффектов в среде визуального редактора.

14. Унификация общего визуального оформления сайта.

15. Электронные эскизы: Создание электронного эскиза сайта по выбранной тематике с помощью Web Page Maker или CorelDraw. Проект сайта по разработанному макету.

16. Разработка дизайна страниц. Создание анимированного логотипа. Название. Обрамление текста. Иллюстрации, делающие очевидной тематику ресурса.

17. Применение общих требований к оформлению и верстке страниц сайта: цветовая гамма, шрифты и т.д. Разделы и подразделы сайта. Статические и динамические страницы. Навигация по сайту. Структура. Поиск. Фильтр.

18. Интеграция сайта с социальными сетями (vk, facebook). Разработка дискуссионного компонента. Разработка регистрационного компонента.

19. Наполнение сайта информацией. Написание текста для сайта (оптимизация под поисковые системы).

20. Фокус-группа. Google Analytics и Яндекс.Метрика. Сплит-тестирование. Применение на практике правил юзабилити.

21. Способы увеличения Link Popularity.


ЛИТЕРАТУРА

  1. Бердышев С.Н. Искусство оформления сайта : практ. пособие / С. Н. Бердышев. - М. : Дашков и К, 2010. - 147 с.

  2. Гасанов Э.В. Практикум по WEB-дизайну. Практический курс разработки Web-сайтов / Э. В. Гасанов ; Гос. ун-т- Высш. шк. экономики. - М. : [ТЕИС], 2006. -158 с.

  3. Евсеев Д.А. Web-дизайн в примерах и задачах : учеб. пособие для студентов вузов, обучающихся по специальности 080801 "Прикладная информатика" и др. экон. специальностям / Д. А. Евсеев, В. В. Трофимов; под ред. В. В. Трофимова ; С.- Петерб. гос. ун-т экономики и финансов. - М. : КноРус, 2009. - 263 с.

  4. Каймин В.А. Информатика : учебник / В. А. Каймин. - М. : Проспект, 2010. - 272 с.

  5. Круг С. Как сделать сайт удобным. Юзабилити по методу Стива Круга [Текст]: производственно-практическое издание / Стив Круг ; [пер. с англ. В. Шрага]. -СПб. [и др.] : Питер, 2010. - 207 с

  6. Седерхольм Д. CSS ручной работы [Текст] : [практ. пособие] / Дэн Седерхольм, Итан Маркотт ; [пер. с англ. Т. Качковской]. - СПб. [и др.] : Питер, 2011. - 238 с.

  7. Создание WEB-страниц : метод. указания для студентов всех специальностей дневной формы обучения / Федер. агентство по образованию, Урал. гос. экон. ун-т; [сост.: Е. В. Зубкова [и др.]. - Екатеринбург : [Издательство УрГЭУ], 2006. - 47 с.

  8. Крис Джамса, Конрад Кинг, Энди Андерсон. Эффективнй курс по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. Москва, Санкт-Петербург. Киев. 2010.- 665 с.

  9. Мотросов А., Сергеев А., Чаунин М. HTML. Санкт-Петербург «БХВ -Петербург», 2011.- 674с.

  10. Майкл Гурвиц,Лора Мак Кейб Использование Macromedia Flash Москва, Санкт-Петербург. Киев. 2010.- 706 с.

  11. Петюшкин А., HTML - Экспресс курс. Санкт-Петербург «БХВ - Петербург», 2010. -258с.

  12. Полонская Е.Л. Самоучитель. Язык HTML – Москва, Санкт-Петербург. Киев. 2011 322 с.





Поделитесь с Вашими друзьями:
1   2   3   4   5   6


База данных защищена авторским правом ©vossta.ru 2019
обратиться к администрации

    Главная страница