создание сайта

1,061 views
992 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,061
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
31
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

создание сайта

  1. 1. Создание сайта Выполнили студентки 5 курса ФТАД, Мишины Александра и Мария Владимировны
  2. 2. Этап №1 - ТЗ <ul><li>Создание технического задания </li></ul>
  3. 3. Что такое ТЗ? <ul><li>Цель </li></ul><ul><li>Особенность сайта </li></ul><ul><li>Целевая аудитория </li></ul><ul><li>Структура сайта </li></ul><ul><li>Методы создания </li></ul><ul><li>Используемые источники для заполнения сайта </li></ul>ТЗ - это документ, в котором фиксируются все пожелания Заказчика к будущему сайту. В техническом задании прописываются:
  4. 4. ТЗ. Цель Для чего мне нужен сайт? <ul><li>привлечение </li></ul><ul><li>новых клиентов </li></ul><ul><li>и партнеров </li></ul><ul><li>создание положительного имиджа о Вашей компании </li></ul><ul><li>информирование и взаимодействие с существующими клиентами и партнерами </li></ul>
  5. 5. ТЗ. Целевая аудитория Кто будет приходить на мой сайт?
  6. 6. ТЗ. Структура сайта <ul><li>Из каких разделов будет состоять мой сайт? </li></ul><ul><li>Главная </li></ul><ul><li>О компании </li></ul><ul><li>(о себе) </li></ul><ul><li>О продукции </li></ul><ul><li>Новости </li></ul><ul><li>Наши партнеры </li></ul><ul><li>Вакансии </li></ul><ul><li>(Портфолио) </li></ul><ul><li>Контакты </li></ul>
  7. 7. ТЗ. Методы создания с помощью кого или чего? Сделать самостоятельно С помощью конструктора сайтов Самостоятельно, но Выучить языки программирования Обратиться к профессионалам
  8. 8. Разработка сайта Создание простого сайта Создание Профессионального сайта
  9. 9. Создание простого сайта <ul><li>С помощью: </li></ul><ul><li>Интернет - Конструкторов сайтов; </li></ul><ul><li>Программ –конструкторов; </li></ul><ul><li>Скачать шаблон сайта. </li></ul>
  10. 10. Для кого нужны конструкторы сайтов? Это своего рода спасательный круг для тех, кому нужен срочно и без денежных затрат сделать свой сайт. Главная цель данного сайта будет предоставление информации.
  11. 11. Пример интернет-конструктора сайтов g3g.ru
  12. 12. Администрирование После регистрации сайта, Вы получаете пароль для входа На правах администратора. Здесь уже есть система управления сайтами
  13. 13. Далее, следуя инструкции, заполняйте сайт
  14. 14. Результат
  15. 15. Преимущества: <ul><li>Экономия времени; </li></ul><ul><li>Бесплатно; </li></ul><ul><li>Не нужны знания в программировании; </li></ul><ul><li>«Резиновость» сайта; </li></ul><ul><li>Есть гостевая книга, форум, возможность загрузки файлов; </li></ul><ul><li>Не нужно устанавливать систему управления сайтами. </li></ul>
  16. 16. Недостатки: <ul><li>Ограничение в объеме сайта – до 1 Гб; </li></ul><ul><li>Стандартные макеты; </li></ul><ul><li>Длинный адрес: имя. g3g.ru ; </li></ul><ul><li>Жесткая структура сайта. </li></ul>
  17. 17. Вариант №2.Скачать бесплатный html шаблон сайта
  18. 18. Я выбрала такой шаблон:
  19. 19. И вот, что получилось …
  20. 20. Преимущества: <ul><li>Бесплатно; </li></ul><ul><li>Быстро; </li></ul><ul><li>Большой выбор; </li></ul><ul><li>Интересные дизайны сайтов. </li></ul>
  21. 21. Недостатки: <ul><li>Необходимы минимальные знания для работы с графическими редакторами, HTML- кодом; </li></ul><ul><li>Систему управления сайтами ( CMS) придется устанавливать самому; </li></ul><ul><li>Самостоятельно публикуете в Интернете </li></ul>
  22. 22. Создание профессионального сайта Дизайн-студия: Менеджеры Дизайнер Верстальщик Программист Фрилансер
  23. 23. Пример макета сайта, сделанный дизайнером
  24. 24. Обязанности дизайнера <ul><li>создавать макет сайта </li></ul><ul><li>распределять информацию по разделам сайта </li></ul><ul><li>разрабатывать навигацию </li></ul><ul><li>использовать шаблоны </li></ul><ul><li>макетировать сайт с учетом эргономики (web-usability) </li></ul><ul><li>создавать иллюстрации для web </li></ul><ul><li>создавать анимационные элементы и баннеры </li></ul><ul><li>разрабатывать динамические элементы </li></ul><ul><li>оценивать и тестировать сайт </li></ul>
  25. 25. Верстальщик <ul><li>Отвечает за следующее: </li></ul><ul><li>Кроссбраузерность; </li></ul><ul><li>Валидность; </li></ul><ul><li>Отсутствие горизонтального колеса прокрутки (создание резинового или фиксированного сайта) </li></ul>
  26. 26. Кроссбраузерность – это одинаковое отображение сайта во всех браузерах
  27. 27. Валидность – это соответствие html -кода принятым стандартам и рекомендациям W3C ( World Wide Web Consortium). Стандарты W3C носит рекомендательный характер.
  28. 28. Проверка сайта на валидность на сайте W3C Тут надо ввести адрес вашего сайта
  29. 29. «Резиновость» сайта – растяжимость сайта в зависимости от расширения экрана <ul><li>Расширение экранов: </li></ul><ul><li>1024х768 </li></ul><ul><li>1280х1024 </li></ul><ul><li>1600х1200 </li></ul>
  30. 30. Программист <ul><li>проектирование баз данных; </li></ul><ul><li>скриптинг; </li></ul><ul><li>разработка, установка и настройка интерактивных сервисов; </li></ul><ul><li>разработка интерфейса и механизмов системы администрирования сайта. </li></ul>
  31. 31. Регистрация сайта в сети. План А
  32. 32. План Б: покупка доменного имени на аукционе
  33. 33. Конец <ul><li>Полезные ссылки по созданию сайтов: </li></ul><ul><li>http:// www.reggi.ru / - регистрация сайта </li></ul><ul><li>http://www.dbest.ru/creation_site/stage/- </li></ul><ul><li>рекомендации по созданию сайта </li></ul><ul><li>http://www.ucoz.ru/?uz=12137 – интернет-конструктор сайта </li></ul><ul><li>http://validator.w3.org/ - проверка сайта на валидность </li></ul>

×