SlideShare a Scribd company logo
1 of 26
СОЗДАНИЕ САЙТА
САЙТ ИЛИ БЛОГ?
КАКИЕ БЫВАЮТ САЙТЫ?
ВИЗИТКА.
КАКИЕ БЫВАЮТ САЙТЫ?
ПРОМО-САЙТ
КАКИЕ БЫВАЮТ САЙТЫ?
КОРПОРАТИВНЫЙ САЙТ
КАКИЕ БЫВАЮТ САЙТЫ?
ИНФОРМАЦИОННЫЙ САЙТ
КАКИЕ БЫВАЮТ САЙТЫ?
ПОРТАЛ.
КАК НЕ НАДО ДЕЛАТЬ САЙТ
ТРЕБОВАНИЯ К САЙТАМ
 Единый стиль страниц
 Рациональное использование площади окна
браузера
 Простая навигация
 Сохранение основных функций при
отключении в браузере Flash, JavaScript и
ActiveX.
 Одинаковое отображение разными браузерами
 Возможность просмотра с мобильного
устройства
 Отсутствие ошибок в тексте, качественные
изображения
 Любая страница сайта должна загружаться не
более 10 секунд
ЧТО НУЖНО ДЛЯ ТОГО ЧТОБЫ
СДЕЛАТЬ САЙТ?
знание HTML, JavaScript, CSS, Flash, SQL
ИЛИ
использование готовых конструкторов
аренда хостинга для размещения сайта
ИЛИ
использование бесплатных хостов
зарегистрированное доменное имя
ИЛИ
использование специальных сервисов
КАКИЕ БЫВАЮТ КОНСТРУКТОРЫ
САЙТОВ?
КАКИЕ БЫВАЮТ КОНСТРУКТОРЫ
САЙТОВ?
КАКИЕ БЫВАЮТ КОНСТРУКТОРЫ
САЙТОВ?
ЭТАПЫ СОЗДАНИЯ GOOGLE-САЙТА
СОЗДАЕМ СВОЙ САЙТ
НАПОЛНЯЕМ САЙТ
ИНФОРМАЦИЕЙ
СОЗДАЕМ ВТОРУЮ СТРАНИЦУ
ЗАДАНИЕ 1
Создать сайт по одной из представленных тем
Сайт должен содержать 4 страницы:
Общая информация
Кухня страны
Традиции страны
Достопримечательности
В таблицу вписать название страны и адрес
сайта

More Related Content

Viewers also liked

презентация для односоставные предложения
презентация для односоставные предложенияпрезентация для односоставные предложения
презентация для односоставные предложенияveranekrasova
 
Noi nu suntem urmasii romei dr.napoleon savescu
Noi nu suntem urmasii romei   dr.napoleon savescuNoi nu suntem urmasii romei   dr.napoleon savescu
Noi nu suntem urmasii romei dr.napoleon savescuCisser-Trandafir Gheorghe
 
34 years 2 learn design thinking
34 years 2 learn design thinking34 years 2 learn design thinking
34 years 2 learn design thinkingNeissan Monadjem
 
Anatomypowerpoint
AnatomypowerpointAnatomypowerpoint
AnatomypowerpointStu Zarazun
 
DH Week Workshop: Pinterest as Exhibition
DH Week Workshop: Pinterest as ExhibitionDH Week Workshop: Pinterest as Exhibition
DH Week Workshop: Pinterest as ExhibitionNoreen Whysel
 
«OWASP Top 10 hands on workshop» by Stanislav Breslavskyi
«OWASP Top 10 hands on workshop» by Stanislav Breslavskyi «OWASP Top 10 hands on workshop» by Stanislav Breslavskyi
«OWASP Top 10 hands on workshop» by Stanislav Breslavskyi 0xdec0de
 
Entornos virtuales
Entornos virtualesEntornos virtuales
Entornos virtualesJanrth
 
Corporate Social Responsability / RSE
Corporate Social Responsability / RSE Corporate Social Responsability / RSE
Corporate Social Responsability / RSE ADHERE RH
 
Aux confins du nord vietnam
Aux confins du nord vietnamAux confins du nord vietnam
Aux confins du nord vietnamTheMinHoang
 
Сайт газеты "Автомеханик"
Сайт газеты "Автомеханик"Сайт газеты "Автомеханик"
Сайт газеты "Автомеханик"anastasia_nikon
 
CARTI personalizate pentru COPII
CARTI personalizate pentru COPIICARTI personalizate pentru COPII
CARTI personalizate pentru COPIIClaudiu Nemes
 
Social media statistics statistics
Social media statistics statisticsSocial media statistics statistics
Social media statistics statisticsNewGate India
 
What library associations can do, advocacy experiences from Germany
What library associations can do, advocacy experiences from GermanyWhat library associations can do, advocacy experiences from Germany
What library associations can do, advocacy experiences from Germanynvbonline
 

Viewers also liked (19)

презентация для односоставные предложения
презентация для односоставные предложенияпрезентация для односоставные предложения
презентация для односоставные предложения
 
Noi nu suntem urmasii romei dr.napoleon savescu
Noi nu suntem urmasii romei   dr.napoleon savescuNoi nu suntem urmasii romei   dr.napoleon savescu
Noi nu suntem urmasii romei dr.napoleon savescu
 
34 years 2 learn design thinking
34 years 2 learn design thinking34 years 2 learn design thinking
34 years 2 learn design thinking
 
Anatomypowerpoint
AnatomypowerpointAnatomypowerpoint
Anatomypowerpoint
 
DH Week Workshop: Pinterest as Exhibition
DH Week Workshop: Pinterest as ExhibitionDH Week Workshop: Pinterest as Exhibition
DH Week Workshop: Pinterest as Exhibition
 
Cv Blonda
Cv BlondaCv Blonda
Cv Blonda
 
«OWASP Top 10 hands on workshop» by Stanislav Breslavskyi
«OWASP Top 10 hands on workshop» by Stanislav Breslavskyi «OWASP Top 10 hands on workshop» by Stanislav Breslavskyi
«OWASP Top 10 hands on workshop» by Stanislav Breslavskyi
 
Entornos virtuales
Entornos virtualesEntornos virtuales
Entornos virtuales
 
Corporate Social Responsability / RSE
Corporate Social Responsability / RSE Corporate Social Responsability / RSE
Corporate Social Responsability / RSE
 
Task 3
Task 3Task 3
Task 3
 
Aux confins du nord vietnam
Aux confins du nord vietnamAux confins du nord vietnam
Aux confins du nord vietnam
 
Сайт газеты "Автомеханик"
Сайт газеты "Автомеханик"Сайт газеты "Автомеханик"
Сайт газеты "Автомеханик"
 
Patterson ch07
Patterson ch07Patterson ch07
Patterson ch07
 
CARTI personalizate pentru COPII
CARTI personalizate pentru COPIICARTI personalizate pentru COPII
CARTI personalizate pentru COPII
 
قصة الملك
قصة الملكقصة الملك
قصة الملك
 
Проект
ПроектПроект
Проект
 
Navy career wise ad maker vertical
Navy career wise ad maker verticalNavy career wise ad maker vertical
Navy career wise ad maker vertical
 
Social media statistics statistics
Social media statistics statisticsSocial media statistics statistics
Social media statistics statistics
 
What library associations can do, advocacy experiences from Germany
What library associations can do, advocacy experiences from GermanyWhat library associations can do, advocacy experiences from Germany
What library associations can do, advocacy experiences from Germany
 

Сайт своими руками

Editor's Notes

  1. 1. Вообще сайт – это более профессиональный проект. В нем нет, и не может прослеживаться личность автора. Статьи, как правило, просто информационного характера. В них вы вряд ли встретите эмоциональное выражение. Смайлики, например, и т.д. Блог же – это личный проект. Это как если бы вы завели себе обычный бумажный дневник, и писали бы в него все, что с вами происходит. То есть, от первого лица. 2. Отличие блога от сайта заключается и в том, что на сайте нет возможности комментировать размещенные на нем материалы (статьи), а на блоге такая возможность присутствует. Чем это хорошо? А тем, что статей размещено на различных сайтах немеряно. Но вот где правда, скажите? Кому верить? Если, например, на сайте будет размещен обзор полезной программы. Описано будет красиво, но вот если бы еще были комментарии, как в блоге, где люди бы высказались насчет данной программы, то это выглядело бы более убедительно, не правда ли? Конечно, можно ненужные комментарии выкинуть, а нужные оставить, если хочешь, чтобы был только один позитив. Но, по крайней мере, если речь идет о том, купить ли товар или нет, то лучше хоть что-то, чем ничего. Причем, иногда липовые отзывы видно за километр 3. На блоге все записи появляются в хронологическом порядке. Это еще одно важное отличие блога от сайта. Все новые записи в блоге всегда размещаются вверху страницы. 4. Опять же скажу пару слов об информации. На блоге форма изложения информации более доступна, поэтому и воспринимается читателями проще. Когда информация представлена скупым деловым языком – это одно, а когда расписано простым русским, то все становится очевидно. Это, своего рода, повторение первого пункта, но я решил все-таки выделить его в отдельный 5. Вокруг каждого блога со временем формируется определенное сообщество людей, объединенных по интересам. Не скажу то же самое про сайт. Просто когда ты только воспринимаешь представленную информацию, а высказаться на эту тему не можешь, то это не совсем интересно. А когда на блоге представлена какая-то информация, и ты имеешь возможность высказаться на этот счет, подискутировать с другими людьми, которым интересна данная тема, то это значительно интересней. 6. Ну, и, наконец, еще одно важное отличие блога от сайта – это дизайн. Вот ниже я представил два дизайна. Не нужно слов, все очевидно. На блоге есть сайдбар (это та вертикальная колонка, которая начинается со слова «Рекомендую» на правой картинке), есть обычно и фотография автора блога, всюда есть выражение «Я». А на сайте этого нет. То есть, выражение «Я» встретить можно, но в несколько ином ракурсе.
  2. Сайт-визитка - это небольшой сайт, состоящий, как правило, из 5-10 страниц. Но вместе с тем он являет собой полноценный виртуальный ресурс с уникальным дизайном и программной частью. Под "визиткой" подразумевается не формат, а назначение сайта--кратко и компактно давать необходимую информацию.
  3. Промо-сайт — это Интернет-ресурс, основная цель которого заключается в том, чтобы преподнести определенный товар, услугу, событие или бренд и склонить покупателя именно к его выбору. В этом и заключается главное отличие от сайта-визитки или портала, в которых преподносится общая информация обо всех продуктах без акцента на каком-либо одном. Можно провести некоторую аналогию между промо-сайтом и буклетом или афишей. Обычно такие создают в преддверии события или выхода нового товара. Также удачным примером промо-сайтов могут послужить сайты, созданные накануне выхода нового фильма или выхода новой марки автомобиля.  Часто промо-сайты заказывают в дополнение к основному сайту, с целью выделить один из товаров. Но такие сайты имеют смысл, только когда имеется довольно широкая линейка товаров и стоит цель сильно выделить один из них. Еще одним отличием является большое количество графики и мультимедиа-презентаций нового товара. Зачастую, промо-сайты являются интерактивными, то есть посетитель может влиять, например, на цвет товара или его комплектацию, чтобы лучше понять как потенциальная покупка будет выглядеть в иной раскраске.
  4. Корпоративные сайты Главная цель создания корпоративного сайта – довести информацию о фирме, ее деятельности, производимых товарах или предоставляемых услугах до ведома как можно большего количества людей, в которых заинтересована компания как в будущих потребителях или партнерах. Корпоративные сайты сегодня – это и простые ресурсы, позволяющие решать маркетинговые задачи, которые фирма ставит перед собой, и сложные системы, взаимодействующие с внутренними системами компании: базами данных, системами расчета управления клиентами и др.
  5. Информационный сайт Информационный сайт представляет собой нечто среднее между сайтом-визиткой и корпоративным сайтом. Но по сравнению с первым имеет более широкие возможности, такие как системы покупок, более сложный и эксклюзивный дизайн, а также большее число страниц. Именно такого типа интернет-ресурсы чаще всего создают представители малого и среднего бизнеса. Главной задачей любого информационного сайта является предоставление полной и, что немаловажно, регулярно обновляемой информации о деятельности компании, ее продукции – информации, в которой заинтересованы потенциальные потребители. Это может быть история организации, данные о ее достижениях, основных проектах, подробное описание и характеристики выпускаемой продукции, каталог товаров, прайс-листы, разного рода иллюстрации, а также средства обратной связи, такие как форумы, гостевые книги и пр. Размещая ту или иную информацию на информационном сайте, необходимо помнить, что она должна не только привлекать новых посетителей, но и удерживать внимание текущих, а потому быть актуальной и с довольно высокой периодичностью обновляться. С целью облегчить поиск информации пользователю, а также для более выгодного ее представления она, как правило, разбивается на тематические разделы. Объем информационного сайта обычно составляет от 10 до 30 страниц.
  6. Портал Портал сегодня является самой наисложнейшей виртуальной бизнес-системой и способен решать самые трудные коммерческие задачи. Он содержит свойства и включает в себя функции различных видов сайтов: визитки, промо-сайта, интернет-магазина, а также корпоративного онлайн-ресурса. По сути, это вэб-сайт с многоуровневой структурой и внушительным объемом информации. Иными словами, портал – это ресурс, состоящий из нескольких интернет-представительств и имеющий огромную постоянную аудиторию.
  7. Все пользователи системы получают бесплатные домены третьего уровня. Такое имя сайта может иметь следующий вид: uguide.ucoz.ru. Использование такого имени не является обязательным – при желании вы можете абсолютно бесплатно прикрепить к сайту собственный домен. Более того, своим пользователям uCoz предлагает возможность покупки доменов в рамках системы. 1. Возраст. В этом году uCoz исполнилось 7 лет, что говорит о его высокой надежности. Далеко не все интернет-сервис доживают до такого возраста и при этом продолжают расти и развиваться. 2. Широкий функционал и уникальные возможности. Пользователи могут создавать самые разнообразные виды сайтов: личные блоги, полноценные интернет-магазины, сайты-визитки, новостные порталы и многое другое.  В качестве оформления сайта вы можете использовать один из 250 бесплатных шаблонов uCoz или приобрести стильный дизайн в официальном магазине шаблонов.  Те, кто плохо разбирается в сайтостроении, могут работать над сайтом через визуальный конструктор. Более продвинутые пользователи могут вносить изменения непосредственно в код сайта. Все это дает возможность настраивать сайт четко под свои нужды.  3. Постоянное развитие. uCoz регулярно запускает новые модули и полезные дополнения.  Одним из самых глобальных обновлений за последние годы стал релиз модуля интернет-магазина. Этот модуль включает как классические опции интернет-магазина, так и продвинутые возможности, вроде автоматизированной оплаты заказов, дисконтной системы и др.  Также весьма приятным сюрпризом для пользователей uCoz стал недавний запуск модуля "Постинг в соцсети", про который я уже писал в своем блоге. 4. Качественная техподдержка и активное сообщество. Будучи владельцем сайта на uCoz, мне приходилось не раз обращаться в саппорт. И хочу сказать, что все вопросы всегда решались оперативно и профессионально.   Помимо службы техподдержки всегда можно задать вопрос на официальном форуме uCoz или в группе в соцсетях. Сейчас uCoz присутствует в VK, Facebook, Twitter, Google+ и в других популярных социальных сетях. Основываясь на всем вышесказанном и на своем личном опыте, могу сказать, что uCoz выгодно отличается от других конструкторов по многим параметрам. И я уверен, что многие пользователи со мной согласятся, поскольку сервис действительно надежный и очень функциональный.
  8. ru.Wix.com Наиболее широко Wix известен за рубежом, где он считается одним из самых доступных конструкторов. Этот сервис предоставляет пользователям возможность создавать сайты на флеше. Флеш хорош тем, что позволяет использовать на сайте различные визуальные эффекты. Однако это довольно сложная технология, поэтому рядовому интернет-пользователю будет сложно создать с нуля качественный сайт. Проще зарегистрироваться на Wix и, используя визуальный редактор, быстро сконструировать флеш-сайт с незамысловатым дизайном. В Рунете чаще всего Wix используют фотографы, дизайнеры и другие люди творческих профессий. Он отлично подходит для создания небольших онлайн визиток или портфолио, но запустить на нем информационный портал с несколькими десятками страниц будет весьма проблематично. :( Небольшой недочет Wix заключается именно в доменном имени. Эта проблема не актуальна для пользователей, предпочитающих использовать собственный домен, но касается каждого желающего использовать бесплатное имя от Wix. Сервис предоставляет своим пользователям не обычный поддомен третьего уровня, а домен видаusername.wix.com/sitename. Безусловно, это несколько усложняет запоминаемость и наводит на мысли о переходе на премиум-аккаунт, позволяющий прикрепить к сайту собственный домен.
  9. Еще один хороший вариант для тех, кто создает свой сайт впервые. Fo.ru имеет понятный визуальный редактор, в котором разберется и начинающий, и опытный вебмастер. Также как и другие сервисы, этот конструктор имеет набор стильных и современных шаблонов, элементы в которых можно менять по своему усмотрению. Однако людям, имеющим некоторый опыт в сайтостроении, там будет неинтересно. Fo.ru не отличается богатым функционалом и не предоставляет владельцу сайта доступ в код.
  10. Входим на сайт платформы Google Sites. Для этого вводим в адресную строку своего браузера sites.google.com. Для создания своего сайта на платформе Google Sites необходим почтовый ящик в сервисе Gmail. Вводим его имя и пароль. После этого жмем на кнопку "Войти". Если у Вас еще нет почтового ящика, то обязательно зарегистрируйте. Процедура предельно простая и занимает не больше пяти минут.
  11. Теперь можно приступить к созданию своего бесплатного сайта. Жмем на красную кнопку "Создать". Сначала необходимо выбрать шаблон внешнего вида сайта. Для начала подойдет вариант, используемый по умолчанию. В дальнейшем Вы сможете выбрать из всего ассортимента шаблонов подходящий и с помощью нескольких нажатий клавиш установить его на свой сайт. Чуть ниже необходимо указать название для своего сайта. Это название будет автоматически переведено на латиницу и предложено как URL-адрес нового сайта по которому любой человек в мире сможет зайти на него и ознакомиться с информацией, которую Вы там опубликовали. Учтите, что если под таким именем уже существует другой сайт, придется выбрать какое-нибудь другое название. Для подтверждения, что Вы не бот, вводим капчу (код в виде букв) и после этого жмем на кнопку "Создать".
  12. Теперь сайт уже создан и доступен из любой точки планеты для кого угодно по выбранному адресу. Для того чтобы отредактировать первую страницу необходимо нажать на изображение карандаша в верхней части экрана. Вводим текст, который должен отображаться на этой странице. Его можно редактировать при помощи простого текстового редактора. Когда текст введен, жмем на кнопку "Сохранить".
  13. Теперь введенный текст отображается на главной странице. Для создания дополнительной страницы жмем на кнопку, находящуюся справа от карандаша. Вводим название следующей страницы. При желании, URL-адрес новой страницы можно отредактировать по своему усмотрению. Также необходимо выбрать расположение новой страницы (на том же уровне, что и главная или уровнем ниже). Когда все заполнено и выбрано жмем на кнопку "Создать". Теперь вводим содержимое второй страницы. После ввода жмем на кнопку "Сохранить". Дополнительно можно вставлять картинки, ссылки и многое другое. Все это доступно из меню "Вставить". Теперь сайт с несколькими страницами и текстом в них готов. Он будет доступен в любое время суток из любой точки мира.