ПЕРЕХОДИМ НЕПОСРЕДСТВЕННО К ЭТАПАМ ВЫПОЛНЕНИЯ 1 РАЗДЕЛА
ВЫПОЛНЕНИЕ 1 РАЗДЕЛА
(см. название 1 главы в индивидуальном задании для КП каждому студенту)
Например, для направления «программист»:
«Актуальность разработки автоматизированной системы …»
или
«Актуальность разработки программы автоматизации …»,
или
«Актуальность разработки программного обеспечения …»
Например, для направления «веб-дизайнер»:
«Актуальность разработки веб-сайта школы искусств»
или
«Актуальность разработки веб-сайта спортивного клуба»
Для оформления текста 1 раздела (и последующих глав) курсового проекта рассмотрим
важные выдержки из Стандарта МЦК-ЧЭМК (1-30 пункты):
Общие положения
1. Изложение текста и оформление документа выполняют в соответствии с
требованиями настоящего стандарта.
Документ должен быть выполнен печатным способом, на одной стороне листа белой бумаги формата А4. Допускается оформлять приложения на форматах большего размера по ГОСТ 2.301-68 «Единая система конструкторской документации (ЕСКД). Форматы».
2. При настройке параметров текстового редактора применить базовое
форматирование:
Для основного текста применяется шрифт – Times New Roman, 14 кегль. Междустрочный интервал основного текста – 1,5. Абзацный отступ – 1,25 см. Цвет шрифта – черный. Выравнивание – по ширине страницы, если не предусмотрено иное.
|
|
|
3. Для примечаний, сносок, текстов в приложениях применяется – Times New Roman,
12 кегль. Междустрочный интервал текста – 1,5. Абзацный отступ – 1,25 см. Цвет шрифта – черный. Выравнивание – по ширине страницы, если не предусмотрено иное.
4. В таблицах допускается шрифт – Times New Roman, 12 кегль, интервал – 1,0.
В основной надписи конструкторских документов (чертежей, схем, спецификаций и перечней элементов) использовать шрифт GOST type A, GOST type B. Для оформления конструкторских документов применяется ГОСТ Р 2.105-2019.
Построение документа
Наименование структурных элементов документа «СПИСОК ИСПОЛНИТЕЛЕЙ», «АННОТАЦИЯ», «СОДЕРЖАНИЕ», «ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ», «ПЕРЕЧЕНЬ СОКРАЩЕНИЙ И ОБОЗНАЧЕНИЙ», «ВВЕДЕНИЕ», «ЗАКЛЮЧЕНИЕ», «СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ», «ПРИЛОЖЕНИЕ» служат заголовками структурных элементов документа.
5. Каждый структурный элемент документа начинается с нового листа (страницы).
Заголовки структурных элементов следует располагать в середине строки без точки в конце и печатать прописными буквами, не подчеркивая, без абзацного отступа.
Основную часть документа следует делить на разделы, подразделы и пункты. Разделы и подразделы документа должны иметь заголовки. Пункты и подпункты, как правило, заголовков не имеют.
|
|
|
6. При выборе форматирования для применения к заголовкам устанавливают
следующие параметры:
Шрифт – Times New Roman, 14 кегль. Цвет шрифта – черный. Полужирный шрифт не применяется. З
7. Заголовки разделов и подразделов основной части документа следует начинать с абзацного отступа и размещать после порядкового номера, печатать с прописной буквы, без точки в конце.
8. Пункты и подпункты могут иметь только порядковый номер без заголовка, начинающийся с абзацного отступа.
9. Если заголовок состоит из двух предложений, его разделяют точкой. Переносы слов в заголовках не допускаются.
10. Раздел начинается с нового листа. Между заголовками раздела и подраздела, а также после заголовка подраздела оставляется пустая строка (1 пример оформления).
Нумерация разделов и подразделов
11. Разделы, подразделы и пункты следует нумеровать арабскими цифрами и записывать с абзацного отступа без точки.
Разделы должны иметь порядковую нумерацию в пределах всего текста, за исключением приложений.
Номер подраздела или пункта включает номер раздела и порядковый номер подраздела или пункта, разделенный точкой.
|
|
|
Если раздел или подраздел имеет только один пункт (или пункт имеет один подпункт), то нумеровать его не следует.
1 ПРИМЕР ОФОРМЛЕНИЯ:
Здесь - пустая строка
Иллюстрации
12. Иллюстрации (чертежи, графики, схемы, компьютерные распечатки, в том числе цветные, диаграммы, фотоснимки) следует располагать в документе непосредственно после текста, где они упоминаются впервые или на следующей странице.
На все иллюстрации должны быть даны ссылки в документе.
Иллюстрации, за исключением иллюстрации приложений, следует размещать посередине листа, нумеровать арабскими цифрами сквозной нумерацией внутри раздела.
Пример: Рисунок 1.1 (нумерация означает - в первом разделе первый рисунок).
13. Иллюстрация, слово «Рисунок» и его наименование располагают посередине строки без абзацного отступа.
2 ПРИМЕР ОФОРМЛЕНИЯ:
Рисунок 1.1 – Изменения состояния слоев
14. Иллюстрации при необходимости могут иметь наименование и пояснительные данные (подрисуночный текст).
15. Слово «Рисунок», его номер и через тире наименование помещают после пояснительных данных и располагают в центре под рисунком без точки в конце.
|
|
|
3 ПРИМЕР ОФОРМЛЕНИЯ: Рисунок 1.5 – Детали прибора
16. До иллюстрации и после наименования иллюстрации оставляется одна пустая строка.
ПРИМЕНИМ ПОЛУЧЕННУЮ ИНФОРМАЦИЮ ПРИ ВЫПОЛНЕНИИ КУРСОВОГО ПРОЕКТА
Если в тексте КП присутствует рисунок, то перед «его появлением» следует выполнить предваряющее обращение к нему.
Воспользуйтесь следующими вариантами (выбрать в соответствии со смыслом изложения текста):
- на рисунке 1.1 показаны ….
- на рисунке 1.2 представлена временная диаграмма генерирования последовательности
цифровых данных…
- рисунок 1.3 выявляет составные части…
- Рассмотрим составные части блока управления, показанные на рисунке 1.4….
- Полученные результаты анализа представлены на рисунке 1.5…
Далее необходимо разместить рисунок, к которому выше по тексту было обращение, причем, до рисунка и после надписи к рисунку оставляется пустая строка
до рисунка и после надписи к рисунку оставляется пустая строка
Если в тексте КП присутствует таблица, то перед «её появлением» следует выполнить предваряющее обращение к ней.
Воспользуйтесь следующими вариантами (выбрать в соответствии со смыслом изложения текста):
- Результаты диагностики мотивации сотрудников представлены в таблице 1.1…
- Произведем анализ представленных в таблице 2.1 цифровых данных…
- Полученные результаты анализа сведены в таблицу 3.2
Таблицы
17. Таблицу следует располагать в документе непосредственно после текста, в котором она упоминается впервые или на следующей странице.
18. На листе таблица размещается с выравниванием по ширине. Ширина таблицы должна соответствовать ширине основного текста.
19. Наименование таблицы следует помещать над таблицей слева без абзацного отступа в одну строку с ее номером через тире. Наименование таблицы приводят с прописной буквы без точки в конце.
20. До наименования таблицы и после таблицы оставляется одна пустая строка.
4 ПРИМЕР ОФОРМЛЕНИЯ:
21. Если наименование таблицы занимает две строки и более, то его следует записывать через один межстрочный интервал.
22. Ссылки в тексте на таблицы дают в скобках. При ссылке следует писать слово «таблица» с указанием ее номера.
23. Таблицу с большим числом строк допускается переносить на другой лист. При переносе части таблицы на другой лист слово «Таблица», ее номер и наименование указывают один раз слева без абзацного отступа над первой частью таблицы. А над другими частями также слева без абзацного отступа пишут слова «Продолжение таблицы» и указывают номер таблицы, при этом заголовки таблицы повторяются.
5 ПРИМЕР ОФОРМЛЕНИЯ:
Таблица 4.1 – Основные параметры цилиндрического редуктора
| Заголовок 1 | Заголовок 2 | Заголовок 3 | Заголовок 4 |
Продолжение таблицы 4.1
| Заголовок 1 | Заголовок 2 | Заголовок 3 | Заголовок 4 |
При делении таблицы на части допускается ее головку или боковик заменять соответственно номерами граф и строк. При этом нумеруют арабскими цифрами графы и (или) строки первой части таблицы.
6 ПРИМЕР ОФОРМЛЕНИЯ:
Таблица оформляется в соответствии с рисунком 4.2.
| Таблица _______ – ________________________ номер наименование таблицы
| ||||||||
| Головка { |
|
|
| } | Заголовки граф | |||
| } | Подзаголовки граф | |||||||
|
| } | Строки (горизонтальные ряды) | ||||||
| Боковик (графа для заголовков) | Графы (колонки) |
| ||||||
Рисунок 4.2 – Оформление таблиц
24. Таблицы, за исключением таблиц приложений, следует нумеровать арабскими цифрами сквозной нумерацией внутри раздела.
25. Заголовки граф и строк таблицы следует писать с прописной буквы в единственном числе, а подзаголовки граф со строчной буквы, если они составляют одно предложение с заголовком или с прописной буквы, если они имеют самостоятельное значение. В конце заголовков и подзаголовков таблиц точки не ставят.
26. Графу «Номер по порядку» в таблицу включать не допускается.
27. Для сокращения текста заголовков и подзаголовков граф отдельные понятия заменяют буквенными обозначениями, установленными ГОСТ 2.321-84 «Единая система конструкторской документации (ЕСКД). Обозначения буквенные», или другими обозначениями, если они пояснены в тексте или приведены на рисунках, например D — диаметр. Н — высота. L — длина.
28. При отсутствии отдельных данных в таблице следует ставить прочерк (тире).
Если в конце страницы таблица прерывается и ее продолжение будет на следующей странице, в первой части таблицы нижнюю горизонтальную линию, ограничивающую таблицу, не проводят.
29. Разделять заголовки и подзаголовки граф таблицы диагональными линиями не допускается. Горизонтальные и вертикальные линии, разграничивающие строки таблицы допускается не проводить, если их отсутствие не затрудняет пользование таблицей.
30. Заголовки граф, как правило, записывают параллельно строкам таблицы. При необходимости допускается перпендикулярное расположение заголовков граф. Заголовки граф выравнивают по центру, а заголовки строк — по левому краю.
ПЕРЕХОДИМ НЕПОСРЕДСТВЕННО К ЭТАПАМ ВЫПОЛНЕНИЯ 1 РАЗДЕЛА
ЭТАП ВЫПОЛНЕНИЯ 1 РАЗДЕЛА
1. Вначале следует рассмотреть не менее двух реальных программных продуктов:
а) для программистов – программные продукты российских или иностранных производителей;
ЗДЕСЬ проводится анализ преимуществ и недостатков программных продуктов (веб-сайтов) с демонстрацией поясняющих рисунков (не менее 2- 4 рисунков);
б) для веб-дизайнеров – веб-сайты российских или иностранных производителей;
ЗДЕСЬ проводится анализ преимуществ и недостатков программных продуктов (веб-сайтов) с демонстрацией поясняющих рисунков (не менее 2- 4 рисунков);
в) после анализа «чужих программных продуктов (веб-сайтов)» отмечается значимость «своего» программного продукта (веб-сайта) – см. свою тему КП;
2. Далее необходимо дать логический переход для формирования требований заказчика:
а) для программистов – …Изучив программные продукты – «Автоматизация….» фирмы «…» и «Программа по автоматизации….» фирмы «….», было выявлено, что данный программный продукт (указывается название по индивидуальному заданию студента) должен содержать основные элементы, такие как: (идет перечисление). Исходя из собранных данных, с учетом требований заказчика, было определено, что в данном программном продукте должна содержаться информация о … (О ком? О чем?) – идет перечисление (Все указывается. Дается пояснения – для чего?)
б) для веб-дизайнеров –… Изучив сайты нескольких фирм-производителей, было выявлено, что страницы данного сайта должны содержать основные элементы, такие как: информация о … (О ком? О чем?), фотогалерея, виды основной деятельности, направления работы, ссылки на публикации, странички деловых отношений, связи с общественностью, награды, контакты, отзывы, и т. д. Исходя из собранных данных, с учетом требований заказчика, было определено, что создаваемый сайт должен иметь красочный яркий дизайн, иметь акценты, а также содержать основное наполнение сайта (Все указывается. Дается пояснения – для чего?)
3. Далее необходимо дать логический переход для формирования выбора средства разработки
(Идет текст, воспользуйтесь!)
Выбор средства разработки – одна из основных задач, возникающих на первоначальном этапе создания любого программного продукта (сайта – веб-дизайнеры пишут). Инструмент разработки должен оптимально соответствовать задачам, что позволит в дальнейшем избавиться от множества проблем.
При разработке данного программного продукта (указывается название - для программистов и для веб-дизайнеров) использовались различные средства разработки.
Выявим принцип работы Adobe Photoshop СС. Adobe Photoshop СС. Adobe Photoshop (см. рисунок какой №?) – это многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и наиболее известным продуктом фирмы Adobe.
Рисунок ( какой №?) – Adobe Photoshop
Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в web - дизайне. Из-за высокой популярности Photoshop поддержка специфического для неё формата PSD была реализована во многих графических программах, таких, как Adobe Fireworks, Photo-Paint, WinImages, GIMP, PaintShop Pro и других.
Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в аннотации самой программы — режим изображения):
− RGB;
− LAB;
− CMYK;
− В градациях серого;
− Черно-белые;
− Duotone ;
− С 256-цветовой палитрой (Indexed);
− Многоканальные (Multichannel).
Поддерживается обработка изображений, с глубиной цвета 8 бит (256 градаций на один канал), 16 бит (используется 15 битов плюс один уровень, то есть 32769 уровней) и 32 бит (используются числа одинарной точности с плавающей запятой). Возможно сохранение в файле дополнительных элементов, а именно: направляющих (Guide), каналов (например, канала прозрачности — Alpha channel), путей обтравки (Clipping path), слоёв, содержащих векторные и текстовые объекты. Файл может включать цветовые профили (ICC), функции преобразования цвета (transfer functions).
Указанный программный продукт является безусловным лидером в web-дизайне и без него не обойтись как программисту для (для чего? - отмечается), так и разработчику для создания современного web-сервиса (для чего? - отмечается).
(подумать о сокращении информации!)
Познакомимся с системой управления содержимым (CMS) Joomla!. Joomla! (см. рисунок какой №?) – это система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных MySQL и MsSQL. Является свободным программным обеспечением, распространяемым по лицензии GNU/GPL.
Рисунок ( какой №?) – Joomla!
Название Joomla! было выбрано в результате конкурса, результаты которого оценивали специалисты в области брендинга и маркетинга. Основой для названия послужило слово «Jumla», которое в переводе с суахили означает «все вместе» или «в целом», так как многие команды, участвовавшие в проекте Mambo CMS, были единодушны в стремлении защитить интересы создателей и сообщества, которое и было истинной причиной успеха Mambo CMS. Joomla! старается сохранить вещи настолько простыми, насколько это возможно, в то же время предоставляя большие возможности. Наконец-то, незнакомые с программированием люди, могут получить систему полного управления своими сайтами, не тратя непомерных средств на программное обеспечение с закрытым кодом.
Joomla! CMS является ответвлением широко известной CMS Mambo. В августе 2005 года большая часть команды разработчиков CMS Mambo отделилась от проекта Mambo по причине несогласия с экономической политикой и планами по развитию системы. Уже 16 сентября 2005 года вышла первая версия Joomla!, которая представляла собой переименованную Mambo 4.5.2.3 и содержала исправления обнаруженных на тот момент ошибок и уязвимостей. Разработка Joomla версии 1.0 была прекращена в феврале 2008 года, а окончательная поддержка данной версии была завершена 1 июля 2009.
На смену версии 1.0 была выпущена Joomla 1.5. Данная версия выпускалась в период с декабря 2007 по март 2012 и в апреле 2012 года ее поддержка была завершена. В конце 2011 начале 2012 были выпущены Joomla 1.6 и Joomla 1.7, которые по сути являлись промежуточными версиями между Joomla 1.5 и Joomla 2.5.
В 2012 году была выпущена финальная версия Joomla 2.5, которая поддерживалась в статусе версии с долгосрочной поддержкой до конца 2014 года.
На сегодняшний день поддерживается только одна версия CMS - Joomla 3 система с непрерывным циклом обновления, являющаяся новым витком в развитии Joomla! CMS. (подумать о сокращении информации!)
Отметим основные языки программирования для создания любого программного продукта и для создания сайтов, это: HTML, PHP, JavaScript и язык стилей CSS.
На данный момент ни один профессиональный web-разработчик (программистам отметить применимость! Если нет, то что?) не может без них обойтись.
Определим функциональные возможности языка программирования HTML (см. рисунок какой №?) (HyperText Markup Language) – это стандартный язык разметки гипертекстовых страниц в Интернете. Есть и другие языки разметки гипертекста, но большая часть страниц сайтов Интернета размечена именно на языке HTML. Такие страницы успешно интерпретируются браузерами, которые отображают их на экранах различных электронных устройств в удобном для человека виде.
Рисунок ( какой №?) – HTML
HTML (отмечается применимость для программирования и для веб-дизайна) является теговым языком разметки гипертекста: чтобы превратить текст в гипертекст, используют разделители (дескрипторы), для краткости названные тегами. Язык разметки HTML получил широкую популярность. На данный момент – это единственный язык, с помощью которого создается разметка сайта.
Файлы, созданные на html, имеют расширения .html или .htm. Чтобы создать файл html, достаточно открыть блокнот и сохранить его с расширением .html. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986 – 1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами».
С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения).
В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
Однако современное применение HTML очень далеко от его изначальной задачи.
| Например, тег <table> предназначен для создания в документах таблиц, но иногда используется и для оформления размещения элементов на странице. С течением времени основная идея «платформонезависимости» языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении. (подумать о сокращении информации!) Рассмотрим функциональные возможности языка программирования CSS (см. рисунок какой №? ). (Cascading Style Sheets) – это язык описания внешнего вида документа, написанного с помощью языка гипертекстовой разметки (HTML). Га сегодняшний день CSS используется практически на всех сайтах. (программисты пишут - применяется ли в программировании? А что применяется?) Сам язык был разработан Консорциумом Всемирной паутины и опубликован в конце 1996 года. |
Рисунок ( какой №?) – CSS
Целью создания CSS было разделение описания логической структуры документа (сейчас производится с помощью HTML) от описания его внешнего вида (сейчас производится с помощью CSS). Дело в том, что с развитием компьютерных технологий и интернета, люди старались сделать сайты более функциональными и яркими. Но все параметры внешнего вида представлялись в html тегах прямо в web-документе. CSS — это фактически язык стилей, который определяет отображение HTML-документов.
CSS работает со шрифтами, с цветами символов и фона, с полями, со строками, с высотой и с шириной элементов отображения, с фоновыми изображениями, с позиционированием элементов и со многим другим. Если HTML необходим для структурирования содержания страницы, то CSS необходим для того, чтобы форматировать это структурированное содержание.
Использование CSS облегчает создание качественных сайтов, позволяя задать стили отдельных элементов страниц сайта в особых css-файлах, чтобы в дальнейшем быть уверенным в том, что все страницы сайта будут выдержаны в едином стиле.
Этот язык прошёл несколько стадий своего развития, в 2014-м году современной является 3-я версия языка, которая постепенно совершенствуется и дорабатывается.
(программистам следует подумать о применении! Что применимо, если не это? Дать описание!)
(подумать о сокращении информации!)
Язык программирования JavaScript (см. рисунок какой №?) изначально создавался для того, чтобы сделать web-странички «живыми». (программистам определить, есть ли применение в практике программирования! Если нет, то что наиболее
применимо?). Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML и, как только загружается страничка – тут же выполняются. Программы на JavaScript – обычный текст. Они не требуют какой-то специальной подготовки. В этом плане JavaScript сильно отличается от другого языка, который называется Java.
Рисунок (какой №?) – JavaScript
JavaScript может выполняться не только в браузере, а где угодно, нужна лишь специальная программа – интерпретатор. Процесс выполнения скрипта называют «интерпретацией». Во все основные браузеры встроен интерпретатор JavaScript, именно поэтому они могут выполнять скрипты на странице. Разумеется, JavaScript можно использовать не только в браузере. Это полноценный язык, программы на котором можно запускать и на сервере, и даже в стиральной машинке, если в ней установлен соответствующий интерпретатор.
Язык программирования PHP (см. рисунок какой №?) – язык для написания сценариев, исполняемых на компьютере web-приложения посредством интерпретации исходного кода. Основное предназначение языка PHP – это выполнение на сервере сценариев, создающих динамические web-страницы. (программистам определить, есть ли применение в практике программирования! Если нет, то что наиболее
применимо?)
Рисунок (какой №?) – PHP
PHP поддерживает широкие объектно-ориентированные возможности, полная поддержка которых была введена в пятой версии языка. Также в пятой версии языка реализован механизм обработки исключений.
В язык PHP встроено большое количество функций для работы со стандартными конструкциями языка. В первую очередь в языке реализовано большое количество функций работы со строками, массивами, объектами.
Также в PHP встроено большое количество функций для работы с другими программами. В процессе разработки, язык PHP используется для (описать – для чего используется программистами и веб-дизайнерами?)
ЭТАП ВЫПОЛНЕНИЯ 1 РАЗДЕЛА
1.Вначале определяется структура программного продукта (сайта):
а) рассказывается о значимости программного продукта, его функциональных возможностях и предназначении (студенты пишут по своей теме КП, по индивидуальному заданию студента)
б) рассказывается, что представляет собой структура программного продукта (сайта), выявляются составные части. Для отображения структуры следует дать рисунок со схемой (с четким текстом и графическим изображением)
2. Затем дается информация по разъяснению построения структуры программного продукта (сайта).
ВОСПОЛЬЗУЙТЕСЬ СХЕМОЙ: дизайнеры и программисты, только для программистов будет другое информационное наполнение по рисункам и тексту, исходя из индивидуального задания по КП, на примере создания структуры сайта воспитателя (для веб-дизайнеров).
Вот схема повествования:
Сначала (идет текст)
(а)) Сайт воспитателя МБДОУ «д/с №1» г. Чебоксары необходим сотруднику для подтверждения квалификации, поэтому сайт должен информировать о педологической деятельности сотрудника, о его основных заслугах, достижениях, а также о наработках и публикациях.
( б)) Структура сайта — это система расположения страниц сайта по четко сформированной логической схеме, структуру можно обозначить, как иерархию всех страниц сайта, их принадлежность к тем или иным каталогам и папкам. Для отображения структуры данного сайта была сформирована структурная схема. На рисунке (какой №?) показана структурная схема сайта воспитателя.
Затем (идут рисунки с четкими надписями и графическим изображением и текст)
 |
Рисунок (какой №?) – Структурная схема сайта
Также описываются типовые навигационные и информационные элементы:
- шапка сайта;
- основное меню;
- основное поле контента;
- дополнительное поле контента;
- подвал.
Шапка сайта – это первое, что видят посетители, заходя на любую страницу ресурса, поэтому ее можно считать важным и одним из основных элементов ресурса. Она размещена в верхней части web-страницы во всю ее ширину и отражает профиль деятельности сотрудника. В ней расположено ФИО сотрудника и его должность.
На рисунке (какой №?) показана лавная страница сайта, которая содержит краткую информацию, направление ее деятельности и ссылки на разделы. На главной странице расположено основное меню, в верхней части расположен профиль деятельности сотрудника. Посередине находится основная часть, по обеим сторонам от основной части содержится дополнительная информация.
Рисунок (какой №?) – Макет главной страницы
Основное меню находится над шапкой и содержит ссылки на все разделы первого уровня. Основное поле контента располагается в центре страницы. В этом разделе отображается основное содержание выбранного раздела.
Стилевое оформление материалов и их элементов оформлено единым стилем для всех страниц web-сайта. На страницах «Фотогалерея», «Контакты», «Новости», «Карта сайта».
На рисунке (какой №?) показан мает страницы «Фотогалерея», «Контакты», «Новости», «Карта сайта»: расположено основное меню, в верхней части расположен профиль деятельности сотрудника. По середине находится основная часть, которая отличается контентом в зависимости от выбранной страницы. Справа и слева от основной части содержится дополнительная информация.
Рисунок (какой №?) – Макет страницы «Фотогалерея», «Контакты»,
«Новости», «Карта сайта»
Дополнительное поле контента находится справа и слева от основного поля. В левом части располагается дополнительное меню, которое есть не на всех страницах, также здесь находится ссылка на сайт детского сада и поисковая строка. В правой — модуль статистика, календарь и посещаемость.
Рисунок (какой №?) выявляет следующее: на страницах «Визитка», «Методическая копилка», «Родителям» присутствует основное меню, в верхней части расположен профиль деятельности сотрудника. По середине находится основная часть, которая отличается контентом в зависимости от выбранной страницы. На данных страницах появляется дополнительное меню, расположенное в левом дополнительном поле контента.
Рисунок (какой №?) – Макет страницы «Визитка», «Методическая копилка», «Родителям»
В подвале располагается информация о правообладателях и кнопка для возвращения в начало страницы. Во время разработки макетов была выбрана цветовая схема сайта, т.е. какие цвета будут использоваться при оформлении дизайна.
Рисунок (какой №?) выявляет используемый сервис «ColorScheme.ru» и подобранную цветовую схему.
Рисунок (какой №?) – Выбранная цветовая схема
Рисунок (какой №?) показывает выбранный в данном сервисе основной цвет схемы, затем сервис подбирает необходимую цветовую схему и создает пример оформления страницы по данной цветовой схеме.
Рисунок (какой №?) – Пример оформления сайта воспитателя
В конце (в завершении) каждого раздела следует записать выводы (не менее 4-5-х) по следующей схеме:
1.Сначала дается текст-шаблон
Исходя из вышеизложенного, можно сделать следующие выводы:
2.Затем следует перечисление (какую работу проделали в разделе?).
Вот выводы:
Выводы по разделу (для программистов, только для 1 раздела):
– исследование рынка показало, что разрабатываемый программный продукт (указать
тему студента) будет конкурентоспособным с точки зрения многофункциональности,
надежности и простоты использования;
– сформированы требования к проектируемому программному продукту (указать
какие);
– рассмотрены и выбраны программные средства для создания программного продукта
(указать какие);
– была разработана структура программного продукта
– и что еще? Создана программа – какая?
Выводы по разделу (для веб-дизайнеров, только для 1 раздела):
– исследование рынка показало, что разрабатываемый сайт (указать тему студента)
будет конкурентоспособным с точки зрения дизайна и функциональности;
– сформированы требования к проектируемому сайту (указать какие);
– выбраны программные средства для создания оболочки и наполнения контента сайта
(указать);
– была разработана структура сайта;
– были разработаны макеты страниц сайта и цветовая схема.
Дата добавления: 2022-01-22; просмотров: 41; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!