Содержание
- 2. Для того, что бы говорить о web- web- дизайне, надо сначала узнать что есть web- страница.
- 3. Что есть “Web- дизайн” Об этом много говорилось, но однозначного ответа на вопрос «Что есть web-дизайн»
- 4. Но и это еще не все. Большинство сайтов сейчас стали интерактивными. Они реагируют на действия пользователя,
- 5. Создание Web-страницы с помощью языка HTML. Web-страницы могут существовать в любом формате, но в качестве стандарта
- 6. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet
- 7. HTML-редакторы Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaverКаждый
- 8. DreamWeaver 3.0 DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем,
- 9. HomeSite 4.0 Еще одна отличительная особенность HomeSite - это его «склейка» с Dreamweaver. HomeSite обладает кнопкой
- 10. Как правильно писать в формате HTML. Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может
- 11. Объявление HTML и . Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ
- 12. Заголовочная часть. и . Между этими тегами располагается информация о документе (название, ключевые слова для поиска,
- 14. Скачать презентацию
Для того, что бы говорить о web- web- дизайне,
надо сначала
Для того, что бы говорить о web- web- дизайне, надо сначала
Что создают ее с помощью языка Что создают ее с помощью языка HTMLЧто создают ее с помощью языка HTML, и какие программы могут для этого понадобиться.
Что есть “Web- дизайн”
Об этом много говорилось, но однозначного
Что есть “Web- дизайн”
Об этом много говорилось, но однозначного
Весь дизайн несет в себе определенный смысл, иногда играя со зрителем, иногда подталкивая его к какому-то действию. Вобщем, завлекает не раздражая. Мы заходим на такой сайт и чувствуем, что нам приятно здесь находиться. Однако этого оказывается мало. Занимаясь дизайном сайта по своей структуре не укладывающегося в рамки стандартов (а иногда сознательно выведенного за эти рамки), я столкнулся с другой составляющей web-дизайна — дизайн структуры сайта. Он необходим, чтобы пользователю было удобно и приятно не только смотреть на страницы сайта, но и с легкостью перемещаться между ними. При этом он всегда должен точно представлять, где он в данный момент находится, куда он собирается перейти и как он сможет вернуться.
Но и это еще не все. Большинство сайтов сейчас стали
Но и это еще не все. Большинство сайтов сейчас стали
Итак, для себя как web-дизайнера я вывел следующую формулу создания дизайна сайта: дизайн структуры + дизайн оформления + дизайн функциональности.
Все эти три момента крайне необходимы, а если учесть, что после дизайнера сайтом занимаются только программисты и люди отвечающие за наполнение сайта информацией, то кому из них придется выполнять оставшуюся после дизайнера работу? И что из этого выйдет? Лично мне нравится, что на мои плечи складывается вся эта работа. Это дает возможность почувствовать, что ты создаешь что-то целое, с нуля отстраиваешь большое красивое здание. И потом, смотря на этот сайт, перемещаясь по страницам, оперируя различными функциями, наблюдая как четко, сглажено и логично работает эта машина, испытываешь удовлетворение от прекрасно выполненной работы, где каждый пиксель кричит, что ты над ним постарался.
Создание Web-страницы с помощью языка HTML.
Web-страницы могут существовать в
Создание Web-страницы с помощью языка HTML.
Web-страницы могут существовать в
Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно
Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах. Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем.
Это не исключает возможности использования других методов, например, метод расширенных
Это не исключает возможности использования других методов, например, метод расширенных
Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.
HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.
HTML-редакторы
Каждый выбирает свой инструмент для создания Web-страниц. Это может
HTML-редакторы
Каждый выбирает свой инструмент для создания Web-страниц. Это может
Текстовые редакторы возможно использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста..., в общем, работать крайне неудобно.
Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое (особенно это касается Netscape Navigator). Странички получаются какими-то кривыми, поэтому для создания качественных Web-страниц рекомендуется использовать пакеты, которые будут рассмотрены ниже. Начнем мы с популярного Macromedia DreamWeaver. Компания Macromedia считается лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области.
DreamWeaver 3.0
DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию
DreamWeaver 3.0
DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию
HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково).
HomeSite 4.0
Еще одна отличительная особенность HomeSite - это его «склейка»
HomeSite 4.0
Еще одна отличительная особенность HomeSite - это его «склейка»
Его лозунг - "Create 1st class websites!" ("Создавайте первоклассные веб-сайты!"). Редактор содержит несколько режимов - Normal, Easy, Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень, а со временем перейти на более высокий. Еще одна особенность - довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито по категориям.
Как правильно писать в формате HTML.
Поскольку HTML-документы записываются в ASCII-формате,
Как правильно писать в формате HTML.
Поскольку HTML-документы записываются в ASCII-формате,
Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.
Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:
Информация
Здесь стартовым тегом является тег
, а завершающим -
. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш). Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:A) Объявление HTML; B) Заголовочная часть; C) Тело документа.
Объявление HTML
и . Пара этих тегов сообщает программе
Объявление HTML
и . Пара этих тегов сообщает программе
. . .
Заголовочная часть.
и . Между этими тегами располагается информация
Заголовочная часть.
и . Между этими тегами располагается информация