Download to read offline
Сайт своими руками
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8. КАК НЕ НАДОДЕЛАТЬ САЙТ
- 17. ТРЕБОВАНИЯ К САЙТАМ Единый стиль страниц Рациональное использование площади окна браузера Простая навигация Сохранение основных функций при отключении в браузере Flash, JavaScript и ActiveX. Одинаковое отображение разными браузерами Возможность просмотра с мобильного устройства Отсутствие ошибок в тексте, качественные изображения Любая страница сайта должна загружаться не более 10 секунд
- 18. ЧТО НУЖНО ДЛЯТОГО ЧТОБЫ СДЕЛАТЬ САЙТ? знание HTML, JavaScript, CSS, Flash, SQL ИЛИ использование готовых конструкторов аренда хостинга для размещения сайта ИЛИ использование бесплатных хостов зарегистрированное доменное имя ИЛИ использование специальных сервисов
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. ЗАДАНИЕ 1 Создать сайтпо одной из представленных тем Сайт должен содержать 4 страницы: Общая информация Кухня страны Традиции страны Достопримечательности В таблицу вписать название страны и адрес сайта
Editor's Notes
- #3 1. Вообще сайт – это более профессиональный проект. В нем нет, и не может прослеживаться личность автора. Статьи, как правило, просто информационного характера. В них вы вряд ли встретите эмоциональное выражение. Смайлики, например, и т.д. Блог же – это личный проект. Это как если бы вы завели себе обычный бумажный дневник, и писали бы в него все, что с вами происходит. То есть, от первого лица. 2. Отличие блога от сайта заключается и в том, что на сайте нет возможности комментировать размещенные на нем материалы (статьи), а на блоге такая возможность присутствует. Чем это хорошо? А тем, что статей размещено на различных сайтах немеряно. Но вот где правда, скажите? Кому верить? Если, например, на сайте будет размещен обзор полезной программы. Описано будет красиво, но вот если бы еще были комментарии, как в блоге, где люди бы высказались насчет данной программы, то это выглядело бы более убедительно, не правда ли? Конечно, можно ненужные комментарии выкинуть, а нужные оставить, если хочешь, чтобы был только один позитив. Но, по крайней мере, если речь идет о том, купить ли товар или нет, то лучше хоть что-то, чем ничего. Причем, иногда липовые отзывы видно за километр 3. На блоге все записи появляются в хронологическом порядке. Это еще одно важное отличие блога от сайта. Все новые записи в блоге всегда размещаются вверху страницы. 4. Опять же скажу пару слов об информации. На блоге форма изложения информации более доступна, поэтому и воспринимается читателями проще. Когда информация представлена скупым деловым языком – это одно, а когда расписано простым русским, то все становится очевидно. Это, своего рода, повторение первого пункта, но я решил все-таки выделить его в отдельный 5. Вокруг каждого блога со временем формируется определенное сообщество людей, объединенных по интересам. Не скажу то же самое про сайт. Просто когда ты только воспринимаешь представленную информацию, а высказаться на эту тему не можешь, то это не совсем интересно. А когда на блоге представлена какая-то информация, и ты имеешь возможность высказаться на этот счет, подискутировать с другими людьми, которым интересна данная тема, то это значительно интересней. 6. Ну, и, наконец, еще одно важное отличие блога от сайта – это дизайн. Вот ниже я представил два дизайна. Не нужно слов, все очевидно. На блоге есть сайдбар (это та вертикальная колонка, которая начинается со слова «Рекомендую» на правой картинке), есть обычно и фотография автора блога, всюда есть выражение «Я». А на сайте этого нет. То есть, выражение «Я» встретить можно, но в несколько ином ракурсе.
- #4 Сайт-визитка - это небольшой сайт, состоящий, как правило, из 5-10 страниц. Но вместе с тем он являет собой полноценный виртуальный ресурс с уникальным дизайном и программной частью. Под "визиткой" подразумевается не формат, а назначение сайта--кратко и компактно давать необходимую информацию.
- #5 Промо-сайт — это Интернет-ресурс, основная цель которого заключается в том, чтобы преподнести определенный товар, услугу, событие или бренд и склонить покупателя именно к его выбору. В этом и заключается главное отличие от сайта-визитки или портала, в которых преподносится общая информация обо всех продуктах без акцента на каком-либо одном. Можно провести некоторую аналогию между промо-сайтом и буклетом или афишей. Обычно такие создают в преддверии события или выхода нового товара. Также удачным примером промо-сайтов могут послужить сайты, созданные накануне выхода нового фильма или выхода новой марки автомобиля. Часто промо-сайты заказывают в дополнение к основному сайту, с целью выделить один из товаров. Но такие сайты имеют смысл, только когда имеется довольно широкая линейка товаров и стоит цель сильно выделить один из них. Еще одним отличием является большое количество графики и мультимедиа-презентаций нового товара. Зачастую, промо-сайты являются интерактивными, то есть посетитель может влиять, например, на цвет товара или его комплектацию, чтобы лучше понять как потенциальная покупка будет выглядеть в иной раскраске.
- #6 Корпоративные сайты Главная цель создания корпоративного сайта – довести информацию о фирме, ее деятельности, производимых товарах или предоставляемых услугах до ведома как можно большего количества людей, в которых заинтересована компания как в будущих потребителях или партнерах. Корпоративные сайты сегодня – это и простые ресурсы, позволяющие решать маркетинговые задачи, которые фирма ставит перед собой, и сложные системы, взаимодействующие с внутренними системами компании: базами данных, системами расчета управления клиентами и др.
- #7 Информационный сайт Информационный сайт представляет собой нечто среднее между сайтом-визиткой и корпоративным сайтом. Но по сравнению с первым имеет более широкие возможности, такие как системы покупок, более сложный и эксклюзивный дизайн, а также большее число страниц. Именно такого типа интернет-ресурсы чаще всего создают представители малого и среднего бизнеса. Главной задачей любого информационного сайта является предоставление полной и, что немаловажно, регулярно обновляемой информации о деятельности компании, ее продукции – информации, в которой заинтересованы потенциальные потребители. Это может быть история организации, данные о ее достижениях, основных проектах, подробное описание и характеристики выпускаемой продукции, каталог товаров, прайс-листы, разного рода иллюстрации, а также средства обратной связи, такие как форумы, гостевые книги и пр. Размещая ту или иную информацию на информационном сайте, необходимо помнить, что она должна не только привлекать новых посетителей, но и удерживать внимание текущих, а потому быть актуальной и с довольно высокой периодичностью обновляться. С целью облегчить поиск информации пользователю, а также для более выгодного ее представления она, как правило, разбивается на тематические разделы. Объем информационного сайта обычно составляет от 10 до 30 страниц.
- #8 Портал Портал сегодня является самой наисложнейшей виртуальной бизнес-системой и способен решать самые трудные коммерческие задачи. Он содержит свойства и включает в себя функции различных видов сайтов: визитки, промо-сайта, интернет-магазина, а также корпоративного онлайн-ресурса. По сути, это вэб-сайт с многоуровневой структурой и внушительным объемом информации. Иными словами, портал – это ресурс, состоящий из нескольких интернет-представительств и имеющий огромную постоянную аудиторию.
- #20 Все пользователи системы получают бесплатные домены третьего уровня. Такое имя сайта может иметь следующий вид: uguide.ucoz.ru. Использование такого имени не является обязательным – при желании вы можете абсолютно бесплатно прикрепить к сайту собственный домен. Более того, своим пользователям uCoz предлагает возможность покупки доменов в рамках системы. 1. Возраст. В этом году uCoz исполнилось 7 лет, что говорит о его высокой надежности. Далеко не все интернет-сервис доживают до такого возраста и при этом продолжают расти и развиваться. 2. Широкий функционал и уникальные возможности. Пользователи могут создавать самые разнообразные виды сайтов: личные блоги, полноценные интернет-магазины, сайты-визитки, новостные порталы и многое другое. В качестве оформления сайта вы можете использовать один из 250 бесплатных шаблонов uCoz или приобрести стильный дизайн в официальном магазине шаблонов. Те, кто плохо разбирается в сайтостроении, могут работать над сайтом через визуальный конструктор. Более продвинутые пользователи могут вносить изменения непосредственно в код сайта. Все это дает возможность настраивать сайт четко под свои нужды. 3. Постоянное развитие. uCoz регулярно запускает новые модули и полезные дополнения. Одним из самых глобальных обновлений за последние годы стал релиз модуля интернет-магазина. Этот модуль включает как классические опции интернет-магазина, так и продвинутые возможности, вроде автоматизированной оплаты заказов, дисконтной системы и др. Также весьма приятным сюрпризом для пользователей uCoz стал недавний запуск модуля "Постинг в соцсети", про который я уже писал в своем блоге. 4. Качественная техподдержка и активное сообщество. Будучи владельцем сайта на uCoz, мне приходилось не раз обращаться в саппорт. И хочу сказать, что все вопросы всегда решались оперативно и профессионально. Помимо службы техподдержки всегда можно задать вопрос на официальном форуме uCoz или в группе в соцсетях. Сейчас uCoz присутствует в VK, Facebook, Twitter, Google+ и в других популярных социальных сетях. Основываясь на всем вышесказанном и на своем личном опыте, могу сказать, что uCoz выгодно отличается от других конструкторов по многим параметрам. И я уверен, что многие пользователи со мной согласятся, поскольку сервис действительно надежный и очень функциональный.
- #21 ru.Wix.com Наиболее широко Wix известен за рубежом, где он считается одним из самых доступных конструкторов. Этот сервис предоставляет пользователям возможность создавать сайты на флеше. Флеш хорош тем, что позволяет использовать на сайте различные визуальные эффекты. Однако это довольно сложная технология, поэтому рядовому интернет-пользователю будет сложно создать с нуля качественный сайт. Проще зарегистрироваться на Wix и, используя визуальный редактор, быстро сконструировать флеш-сайт с незамысловатым дизайном. В Рунете чаще всего Wix используют фотографы, дизайнеры и другие люди творческих профессий. Он отлично подходит для создания небольших онлайн визиток или портфолио, но запустить на нем информационный портал с несколькими десятками страниц будет весьма проблематично. :( Небольшой недочет Wix заключается именно в доменном имени. Эта проблема не актуальна для пользователей, предпочитающих использовать собственный домен, но касается каждого желающего использовать бесплатное имя от Wix. Сервис предоставляет своим пользователям не обычный поддомен третьего уровня, а домен видаusername.wix.com/sitename. Безусловно, это несколько усложняет запоминаемость и наводит на мысли о переходе на премиум-аккаунт, позволяющий прикрепить к сайту собственный домен.
- #22 Еще один хороший вариант для тех, кто создает свой сайт впервые. Fo.ru имеет понятный визуальный редактор, в котором разберется и начинающий, и опытный вебмастер. Также как и другие сервисы, этот конструктор имеет набор стильных и современных шаблонов, элементы в которых можно менять по своему усмотрению. Однако людям, имеющим некоторый опыт в сайтостроении, там будет неинтересно. Fo.ru не отличается богатым функционалом и не предоставляет владельцу сайта доступ в код.
- #23 Входим на сайт платформы Google Sites. Для этого вводим в адресную строку своего браузера sites.google.com. Для создания своего сайта на платформе Google Sites необходим почтовый ящик в сервисе Gmail. Вводим его имя и пароль. После этого жмем на кнопку "Войти". Если у Вас еще нет почтового ящика, то обязательно зарегистрируйте. Процедура предельно простая и занимает не больше пяти минут.
- #24 Теперь можно приступить к созданию своего бесплатного сайта. Жмем на красную кнопку "Создать". Сначала необходимо выбрать шаблон внешнего вида сайта. Для начала подойдет вариант, используемый по умолчанию. В дальнейшем Вы сможете выбрать из всего ассортимента шаблонов подходящий и с помощью нескольких нажатий клавиш установить его на свой сайт. Чуть ниже необходимо указать название для своего сайта. Это название будет автоматически переведено на латиницу и предложено как URL-адрес нового сайта по которому любой человек в мире сможет зайти на него и ознакомиться с информацией, которую Вы там опубликовали. Учтите, что если под таким именем уже существует другой сайт, придется выбрать какое-нибудь другое название. Для подтверждения, что Вы не бот, вводим капчу (код в виде букв) и после этого жмем на кнопку "Создать".
- #25 Теперь сайт уже создан и доступен из любой точки планеты для кого угодно по выбранному адресу. Для того чтобы отредактировать первую страницу необходимо нажать на изображение карандаша в верхней части экрана. Вводим текст, который должен отображаться на этой странице. Его можно редактировать при помощи простого текстового редактора. Когда текст введен, жмем на кнопку "Сохранить".
- #26 Теперь введенный текст отображается на главной странице. Для создания дополнительной страницы жмем на кнопку, находящуюся справа от карандаша. Вводим название следующей страницы. При желании, URL-адрес новой страницы можно отредактировать по своему усмотрению. Также необходимо выбрать расположение новой страницы (на том же уровне, что и главная или уровнем ниже). Когда все заполнено и выбрано жмем на кнопку "Создать". Теперь вводим содержимое второй страницы. После ввода жмем на кнопку "Сохранить". Дополнительно можно вставлять картинки, ссылки и многое другое. Все это доступно из меню "Вставить". Теперь сайт с несколькими страницами и текстом в них готов. Он будет доступен в любое время суток из любой точки мира.