7 лекция. Создаём сайт. Часть 1

7 лекция. Создаём сайт. Часть 1

11. Feb 2013, 09:22 daryushka daryushka

Всем привет!

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

Зима подходит к концу, а многие темы я так и не успела рассмотреть с вами.

Итак, на повестке дня большая тема - СОЗДАНИЕ САЙТОВ.

Наверно это моя любимая тема, потому как именно в этой области я работаю почти каждый день.

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

Итак, часть первая. ТЗ!

Самое главное в создании любого проекта - это чёткое осознание задачи. Лучше всего написать себе техническое задание (именуемое ТЗ).

В ТЗ обычно описывается 2 части - технический функционал, и архитектура сайта.

Рассмотрим всё на примере.

У вас есть хобби - пошив игрушек.
Тема: сайт о Глаше, которая шьёт мягкие игрушки из различных материалов, шьёт им одежду и отдаёт/продаёт их под заказ.

Разбиваем наш сайт по структуре и функциям:

  1. Обо мне - текстовая страница с фотографией;
  2. Новости - текстовая страница, ссылки на события, обновления и т.д.
  3. Хобби - текстовая страница, краткая история почему и как;
  4. Галерея - фотоальбом работ, с возможностью автоматически загружать фотографии, создавать новые альбомы;
  5. Контакты - контактные данные, возможность написать письмо с сайта или сделать заказ.

Дополнительные функции.
+ сайт будет на 2 языках
+ возможность связи с социальными сетями, например facebook
+ счётчик посещений
+ поиск через google
+ разместить баннеры друзей

Значит примерная разбивка у нас есть. Можно начинать работать.

Следующий пункт - НАЗВАНИЕ САЙТА.

Здесь вы чётко должны понимать на какую аудиторию ориентирован ваш сайт.

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

Домен - адрес вашего сайта в сети, например www.kukli.lv или www.hobby.ru

Добавлю что к 1 сайту можно “прикрутить” несколько доменов, просто первый будет самым главным.

Перед началом работы и разработкой дизайна необходимо проверить, свободен ли ваш выбранный домен и сколько он будет стоить:
http://www.nano.lv/

20130211091918-22468.jpg


Если вы покупаете домен латвийский, то проверить его можно на вышеупомянутом сайте, а покупать лучше на nic.lv , через них домен почти на 1 лат дешевле.

Следующий шаг, покупка ХОСТИНГА.

Хостинг - место на сервере, где лежит сам сайт физически.

Конечно, можно создавать сайт на локальном веб сервере, но лучше и проще сразу делать его на живом серваке.

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

Например есть такие варианты:
http://www.gold.lv/hostings/lv/hostings/

20130211092027-19991.jpg


http://area.lv/lv/hostings
http://www.nano.lv/rus/hosting/linux

20130211092110-59809.jpg

 Итак, на что вам необходимо обращать внимание при покупке хостинга:

  • Место на сервере - если вам не нужно закачиватьн а сайт тяжёлые видео или фотографии (видео можно закачивать на ютуб если что), а фотки оптимизировать с 5 мб до 1-2, то вам иногда даже 50 MB будет достаточно;
  • Поддержка PHP;
  • 1 база данных MySQL (может и больше);
  • Доступ FTP;
  • Желательно 1 e-mail (что бы создать красивый мейлб например info@kukli.lv, который при желании вы можете связать со своим обычным мейлом

Если домен и хостинг вы заказываете в разных местах, то их необходимо связать между собой. Самый простой вариант, это при заказе хостинга, сразу сказать им, что у вас есть домен (и назвать его) и попросить у хостера данные для домена (обычно это IP адрес). Эти данные пересылаете фирме, у которой покупали домен и они сами всё пропишут.

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

  • доступ FTP (адрес, имя и пароль); 
  • доступ к базе данным, а лучше сразу попросить сделать вам чистую MYSQL базу данных. Тогда они пришлёт имя базы данных (сокр. БД), имя пользователя БД и пароль;
  • могут так же прислать доступ к е-мейл ящику, где вы сами создадите новый е-мейл.

Поскольку выбор огромен как и где заказывать эти услуги, то информация может слегка меняться. Но главное нести основную линию.

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

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

В следующей лекции мы попробуем установить готовую систему сайта и подобрать ей графический шаблон.

Ваша Даша

П.С. Может напишите в комментах какие системы вы уже используете, может накидайте ссылок на свои сайты. Интересно ведь что и как у вас организованно.

daryushka daryushka 12. Feb 2013, 11:45 jearsy

ага, взламывают самые популярные, и коммерческие проекты, надо хорошо защищать. Для среднерядового сайта всё равно какая база, главное во время обновлять.

12. Feb 2013, 11:29

Один авторитетный интернет мастер сказал, что wordpress регулярно взламывают и могут "увести" даже финансовые операции. Будьте внимательны.

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

daryushka daryushka 12. Feb 2013, 08:30 kirina

Но сейчас я посмотрела что сайт у тебя на wordpress. ТОже решение неплохое, ориентированная система больше на блог, но что с неё можно переделать - уже полёт фантазии и умелые ручки 😀

daryushka daryushka 12. Feb 2013, 08:28 alice

А я вот почтой gmail пользуюсь. И если надо, то к ней прикручиваю мейл. Хотя если домен отрубить, то во всяком случае входящий, успевшие прийти будут и ответить ты можешь.
Кстати, хорошо что ты про домен напомнила 😀

daryushka daryushka 12. Feb 2013, 08:27 cipka

Даёшь свободу мужу! Сама-сама-сама! Вместе обязательно получиться, а нюансы он подправит уже 😀

daryushka daryushka 12. Feb 2013, 08:25 kirina

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

daryushka daryushka 12. Feb 2013, 08:24 ioanna4

О! Если актуально, то через пару лекций начнёшь делать и тогда будут вопросы. С удовольствием помогу 😉

daryushka daryushka 12. Feb 2013, 08:24 MrsSasha

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

daryushka daryushka 12. Feb 2013, 08:23 devasolnca

Это конечно не такой лёгкий труд. А чем больше знаешь, тем больше понимаешь что всё не так 😀
Покажи свой сайт?

daryushka daryushka 12. Feb 2013, 08:22 Белка

Саш, надеюсь пригодится 😀

daryushka daryushka 12. Feb 2013, 08:22 jearsy

Честно говоря не знала что такое "Easter eggs". Погугли. Нет, об этом я рассказывать не буду. В частности тут. Как минимум не сейчас.
Мы начинаем с самого простого и то что будет актуально Мамочкам.

П.С. Да я применяются наверно такие штуки больше на игровых порталах. Разве нет?

11. Feb 2013, 21:36

у нас сайт сдох) нужно оплатить домен)))
+ сегодня узнала, что моя почта тоже выдохнула в последний раз... печалька, скорейбы муж приехал заставлю оплатить все, без почты как без рук 😀

kirina (Kabinetto) kirina (Kabinetto) 11. Feb 2013, 20:11

а я сейчас сама шаблон на ucoz.ru переделываю. время ушло прилично на это, но теперь зато во многом разбираться стала...

ioanna4 ioanna4 11. Feb 2013, 15:57

Ого, я вот зато как в море утонула. Хотя для меня это очень нужная и актуальная информация. Но тут надо пробовать.

11. Feb 2013, 15:23 jearsy

Ага, пошло 😀

11. Feb 2013, 15:05 cipka

nano работает. С ним все ОК. Попробуй еще раз.

11. Feb 2013, 14:57

Не получается зайти на http://www.nano.lv/ Пишет web page not found...
статья для меня как раз в тему 😀 А то надоело мужа постоянно просить сделать мне сайт.

11. Feb 2013, 14:40

И я буду следить. Мне актуально. Хотя пока ничего нового лично для меня не прочитала. Подождемсс что будет дальше.
Даша, если можно расскажи про такие фишки как "Easter eggs" для сайтов.

11. Feb 2013, 13:11

Я делала сайтик на sitecity.ru и ucoz.ru , в нормальный бизнес сайт мне делал муж.

Буду следить за темкой! Очень интересно 👍👍👍

devasolnca devasolnca 11. Feb 2013, 10:07

Оооо..еее..Я уже раз попыиалась создать сайт 😀Решила доверить спецам.

1 2