Рассылки сайта "Время России" на subscribe.ru

Твой первый сайт: от А до Я

Колонка редактора

ВНИМАНИЕ!!!   МЫ ДАРИМ ПОДАРКИ!!!   ВНИМАНИЕ!!!

   Спешу сообщить Вам уважаемые подписчики, что на нашем сайте "Время России"    размещены новые статьи:

Раздел "Всё о компьютерах"

new Причины компьютерных тормознутостей

new Покопаемся в SETUP BIOS

new Просто о сложном - Безопасность Windows XP

new Что могут троянские кони

new Устанавливаем большой винчестер

new Аккумуляторы: мифы и легенды

Раздел "Психологий успеха"

new Постановка целей и человек успеха

new Система рычагов вашего богатого будущего

new Куда уходят деньги или хочу стать инвестором!

new Заплати себе. Просто и приятно

new Что такое агрессивное инвестирование?

new Почему большинство не становится состоятельными?

new Как работать меньше, но зарабатывать при этом больше?

ВНИМАНИЕ!!!   МЫ ДАРИМ ПОДАРКИ!!!   ВНИМАНИЕ!!!

  Хиты продаж

Общие элементы для всех страниц сайта

Лучшие рассылки на Subscribe.ru

Компьютерная литература - 105  электронных учебников умещающихся на 3 CD

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

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

Энциклопедия манипулирова-ния или как самостоятельно изучить НЛП и гипноз (2 CD)

Энциклопедия начинающего крэкера

 Учебный сборник на CD  "Уроки Вебмастерства"

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

   Ладно, не будем о плохом... Как этого избежать.

   Первый, самый популярный вариант решения этой проблемы - воспользоваться SSI (Server Side Includes). При помощи SSI Вы сможете вставить в страницу код из другого файла. Пользоваться SSI очень просто. Покажу Вам на примере:

1. У нас есть index.html, в котором постоянно приходится менять меню навигации. Копируем код этого меню.
2. Создаём html или txt файл, назовём его, например "menu.txt", и вставляем в этот файл скопированный код
3. Открываем index.html и вместо кода меню вставляем такую строчку
<!--#include virtual="menu.txt"-->
где menu.txt - файл, код из которого надо загрузить.
4. Теперь поменяйте расширение файла index.html на .shtml, т. к. по умолчанию (как правило) сервер обрабатывает SSI только в файлах .shtml.

   Всё! Теперь, когда Вам надо изменить меню навигации, Вам достаточно изменить файл menu.txt! Примечание: некоторые хостинги, особенно бесплатные, не поддерживают SSI, узнайте всё в службе поддержки.

   Вот так всё просто. Но есть люди, которые сидят на бесплатном хостинге и о SSI только мечтают. Как им быть??? Им можно воспользоваться возможностями JavaScript. Допустим у нас такая же проблема с меню, как и в первом случае. Создаём файл menu.js с примерно таким содержанием: document.write('текст кода'), где текст кода - код меню (к примеру). Теперь открываем index.html и вместо кода меню вводим такие строчки:

<Script language="JavaScript" src="menu.js"></script>

Всё готово. Наслаждайтесь своим творением. Если захотите изменить что-нибудь в меню, поменяйте текст в файле menu.js

   Как вариант можно рассмотреть и использование Flash. Создаёте меню навигации на Macromedia Flash, преобразуете это в swf-файл. Вместо старого меню вводите вот такую строчку:

<embed src="menu.swf" width="$" height="$"></embed>

Где $ - размеры swf-файла. Их надо обязательно указать.

   Можно воспользоваться фреймами. Создаём html-файл menu.html и вместо меню (в index.html) вводим такую строчку:

<iframe src="menu.html" width="250" height="500" scrolling="no" frameborder="0"></iframe>

src - файл, который надо загрузить
width - ширина фрейма
height - высота фрейма
scrolling - настройка полосы прокрутки, no - скрыть полосу прокрутки, yes - показать полосу прокрутки, auto - полоса прокрутки будет появляться автоматически.
frameborder - настройка границы фрейма, 0 - нет границы, 1 - есть

   Фреймами лучше не пользоваться т. к. могут появиться всем известные проблемы с поисковыми машинами и старыми версиями браузеров.

   Все рассказанные в этой статье приёмы можно применить не только к меню навигации, но и к счётчикам, "шапкам", спискам и т. п.

   Успехов!                                                                                              Илья Кузьмин

---

Стиль на web-сайте

   Что же такое стиль? Скажу вам сразу - это один из самых важных элементов на web-сайте! Сравним его с православной троицей: Бог у нас это контент сайта, сын - это дизайн, а вот стиль - это дух святой. Получается неделимый тандем. Про дизайн и контент я уже говорил на сайте, а вот про стиль не было еще ни слова… Итак, что же определяет стиль и зачем он нужен?

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

   Кроме того, стиль призван обеспечить сайту необходимую уникальность и узнаваемость. Если все будет сделано правильно, то даже в отрыве от источника материалы сохранят свою индивидуальность, по которым можно узнать автора. Возьмем, к примеру, известный журнал "Хакер". Статьи из него очень легко опознать по своеобразному стилю изложения, где бы они ни публиковались. Это и есть пример того, как авторы проявляют свою индивидуальность.

   Если вы не сможете сформировать собственное "лицо", то, скорее всего, обречены быть одними из многих. Разве это ваша цель?

   Что же определяет стиль на сайте? Давайте подумаем. Начнем, пожалуй, с общих признаков.

   Единая структура

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

   Стиль текста

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

   Сразу же определитесь с тем, кто Ваш собеседник. Тогда будет легче "обращаться" к нему. Надо сразу же решить, ведете ли Вы свободный диалог с использованием местоимения "ты" или Вы придерживаетесь классической схемы "Вы". Обратите внимание на то, что слово "Вы" пишется с большой буквы в том случае, если обращение направлено на одного человека - как конкретного (например, в переписке со знакомым), так и воображаемого (классический вариант веб-статей). Если же обращение идет ко всей аудитории, то используется "вы" с маленькой буквы.

   Проверяйте текст на наличие ошибок. С современным выбором средств проверки орфографии допускать ошибки просто непростительно! Это ведь совсем нетрудно - скопировать текст и вставить его в тот же Word!

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

   Навигация

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

   Хорошим ходом будет организовать навигационный путь на каждой странице. Т.е в верхней части страницы поместить ссылки вроде "Главная > раздел > статья" Это очень удобно и понятно. Кроме того, внизу стоит сделать ссылки "Назад" и "На главную". Дело в том, что очень многие посетители попадают на страницу с поисковых машин, и совсем не обязательно, что попадут они на главную страницу. Если свое путешествие по вашему сайту они начали "с глубин", то необходимо чтобы всегда была возможность перейти на главную страницу.

   Немаловажную роль в определении стиля играет графическое оформление сайта.

   Логотип

   Это общее название фирмы, сайта, или же просто ваша фамилия, поданная в определенной графической форме. Выбор шрифта, может быть значок, или что-то более навороченное.

   Логотип должен обладать определенными качествами:

   Индивидуальность. Ну это как раз понятно. Неинтересно, когда "как у всех".

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

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

   Вообще тема создания логотипов очень глубока и не является темой этой заметки, но если это вам интересно, то могу порекомендовать сайт MrDesign и статью о создании логотипов на нем (часть 1, часть 2)

   Чистый дизайн

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

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

   Кроме того, обратите внимание на тени Ваших рисунков. Если Вы используете теневые оттенки, подложки в виде теней и т. п., обязательно посмотрите, как все это будет выглядеть в конечном итоге. Часто изображения с тенью имеют вид чего-то очень грязного. Не переусердствуйте с затемнением!

   Иконки и пиктограммы

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

   Кроме того, графика лучше воспринимается человеком, чем текст, а значит, облегчает понимание тех или иных функций. Именно для этого многие web-мастера ставят пиктограммы в виде конверта перед адресом электропочты, иконку принтера перед версиями для печати и картинку дискеты перед ссылкой "сохранить".

   Данная статья, конечно, не охватывает всего многообразия тонкостей и приемов создания стиля, но, надеюсь, подскажет Вам, "где копать". Хочется верить, что все изложенное мной не пропадет впустую, а сподвигнет Вас на поиски и эксперименты. Желаю Вам сформировать таки свой стиль и получить много постоянных посетителей.

   Удачи!                                                                                         Роман Поликарпов

"Домашний компьютер: от А до Я"

Анекдоты, которые расмешили всю Россию

"Мышеловка" или всё о мошеничестве в Интернет

Коллекция самых необходимых ссылок по Internet

Рассылка для настоящих мужчин

Интернет без секретов: курс молодого бойца

Ах какая женщина" или как стать счастливой в короткий срок

Худеем в два счёта

Интернет или как стать продвинутым пользователем

Как стать обаятельной и привлекательной

Кулинарное искусство
 

ЖДЁМ   ПИСЕМ