Поиск по avege.ru
Главная страница
сайта
Главная страница сайта - информация о всех разделах проекта.
Сайт - что нужно знать для создание сайтов. Этапы разработки и создания сайта.
Разработка и создание сайта соответствующего строгим стандартам W3C - XHTML 1.1 и CSS 2.1, CSS 3. Заказать сайт  Вы можете перейдя на страницу контакты.
Перейти
avege.ru - создание сайтов
Быстрый переход: Главная Создать сайт Главная страница сайта
 
Создание сайтов
Компания RU-CENTER
Литература
DHTML и CSS для Internet: Динамические методики; Списки шрифтов, единых для браузеров; Техники CSS-разметки; Диаграммы совместимости: Дополненная версия для Internet Explorer, Netscape, Safari, Opera (пер. с англ. Осипова А.И.)

В книге описывается использование современных Web-технологий - динамического HTML (DHTML) и каскадных таблиц стилей (CSS), используемых для создания интерактивных динамических Web- ресурсов. С помощью этой книги вы научитесь создавать динамические Web-страницы, включающие интерактивные элементы, различные текстовые, графические и анимационные эффекты. Изложение материала сопровождается наглядными примерами, даются советы по планированию и созданию Web-сайтов. Книга адресована Web-программистам и Web-дизайнерам, а также всем, кто интересуется языком DHTML и прикладными Web-технологиями.
Тиге, Джейсон Кренфорд.

CSS - каскадные таблицы стилей. Подробное руководство

В книге "CSS. Каскадные таблицы стилей. Подробное руководство (3-е издание)" рассказывается, как реализовать на практике все возможности каскадных таблиц стилей для стандартов CSS2 и CSS2.1. Множество примеров позволят научиться быстро и без усилий разрабатывать стилевое оформление страниц, отвечающее современным требованиям. Рассматриваются все свойства CSS и их взаимодействие, теги, атрибуты, реализации, поддержку различными браузерами. Вы узнаете о сложном стилевом оформлении документов, пользовательском интерфейсе, верстке таблиц, о списках и генерируемом содержимом, о свободном перемещении и позиционировании, о семействах шрифтов и механизмах резервирования, о том, как работает модель блоков, о новых селекторах CSS3, поддерживаемых IE7, Firefox и другими браузерами. Книга поможет избежать распространенных ошибок, она является полным справочником по CSS и будет полезна как опытному веб-разработчику, так и новичку.
Э. Мейер.

Календарь

ноябрь 2017 г.
Пн
Вт
Ср
Чт
Пт
Сб
Вс
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 


Сервер Apache
Домашний сервер нужен для тестирования страниц сайта на языке HTML, XHTML, CSS. Проверки выполнения апплетов и скриптов на различных  языках веб-программирования.
httpserver.ru - главный сайт сервера apache
Установить сервер Apache на ваш компьютер за 30 минут

вполне реально !

Полное описание этапов установки и настройки в разделе - сервер Apache
Подробнее ...
Домашний сервер

Установите значок на свой сайт или веб-ресурс учебного заведения.

avege.ru

Для этого нужно скопировать код и вставить его на веб-страницу.


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

17 ноября 2017 года.

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

Главная страница сайта должна привлечь, на определенное время, внимание и сделать активным просмотр посетителем.

Превращение посетителей в заинтересованых читателей.

Для этого:

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

Официальный сайт отличается от других веб-ресурсов наличием определённых требований к его структуре и содержанию.

Сложившийся подход к вёрстке главной страницы сайта, ставший фактически стандартом.

Пример размещения информации на главной странице веб-ресурса:

  • Верхний колонтитул — область заголовка главной страницы сайта содержит:

    • логотип компании,  
    • слоган (девиз компании) — одна-две фразы, выражающающих цель создания ресурса, род деятельности компании,
    • ниже логотипа строка быстрого перехода на главную страницу сайта и страницы обратной связи - контакты
    • форма поиска по сайту,
    • телефон поддержки.
  • Верхнее горизонтальное меню .

    • Элементы навигации по разделам и страницам сайта.
  • Основное содержимое главной страницы. В данном примере, размещается в трех колонках содержащих развёрнутые:

    • текстовые — состоящие из текстового описания разделов, страниц сайта,
    • графические — фотографии, рисунки, баннеры с изображением товаров, оборудования,
    • комбинированные текстово-графические блоки со ссылками на самые важные разделы и страницы сайта.
  • Нижний колонтитул. В нём размещаются:.

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

Содержание главной страницы полностью зависит от структуры сайта.

Главная страница сайта обычно называется index и имеет расширение .htm, .html - index.htm или index.html
Если используются включения на стороне сервера - набор команд SSI, то главная страница сайта должна иметь расширение .shtml -
index.shtml

При использовании интерпретируемого языка программирования веб-приложений - PHP, код скриптов или их вызовов которого включается непосредственно в текст страниц на языке HTML, то страница должна иметь расширение .php - index.php

При создании веб-ресурса определяют его структуру. Состоящую из обязательных элементов:

  • главная страница сайта,

  • станица обратной связи - контакты,

  • карта сайта,

  • страница поиска по сайту.

Далее, определяют количество разделов и страниц в них. См. подробнее на странице - Структура сайта.

Только после разработки структуры сайта можно приступать к созданию главной страницы вашего ресурса.
В программировании приложений для сети Интернет свои законы и веб-программист должен уметь, из представленного материала, создать главную страницу, страницы разделов сайта, полностью устраивающие заказчика и соответствующую требованиям, предъявляемым к веб-документам. Разработчик web-ресурса предлагает возможные решения по структуре сайта в соответствии со структурой предприятия, структуре главной страницы и страниц разделов, варианты размещения текстовых и графических материалов и прочее, максимально учитывая пожелания заказчика. Поэтому заказчикам не следует удивляться и настаивать на некоторых своих, как может показаться не обсуждаемых предложениях. Естественно, это относится только при заказе сайта у профессиональных разработчиков. Шаблонщики выполнят все ваши требования. Обычно от них вы получите, назовём так - "Сайт директору на память". Это главная страница с фотографией предприятия (машины, трактора, ..., губной помады) в области заголовка и портретом директора с текстом, состоящим из тезисов его речи на отчётном собрании акционеров. А также его биографией - детсад, школа, высшая школа менеджмента и / или академия управления при ..., работа директором по маркетингу, продажам ... Множество сайтов имеющим главные страницы с таким содержанием вы встретите на последних страницах различных рейтингов. Верстаются они любителями из выкинутых в Интернет западными разработчиками тысяч табличных шаблонов, плохо представляющими - что такое веб-программирование.
Подробнее ... 
По этим причинам значительная часть вновь созданных сайтов никем, кроме владельцев не посещается, т. е. не является активными.

При создании главной страницы веб-ресурса нужно учитывать специфичные требования налагаемые сетью Интернет к такого рода документам. - Посетитель должен иметь возможность за несколько секунд понять главную цель создания сайта - его тематику. Какие товары, услуги, продукция, учебные и научные материалы, графическая, текстовая и прочая информация предлагается на страницах сайта. Какие конкурентные преимущества они имеют перед аналогичными. Как выбрать, сравнить, заказать, оплатить, получить предлагаемое на страницах сайта. Понятно, что применительно к среднему предприятию, организации - учёт всех требований к главной странице сайта определяемых спецификой интернет-документов и пожеланий заказчика - задача невыполнимая.
И так - главная страница сайта, из-за ограничений на размер страниц основными поисковыми системами, как правило должна содержать краткую и ясную информацию о цели создания сайта и его тематике. (Страницы сайта, имеющие размер более 100 Кб. плохо индексируются - возможно, урезание их роботами до нескольких килобайт).
Исходя, из части перечисленных требований понятно, что основная проблема, при создании главной страницы сайта - размещение привлекательного лаконичного описания самых важных, интересных (дорогостоящих) предложений и ссылок на страницы разделов сайта с их подробным описанием - может быть решена только нахождением разумного компромисса между содержанием и его объёмом.

Одно из требований к главной странице сайта - это за один щелчок кнопкой мыши переход на заинтересовавшую посетителя страницу сайта или его раздел. Для этих целей используют горизонтальные и вертикальные меню. Верхнее горизонтальное меню является обязательным, опять же по требованиям предъявляемым к веб-документам - элементы навигации по сайту должны быть видимы в "первом экране" выводимой страницы.
Но ссылки на страницы сайта размещенные в пунктах горизонтальных и вертикальных меню, а также простые строчные ссылки, мало информативны:

 

Поэтому применяют более содержательные блочные графические и текстовые ссылки или их сочетание.

Динамические шаблоны XHTML.

Применение современных веб-технологий и распространение скоростного интернета позволяют на многих ресурсах использовать возможности мультимедийного контента, включая звук на страницах вашего сайта. Во многих случаях видеоинформация принесёт больший эффект, чем размещение на главной странице сайта только графической и текстовой информации. См. Пример сайта.

Чтобы понять, что никакие "веб-дизайн студии" и их "веб-дизайнеры" не наполнят страницы вашего сайта уникальным содержанием, просмотрите видеоряд и прослушайте описание новых решений создателей новой АСУ ТП и оборудования нажав на кнопку воспроизведение видеоролика

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

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

Основные преимущества представления информации в форме видеороликов:
В отличии от телевизионной рекламы, данная видеоинформация доступна в любое время и в любой географической точке мира, где имеется доступ к сети.
При правильной подаче информации подготовленный потенциальный покупатель имеет возможность составить полное представление о возможностях данного программно-аппаратного комплекса АСУ ТП.
Показ множества входящих, а также логотипов фирмы, фирменных знаков производимых изделий и компонентов делает их легко узнаваемыми.
Озвученный профессионалом текст, позволяет специалистам однозначно на слух определять название фирмы производителя и производимой продукции, приборов и датчиков используемых для контроля производственных процессов и их отображения, а также иных терминов.
Малые размеры встраиваемого в главную страницу кода для показа видео, позволяют уместить на ней значительно больше информации.
Невозможность полностью или значительными частями украсть материал с целью размещения на сайтах конкурентов.

В данном примере полностью оправдано применение данной технологии.

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

Выше приводились некоторые требования предъявляемые к размещению материала на главной странице сайта. Главное в этой задаче - это размещение информации о том, что полезного для себя пользователь может узнать на вашем ресурсе. Для предприятий и организаций это, прежде всего - какую продукцию: товары, изделия, а также услуги предлагаются заказчикам. Какого качества и по какой цене. Каковы их потребительские свойства и в чём преимущество перед аналогичными. Какие лицензии и разрешения имеются. когда и кем они выданы. Из за того, что в русском сегменте Интернета лишь около половины создаваемых сайтов выживают более года, а активными (имеющими несколько посетителей в месяц) является четверть. (Естественно, что значительная часть сайтов не обслуживается - материал на их страницах не обновляется). То, привыкшие к этому посетители, даже очень заинтересованные предложениями на страницах сайта, обязательно будут желать получить подтверждение по другим каналам - телефону, факсу, личной встрече. Поэтому, чтобы не потерять потенциальных заказчиков и покупателей, указывайте на главной странице все свои реквизиты - адрес, телефон, факс.

GoLive

На приведённой главной странице - при наведении курсора на карту проезда появляется подсказка маршрута, а при наведении на квадрат обозначающий место нахождения организации - фотография здания.

Перевод на русский определений: логотип, портфолио и пр. ...

Портфолио (portfolio - портфель) — собрание образцов работ, фотографий.
Слоган (боевой клич). Можно домыслить, что пытаются этим термином обозначить бедным английским. Используя определения русских слов - призыв, девиз, лозунг. - Краткое изречение, выражающее главную, руководящую идею, цель, программу действий. Фраза или слово характеризующее суть проекта.
Баннер (banner - заголовок, шапка, транспарант, знамя) — в веб-программировании вывод, в пределах площади определённых размеров, изменяющейся (для привлечения внимания) текстовой, графической, аудио, видео- информации (или их любого сочетания) о производимых товарах и услугах.
Логотип (др. греч. - отпечаток слова ) — лаконичное легко запоминающееся графическое или текстовое начертание наименование компании, служащее для идентификации (узнаваемости) фирмы и её товаров. Раньше, до распространения американизмов - эмблема, герб.

Site - Сайт — расположение, место.

Для заказывающих сайты.

Множество веб-ресурсов, называющих себя - "веб-дизайн студия", имеющих практически нулевую посещаемость (перейдя по такому предложению взгляните на счётчики посещаемости), заполняют Интернет проплаченными рекламными блоками с предложениями "создадим и раскрутим сайт любой тематики, быстро, дёшево ..." .
Никто не будет обращаться в спортивную или музыкальную редакцию телевидения, издательства с просьбой о создании рекламного проспекта, репортажа о преимуществах выпускаемой продукции предприятием, организацией. Как и все понимают, что в коллективе журнала о вкусной и здоровой пище, вряд ли найдутся специалисты, уверенно ориентирующиеся в АСУ ТП. Но, значительное количество желающих создать свой сайт считает, что любая, лишь бы только называлась "веб-дизайн студия" создаст им самый привлекательный и посещаемый ресурс. Не совсем понятно - почему сложилась ситуация, когда множество специалистов работающих десятилетиями на ПК, разрабатывая новые изделия, проводя платежи, сдающие отчётность по сети и т. д., называют "компьютерщиками", а то и "программистами" любого, кто может подёргать питающие сетевые шнуры или кабеля модемов. И этот подход полностью распространяется на все "веб-дизайн студии" и их "веб-дизайнеров", с безрассудством простейших предлагающих создать всё, всем и обо всём.
Многим недосуг пролистать Единый тарифно-классификационный справочник. Ни в нём не в изменениях и дополнениях к нему, вы не найдёте:
Внести в Единый тарифно-квалификационный справочник работ и профессий рабочих, выпуск ..., раздел "...",  § 229. дизайнер   и § 239. веб-дизайнер.
Нет в России такой специальности. Как нет и разработанных рекламными художниками новых запоминающихся логотипов, фирменных знаков. Кроме разве популярного среди получивших "всё сразу и бесплатно" слогана из цикла - "Обворуй Россию" — "Жизнь удалась" (черной икрой на красной). Да и не нужно заглядывать в ЕТКС, чтобы убедиться, что дизайнеров и специальности - дизайнер в стране нет. Просто попытайтесь вспомнить - что изображено на фирменных знаках самых известных, украденных у народа, "частных компаний". Не говоря уже о том - как эти знаки выражают главную, руководящую идею, цель и пр.
Технология воплощения в изображение приведённой поговорки предельно проста и доступна любому любителю выведения дефектов с фотографии с помощью фотошопа. Не требуется вырисовывать каждую икринку. Достаточно сфотографировать бутерброд и сделать текстуру фона из красной, текстуру шрифта текста из чёрной. То есть главное - идея. Чем может помочь "веб-дизайнер" при создании баннера?

GoLive

Если обучать художника созданию призывов, девизов, лозунгов, кратко и броско выражающих пожелания заказчиков в формулировании стоящих перед предприятием задач, то это будет другая специальность. Цвет фона баннера определяется фотографией, рисунком или цветом сплошного фона, используемым в заголовке главной страницы и выбираемые заказчиком. Исходя из этого, веб-программистом подбирается цвет шрифтов и их теней (свои условности).

Создание сайта предприятий и организаций только "табличными шаблонщиками" и "веб-дизайнерами" - это выкинутые на ветер деньги. Об определении их реальных возможностей по созданию качественных, соответствующих строгим международным стандартам W3C сайтов  см. подробнее на странице - Определение качества сайта. (< Пример встроенной в текст ссылки). В большинстве случаев, вам, в устаревший и выкинутый западными разработчиками на страницы Интернета шаблон табличной верстки, вставят надёрганный где попало текст, с встречающимися словами и фразами из, от вас-же полученного "набора терминов". Не имея технического образования и опыта работы на производстве, создать сайт предприятия, организации что-либо производящих - невозможно.

Разработка и создание сайтов:
Содержание главной страницы сайта должны создавать специалисты заказчика сайта.

Приходилось слышать о десятках "веб-дизайн студиях", на всех сайтах которых дежурное - "нам уже двадцать лет", в "нашем портфолио сайты магазинов по продаже нижнего белья и губной помады", желающих получить заказ от нефтегазодобывающего предприятия на создание сайта. Никто из этих "табличных шаблонщиков" и "веб-дизайнеров" не мог отличить ППУ от ППД, КРС от КНС и т. д. Итогом их "творческой работы" было бы несколько страниц с фотографиями сжигающих деньги (попутный газ) факелов и буровых вышек. На которых, большинство из них уверено, добывается нефть. Да еще "фотографии и биографии" превращающие веб-ресурс предприятия в копии страниц желающих иметь "за пять минут всё бесплатно".

Подробнее о том, как выглядят такие "сайты" на странице - Создать бесплатный сайт.


обновлено -Monday, 16-Oct-2017 12:03:13 MSK
[131]
опубликовано - ноябрь 2002 г.
Design, XHTML & CSS Copyright  © 1999-2011, AVEGE.RU. All rights reserved AVEGE.RU® - Создание сайтов