Добавлен: 23.11.2023
Просмотров: 105
Скачиваний: 4
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
1.2 - Боковая панель
– В появившемся меню, кликните на кнопку Open editors и в открывшемся окне выберите созданную заранее папку (напимар Matreshka). Кликните кнопку Open Folder.
1.3 - Боковая панель. Выбор папки
– Для создания первой страницы сайта design.html наведите мышку на область названия папки(проекта) Matreshka и кликните значок
. В появившейся форме введите design.html.
1.4 - Создан файл design.html
Наполнение папки Matreshka
Для создания проекта, нам понадобятся дополнительные файлы: CSS, JS, мультимедиа.
– Для этого скачайте в вашу папку, папки и файлы из папки work_files.
1.5 - Папка Matreshka
– Откройте редактор. Папки появились в навигационном меню проекта. Они будут задействованы позже.
1.6 - Название страницы
Создание дизайна сайта.
Для создания дизайна сайта нами будет подключен файл CSS, в котором указаны свойства для элементов HTML5. Изучить CSS вы можете самостоятельно.
– Заполните файл design.html согласно стандартной структуре HTML5 документа, как на рисунке 1.7:
1.7 - Стандартная структура
– Между тегами title введите название страницы ООО «Матрешка» (рисунок 1.8).
1.8 - Название страницы
– Следующим шагом будут meta и link данные. Между тегами head добавьте следующие строки (рисунок 1.9):
1.9 - Добавлены meta и link данные
Данным кодом вы к файлу design.html подключили css файл со свойствами для элементов HTML5, а также meta name="viewport" для того, чтобы сообщить браузеру, что ваша страница предназначена для правильного поведения области просмотра как на персональных компьютерах, так и на мобильных устройствах.
– Для отображения страницы как на примере, нужно прописать id для тэгов и разделительную полосу при помощи тега hr.
1.10 – Добавьте выделенные области кода на свою страницу
– Добавим логотип на страницу. Логотип у вас используется в формате SVG, если же у пользователя поддержка SVG не предусмотрена браузером выводиться будет альтернативное изображения в формате PNG.
Вся область логотипа и подпись снизу будет обернута DIV с именем center для того, что бы все объекты внутри располагались по центру. Клик по картинке будет переводить вас на главную страницу сайта (рисунок 1.11).
1.11 - Код добавления логотипа на страницу
– Следующим шагом будет создание навигации на сайте. Стиль навигации уже прописан в CSS файле. Вам осталось добавить ссылки между тегоми nav. В конце добавим div clearfix. Clearfix - метод отмены действия float без изменения структуры HTML-документа (рисунок 1.12).
1.12 - Код ссылок для вставки навигации
– Добавьте копирайт в подвал сайта между тегами footer (рисунок 1.13).
1.13 – Добавление подвала
Создана первая веб-страница на HTML5 (рисунок 1.16): добавлен текст и цвета, добавлены изображения и подключена CSS. Вы выполнили предварительный просмотр страницы в браузере (рисунок 1.14).
1.14 - Предварительный просмотр веб-страницы
Заключение
Список IDE намного больше представленного выше, выбирая подходящую среду разработки для себя стоит руководствоваться личными потребностями. В первую очередь нужно определиться, какие функции в приоритете, что планируется делать и какие инструменты необходимы в первую очередь. Язык программирования, который используется в работе, тоже играет роль при выборе.
Существует мнение, что только платный продукт способен максимально удовлетворить запросы, решить поставленные задачи и выполнить работу. Другие считают наоборот, что бесплатная интегрированная среда вполне может справится с поставленными задачами и платить нет смысла.
В процессе выполнения курсовой работы были изучены след вопросы:
-
Определение интегрированной среды разработки -
Историю развития IDE -
Классификацию IDE -
IDE Code::Blocks -
IDE Dev-C++ -
VisualStudio
Команды разработчиков со всего мира трудятся ежедневно, совершенствуя продукт и чем больше они делают шагов для улучшения, тем больше появляется споров какая же среда лучше. Но вывод один — руководствоваться следует индивидуальными предпочтениями. Делая выбор, лучше учитывать больше факторов и только пробой и постепенным перебором средств разработки получится найти оптимальный вариант.
Список литературы
-
Альфред, В. Ахо Компиляторы. Принципы, технологии и инструментарий / Альфред В. Ахо и др. - М.: Вильямс, 2015. – 435c. -
Анашкина, Н.В. Технологии и методы программирования / Н.В. Анашкина, Н.Н. Петухова, В.Ю. Смольянинов. - М.: Academia, 2017. - 312c. -
Гагарина, Л.Г. Технология разработки программного обеспечения / Л.Г. Гагарина, Е.В. Кокорева, Б.Д. Виснадул. - М.: Форум, Инфра-М, 2016. – 423c. -
Гвоздева, В.А. Введение в специальность программиста / В.А. Гвоздева. - М.: Форум, Инфра-М, 2017. – 265c. -
Громов Ю.Ю., Иванова О.Г., Алексеев В.В. и др. Интеллектуальные информационные системы и технологии: учебное пособие – Тамбов: Изд-во ФГБОУ ВПО «ТГТУ», 2017. – 244 с. -
Емельянова, Н.З. Проектирование информационных систем / Н.З. Емельянова, Т.Л. Партыка, И.И. Попов. - М.: Форум, 2018. – 312c. -
Иванова, Г.С. Объектно-ориентированное программирование / Г.С. Иванова, Т.Н. Ничушкина. - М.: МГТУ им. Н. Э. Баумана, 2019. – 576c. -
Мещеряков, С.В. Эффективные технологии создания информационных систем / С.В. Мещеряков, В.М. Иванов. - М.: Политехника, 2018. – 243c. -
Рудаков, А.В. Технология разработки программных продуктов. Учебник / А.В. Рудаков. - М.: Академия, 2017. – 318c. -
Веб-сайт «NetBeans» [электронный ресурс]. Режим доступа https://netbeans.org/