Разработка сайта

Практикум

  1. Дома создайте бесплатный сайт с uCoz.  Как создать бесплатный сайт на uCoz?. Выполните все 7 уроков по регистрации сайта, созданию и редактированию страниц сайта с помощью визуального редактора uCoz..

  2. Сохраните свои файлы на своем сайте с помощью файлового менеджера uCoz.

  3. Дома подключитесь к облачным хранилищам файлов (Яндекс-Диск, OneDrive) и сохраните там свои файлы.

  4. Создайте ссылки на свои файлы в облачных хранилищах и на своем сайте.

  5. Создайте и опробуйте все возможные модули на сайте. Инструкция по активации модулей.

  6. Создайте меню сайта. Инструкция по созданию меню

  7. Добавьте блоки с помощью Конструктора. Инструкция по Конструктору.

  8. Использование административного бара: управление сайтом и пользователями. Инструкция по работе с админ-баром.

Дополнительные задания по практикуму (необязательные)

  1. Дома используйте бесплатную программу FileZilla для загрузки на свой сайт папок и файлов. Инструкция по настройке FileZilla.

  2. Дома создайте видео с размещением в Youtube или в другом облачном сервисе. Можно использовать сервисы: TechSmith (бесплатный Jing) или ScreenCast O Matic.

Список студентов   Экспертная оценка сайтов студентов

Вопросы для самопроверки

  1. Какие средства разработки сайтов Вы знаете? Понятие хостинга.

  2. Возможности конструктора сайтов uCoz, его особенности и ограничения.

  3. Вход на сайт. Админ-бар сайта uCoz. Назначение и возможности.

  4. Панель управления сайтом uCoz. Назначение и возможности.

  5. Понятие модуля сайта uCoz, какие модули Вы знаете?

  6. Визуальный редактор страниц uCoz, порядок разработки страниц.

  7. Файловый менеджер uCoz. Его возможности и ограничения. Порядок использования.

  8. FTP-клиент FileZilla. Назначение и возможности. Отличие от файлового менеджера uCoz.

  9. Порядок создания гиперссылок в визуальном редакторе страниц в uCoz.

  10. Конструктор меню uCoz. Его возможности.

  11. Понятие облачного хранилища файлов. Какие хранилища  Вы знаете? Их преимущества и особенности.

  12. Анализ и сравнение сайтов.

Учебные ресурсы

  1. Для тех, кто делает сайты: http://htmlbook.ru/

  2. Онлайн-уроки HTML, CSS от Ярослава Никитина.

  3. Интерактивные онлайн-курсы по HTML и CSS

  4. Учебники HTML и CSS

  5. Учебники Javascript

  6. Онлайн разработка программ http://ideone.com/

  7. Работа в Macromedia Dreamweaver 8. 2005.

  8. KompoZer - бесплатный русифицированный визуальный HTML-редактор.

  9. FileZilla - бесплатный русифицированный FTP-клиент.

  10. WinHTTrack Website Copier - бесплатная русифицированная программа копирования сайтов.

  11. Как добавить сайт в поиск Яндекса

  12. Анализ сайта от сервиса WebMasta.org

  13. Speedtest.net by Ookla - Глобальная проверка скорости широкополосных соединений

  14. IP-адрес и другая информация о сайте.

  15. Цветовые коды HTML

  16. Веб-страницы и веб-сайты - видео от Дмитрия Тарасова

  17. Пример сайта студента-магистра