Разделы
сайта:ПоискЭта статья не является учебником по HTML!!! Цель этой статьи показать правила и способы создания веб-страниц. Но без знания HTML в одном визульном редакторе работать не стоит так ка без знания структуры своей страницы, полноправно управлять ей и изменять её вы не сможете т.к. не каждый редактор может визуально показать то, что вы увидите в коде страницы. Вобщем язык HTML вы должны знать в любом случае.
Перед тем как начать
Так вот, допустим вам понадобилось создать веб-сайт. Шаблоны предложенные сайтами народ.ру, boom.ru и т.п - далеко не единственные решения! Все более менее серьезные сайты делаються вручную. Делаеться все в языке HTML - язык гипертекстовой разметки текста. Теоретически создать сайт можно и в простом блокноте. Но для этого требуеться невероятное количество терпения и настоящего желания создать сайт. Большество изпользуют специальные программы - HTML-редакторы, Либо визуальные HTML - редакторы. Думаю многие профессионалы сечас посмеются, но лучше всего начать делать сайт в редакторе Microsoft Front Page, так как его интерфейс практичеси ничем не отличается от других программ из пакета Microsoft Oficce (Word, Exel...). Но прежде чем приступить к работе в этом редакторе лучше узнать элементарные правила самого HTML! Так как при работе во Front Page, Microsoft много " недоговаривает" пользователю, тоесть некоторые вещи зделанные там, отображаются только в обозревателе Internеt Explorer от того же Майкрософт. Поэтому ничего кроме верстки и и расставления гиперссылок в нем лучше не делать. И учить HTML с FrontPage тоже не рекомендуется т.к. многие приемы там названы по своему для удобства пользователя. Например каскадные таблицы стилей (стили css) там называються "включиться эффекты выделения гиперссылок" и т.д и т.п. Тем более, что настроить css стиль через Front Page в польном объеме тоже трудно если не сказать невозможно. И таких примеров можно привести кучу. Все это сделано для людей которым не надо вникать во все тонкости и не нужно знать термины.
1. Первые шаги к дизайну
Итак, веб-страницы создавать удобнее по (мнению большенства и меня) при помощи таблиц.Применяя таблици и простейшие команды разметки (по центру, справа, слева и т.п) можно создавать дорвольно не плохие вещи например:
|
|
Это ваша страница
|
2 Символы как элементы дизайна Теперь хотел бы вам показать как можно использовать некоторые символы в дизайне. Ну первое это простое двоеточие оно использется и здесь (вверху) например оно неплохо смотриться в шрифте Arial Black :: пример :: - с двух сторон :: пример - можно с одной :: пример - а можно только двоеточие писать жирным шрифтом. Так же двоеточием можно разделять фразы Пример :: пример :: пример - чаще всего это применяют в (title) заголовке страницы. Еще его можно применять с точкой ..::Пример::.. Количество символов может быть естественно любым. Следующий символ это > либо < его так же можно применять как и двоеточие. К примеру не плохо смотриться когда их три >>> Пример. Еще один символ это | обычно служит разделителем в гипертекстовых меню. Для тех кто не знает что означают непонятные скобки которые люди ставят после текста, Поясню - это смайлики (рожицы) Тоесть :-) это улыбочка. В заключении хочу напонить что вы можете менять цвет символов относительно текста. например :: Пример :: Тут вобщем все зависит от фантазии главно знать применение некоторым вещам. Вообще существует еще много способов применения символов и если поэксперемнтировать можно найти свой --==ВОТ ТАК==--
3 Несколько правил
Вообще, правил в дизайне нет. Но есть такие вещи которых лучше не делать, которые по определеню только навредят проекту. Певое это пробелы, никогда не сдвигайте текст пробелами лучше воспоьзуйтесь таблищей и центрированием текста или другими способами. Пробелы, лишние увеличивают размер а соотвецтвенно и время загрузки страницы. Во вторых они могут помешать выделить именно тот текст который нужен пользователю. Так же нужно следить за цветовой гаммой сайта. Есть цвета которые просто хороше смотрятся рядом, например зеленый на черном.
|
Ну прямо
матрица |
4 Направленность
Еще естественно нужно решить: А какова направленность сайта? Может это официальный сайт твоего клана\фирмы\вуза. Или это твоя домашняя страница. А может это портал повествующий о каких либо событиях в сети\играх\жизни. Ведь если это портал то следует упор делать на новости, да и архив новостей тоже не помешает (страницы со старыми новостями) ведь может один из твоих (дай бог) постоянных посетителей пропустил месецок и не узнал о событии! Если Это Домашняя страница то это самое простое тут вообще можно делать что хочеш. Официальныя страница должна содержать много информации о том заведении которое она представляет. Да и новости (если они есть) должны отображать жизнь заведения. Я естественно не буду описывать все в этой статье, ты если подумаеш то и сам много поймеш.
5 Структура
Структура твоей страницы во многом зависит от ее направленности. Есть много вариантов структуры страниц, т.е что и где будет располагаться на странице и будет ли асполагаться вообще. Чтобы долго не обьяснять дам несмколько ссылок вот например проект повествующий о жизни в сети http://www.weblinks.ru/ - посмотрите в дизайне учавствует далеко не вся страница. А теперь гляньте сюда http://www.multer.ru/ или сюда http://www.purga.ru/ - на этих проектах в дизайне учавстует вся страница! Конечно со временем эти страницы могут поменять дизайн поэтому дам примеры. Окно браузера
|
|
6 Изображения
Ну перво наперво естественно нужно следить за размером изображений. Так как существует 2 проблемы: 1) Модемщики, их просто достанет ждать пока загрузится фото. 2) Люди с выделенными каналами интернет, которые по неволе качают большой трафик за ваши изображеня. Выход из этого положеня довольно прост, создание пиктограмм. Пиктограмма - это тоже изображение но сильно уменьшеное. Уменьшить его не составить труда в том же фотошопе или Corel Photo Paint - e. Не следует уменьшать его в визуальных-HTML редакторах т. к. они уменьшают не само изображене а место отведенное ему на странице! Нужно создать копию изображения и открыть её в графическом редакторе, и уменьшить. Потом разместить маленькую копию изображеня на странице и зделать её ссылкой на реальное фото. Особенно рекомендую создавать пиктограммы к фотографиям с цифровых фотоаппаратов, их снимки очень часто весят более 1Мб. Уменьшать же изображеня в HTML - редакторах можно если это уменьшение незначительно. Например у вас есть баннер размерами 90х40 а вам надо подогнать его до стандарта 88х31. Так же для пиктограмм лучше использовать разширение .gif Так как, оно более подходит для небольших изображений. Еще раз повторю что уменьшая изображене в HTML, вы не уменьшаете его размер а лишь поле отведенное ему на странице. Тоесть фотография размерами 2560х1920 может загружаться в поле размером 100х100, скорость её загрузки не уменьшится.
7 Информация и Аудитория
Всегода когда хочеш создать новый сайт, в голове крутится масса идей. Но прежде чем воплощать их в жизнь стоит еще раз подумать Что вы хотите от сайта. Конечно если это страница вуза\школы\вашего дела то тут вопрос такой и не стоит. А вот если вы решили создавать что то вроде портала. Места где будут собираться люди. Стоит создавать такиое сайты только если у вас действительно есть чем поделиться с людьми интересующимися темой на которую создаетмя сайт. Не стоит выкладывать там то, что и так без труда можно найти в интернете. Ели и выкладывать уже готовую\чужую информацию то хотя бы ту которую трудно достать или не достать вообще сногим людям. Ценне всего естественно как всегда так называеыемы ксклюзив. Т.е. то что можно найти только у вас, а если тот ваш ксклюзив может быть полезен не только вам но и многим другим то при небольшой рекламе, популярность вам обеспечена. Но эксклюзив эксклюзиву рознь. Если вы записали под гитару свою матерную исполненную под гитару песню то это врят ли кого нибудь заинтерисует. А вот если вы располагаете Мр3 копией платинового диска Битлз :-) то вот это уже совсем другое дело. И еще. Так же будет довольно безграмотно создавать сайт например про Флэш, не имея в своем распоряжении достаточно информации чтобы ей поделиться, не забывая ппри это об "эксклюзиве" или хотябы о том что трудно достать, т.к. если вы выложите пять мультов про Масяню и обзовете свой сайт "Флэш - портал" то... ну сами подумаете если бы вам понадобиласть масяня куда бы вы пошли? На мульт.ру или этот "Флэш-портал". А вот если бы у вас появились флш-зарисовки эротических фонтази самого О. Куваева (создатель масяни) нарисованные им же самим то, добрая половина поситителей мульт.ру рванула бы к вам!
8 Хостеры...
А вот теперь когда наконец пришло время хотя бы подумать о размещении сайта в интернет, мы и сталкиваемся с проблемой хостинга. Сначала растолкую про бесплатный хостинг т.к. платных настолько много, и они все разные, так что лучше все узнавать конкретно у него. Так вот о бесплатных. Все они дают домен второго уровняя т.е. например вашдомен.хостер.зона (pupkin.narod.ru) Перво наперво, расскажу о наеболие популярном хостинге narod.ru Это детище великого Яндекса. И так, могу с ходу заявить что для серьезных проектов он не подходит потому, что не дает поддержку скриптов. А без скриптов сейчас никуда. Но чтобы не грузить новичков такими понятиями как скрипт, в добавок могу сообщить что закачивать zip и rar архивы туда нельзя равно как и ехе файлы. Да и не пытайтесь закачать туда мр3. Словом веб-порталы там делать точно не судьба. Но вот для непрофессиональных веб-проектов, народ, подходит очень даже классно. Вам не придеться грузиться ФТП - клиентами и многими обычными для веб-мастеров вещами. Так как все там можно делать через веб-интерфейст, т.е. не выходя с сайта. Что очень удобно для людей которым просто нужна домашняя страница. Также если уж вам совсем не охота утруждаться, то можете воспользоваться базой шаблонов от Народа, и вам останеться только отметить пару полей галочкой, заполнить форму, да ввести текстовую информацию. Согласитесь что для новичков это удобно. Но вернемся к серьезному. Итак вот хостер который дает поддержку скриптов и SQL базу данных в придачу. А находиться этот замечательный хостер по адресу www.amillo.net. Но чтобы работать там вам уже понадобяться определенные знания. Например до недавнего времени файлы можно бюыло закачивать только по ФТП. Так же есть еще один подобны хостер который дает поддержку скриптов это www.webservis.ru Так вам также предоставят и пакет некоторых платных услуг. Приведу еще несколько Free-хостеровhttp://webssite.narod.ru/www.newmail.ru | http://webssite.narod.ru/www.chat.ru
9 Раскрутка
Посетители - вот для кого все затевается в интернете. Разным ресурсам они нужны для разных целей, кто-то хочет донести до них информацию а кто-то прорекламировать им что-то. Итак если ваш проект расположен на бесплатном хостинге, то для вас ЕДИНСТВЕННЫЙ способ привлеч поситителей это раскручивать сайт самому при помощи нижеприведенных способов. Поясню почему единственный, ну вот сами подумайте часто Вы когда хотите найти информацию о дверях, набираете в адресной строке своего браузера www.dveri.narod.ru ИЛИ http://dvri.amillo.net
Уверен что большенство так не делает. Тоесть для сйата с простым домено больше шансов получить случайных поситителей. Итак начнем. Посететителей иногда называют ТРАФИК. Тоесть ваши посетители это трафик вашего сайта. Так вот я не буду цитировать многочисленные статьи о том что надо регистрироваться во всех каталогах и поисковых машинах, это и так ясно, без этого в современном интернете никуда. Лучше поясню некоторые общепринятые вещи, чтобы вам не пришлось потом самим мучитеьно искать ответы на простые вопросы. Так вот допустим у вас на сайте стоит счетчик mail.ru Он показывает вам число уникальных поситителей и запросы страницы. Что обычно называют хостами(уникальные поситители) и хит`ами(запросы страницы). Хиты можно накручивать самому безконца заходя на собственный сайт, а вот хосты определяються по IP - адресу. В общем смысле счетчики существуют для информирования админа и построения рейтинга. Так же существуют разного рода раскрутки например http://www.hithost.ru Система по которой работает эта раскрутка очень интересна. Начнем с того, что эта раскрутка направляет на ваш сайт так называемый нецелевой трафик. Это значит что посетители идут к вам не заинтерисованные вашеми предложениями, а в некоторых раскрутках например (ГИГА - раскрутка) вообще не видят ваш сайт. На первый взгляд кажеться "А нафига мне такие посетители, которые идут сюда не для того чтобы просмотреть мой сайт а завликаются сюда какой-то раскруткой"? Да в какомто смысле это правильно НО эти посетители обеспечивают тебе ХОСТЫ а вот хосты это уже нужная вещь. Во первых такие же молодые проекты могут предложить тебе обменяться рекламой, а во вторых ты поднимаешся во всевозможных рейтингах (в зависимости от того где ты зарегистрирован) а тамтебя тоже могут заметить разные интересные и нужные люди. Так вот о системах типа hithost.ru Попадая на их сайт вы регистрируете себя как пользователя системы. Далее у вас есть хит поинты и хост поинты Заработатьб их ты можеш используя хит и хост серфинг (серфинг - просмотр сайтов). Допустим у тебя есть 15 хост поинтов. Это 15 уникальных поситителей. Ты можеш потратить эти хост поинты на раскрутку конкретной страници своего сайта. Длч этого саходиш в меню "мои сайты" (или что то вроде этого) и заполняеш форму. Допустим ты выбрал раскручивание страници http://www.site.ru/foto.htm Когда ты выбираеш хост или хит серфинг то в окно начинают грузиться страници участников системы. За просмотр каждой тебе начисляют хит или хост поинты (в зависимости что ты пытаешся заработать) Так вот твоя страница будет также загружаться другим людям их системы решившим заработать поинты. Ты можеш настроить время показа твоей страницы (это будет стоить доп. поинтов за каждые 30сек.) и количество пинтов тратящихся на раскрутку страницы ежедневно. Ну подробнее ты узнаеш уже на сайта http://www.hithost.ru Вот также подобная раскрутка http://www.neosap.ru
А и еще там существует система рефералов. Реферал это человек привлеченный тобой к участию в сисеме. При регистрации тебе дают личную ссылку через котороу человек и должен впервые попасть на сайт системы. За активных рефералов вам будут начислять дополнительные поинты. Так что все давайте будьте моими рефералами
Ну и в заключении про обслуживание.
Естественно когда у тебя небольшой сайт, например хомяк (на жаргоне от слова "homepage" - домашняя страница) то ты и сам вполне можеш его обслуживать. Но вот если у тебя большой веб-портал (или ты задумываеш его создать) с кучей разделов на самые разные темы. То тут уже следует подумать о дополнительных силах. Ну теоритически даже самый большой сайт можно обслуживать и в одиночку. Но тогда и частота и качество обновлений существенно снизятся. Совсем другое дело когда раздел Flash обновляет человек знающий а главное интересующий Flash а раздел Софт для Сисадминов - обновляет человек хотя бы понимающий в этом что то а еще лучше сам сисадмин. Но где найти таких людей? Конечно, если средства позволяют, то можно их нанять. Но если вы создаете такой сайт в одиночку на чистом интузиазме и с желанием обладать своим веб-порталом который будет интересен обитателям сети, то стоит поступить по другому. Можно посещать форумы и чаты нужной вам тематики и находить там людей разбирающихся в нужной вам теме. Именно они могут стать вашими помошниками и друзьями. Именно так ищут и находят модераторов, для форумов.
|
Ну вот
и все что я хотел рассказать начинающему веб-мастеру. Удачи, и
надеюсь что скоро увижу в интернети ваши, выполненные на
уровне, ресурсы. |
Apocalepse | http://webssite.narod.ru/ | apocalepse@mail.ru| 16.02.2005
Ссылки:
