Поэтапно сделать простейший веб-сайт на любую тематику. (Для студента в универе)
Нужно сделать простейший сайт, разделённый на несколько лабораторных работ по ходу его создания.
Так же сделать ОТЧЁТЫ по всем лабораторным работам, максимально простые, без излишеств, пример отчётов будет в одном из прикреплённых файлах, можно редактировать прям его.
Мне нужны отчёты по лабораторным работам и архив с кодом для КАЖДОЙ лабораторной работы.
ДЕДЛАЙН: 27.01.2022 в 23:59 по МСК. Чем раньше, тем лучше.
Нужно будет использовать такие средства разработки, как:
-HTML5 и CSS3
-JavaScript
-JQuery
-PHP и какая-либо СУБД, например mySQL
-AJAX
-ChartJS
Лабораторных работ 8. Текста заданий первых 3-х я размещу здесь, в описании. Весь текст не влезет сюда, поэтому все задания лабораторных работ, а так же работу одногруппника для примера, я размещу в приложенных файлах.
ЗАДАНИЯ ДЛЯ ЛАБОРАТОРНЫХ РАБОТ:
ЗАДАНИЕ 1-ОЙ ЛАБЫ: Разработать простой сайт, используя технологии HTML5 и CSS3.
Возможные варианты: Сайт компании, сайт общественной организации, сайт магазина, исторический сайт, сайт музея, развлекательный сайт, музыкальный сайт, сайт хранилище, научный сайт и т.д. Можно использовать свою предметную область.
Требования:
1. Сайт должен состоять из 5-8 страниц (разделов)
2. Блочная структура страницы (блок заголовок, блок меню, блок рабочей области, блок копирайт, другие блоки)
3. Единый дизайн страниц (расположение блоков, цветовая гамма, шрифт и др.)
4. Для структуры страницы использовать HTML5
5. Для дизайна использовать единую таблицу стилей (внешний файл CSS3)
6. На сайте обязательное использование следующих тегов (контейнеров): html-документ, заголовок документа, мета-информация о документе, заголовки, абзацы текста, списки, таблицы, ссылки, картинки, логическое и физическое форматирование текста, html5 теги (header, footer, nav, article, section, aside, audio, video).
7. Обязательное использование трех видов селекторов CSS: html-контейнер, класс и идентификатор объекта.
Используемые инструментальные средства:
- под Windows – Notepad , SciTE, TopStyle, Atom, NetBeans IDE
- под Linux – Quanta или vim или др. (можно NetBeans IDE).
По итогам выполнения лабораторной работы представить отчет и программный код.
ЗАДАНИЕ 2-ОЙ ЛАБЫ: Модернизировать разработанный в лабораторной работе 2 сайт (проект), используя технологии HTML5 и библиотеку CSS Bootstrap. Т.е. в проекте должны быть использованы теги HTML5 и каскадные стили из библиотеки Bootstrap (разметка, позиционирование, кнопки, ссылки, текст, картинки и др).
По итогам лабораторной работы представить отчет и программный код.
ЗАДАНИЕ 3-Й ЛАБЫ: К разработанному сайту (проекту) добавить возможности интерактивности (динамики на стороне клиента), используя язык программирования JavaScript.
Варианты динамики: Интерактивное меню, интерактивная таблица, слайд шоу, генерация документа, гостевая книга, проверка полей формы на корректность вводимых данных, проигрывание музыки и видео, интерактивные подсказки, формы, фотогалерея и т.д.
Требования (не обязательно все пункты, можно несколько на выбор, кроме пункта 6):
1. Интерактивное меню или таблица
2. Создание одной или нескольких форм
3. Проверка на корректность введенных в форме данных
4. Обработка данных формы и генерация новой страницы
5. Галерея объектов (картинок) и получение свойств объекта в новом окне
6. Обязательное использование трех видов внедрения JavaScript в страницу HTML: гипертекстовая ссылка (схема URL), обработчик события (handler), вставка (контейнер SCRIPT).
По итогам лабораторной работы представить отчет и программный код.
Используемые инструментальные средства:
- под Windows – Notepad , SciTE,NetBeans IDE
под Linux – Quanta или vim или др (NetBeans IDE) для отладки Firefox с плагином Firebug.
27.01.2022 21:01