Создание макета сайта

Характеристика деятельности реабилитационного центра "Надежда" и анализ существующего сайта Центра. Adobe Photoshop как продвинутый графический редактор для работы с растровыми изображениями. Создание макета сайта в растровом редакторе Adobe Photoshop.

Рубрика Программирование, компьютеры и кибернетика
Вид отчет по практике
Язык русский
Дата добавления 22.07.2014
Размер файла 4,4 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru

Содержание

Введение

1. Общая характеристики предприятия ОГКСУ Реабилитационный центр «Надежда»

2. Разработка макета сайта для Реабилитационного центра «Надежда»

2.1. Анализ сайта Реабилитационного Центра «Надежда»

2.2. Создание макета сайта в растровом редакторе Adobe Photoshop «Надежда»

Заключение

Введение

Современная электронно-вычислительная машина (ЭВМ) - быстрый, надежный, безотказный исполнитель и советчик. Поэтому естественно, что вычислительные машины проникли почти во все области деятельности человека. С появлением интернета каждая организация имеет сайт где подробно описано что за предприятия и какие услуги предприятие оказывает. При прохождение практики выполнялась программа прохождения практики по специальности Оператор ЭВМ, но неотъемлемой задачей практики было изменения сайта для реабилитационного центра «Надежда».

При создание макета сайта Реабилитационного центра «Надежда» использовалась программа растрового редактора Adobe Photoshop. Так как данный растровый редактор является самым подходящим для разработки макета для веб-страниц. Adobe Photoshop - продвинутый графический редактор для работы с растровыми изображениями. Фотошоп является лидером рынка в области коммерческих средств редактирования растровых изображений. Изначальна программа создавалась как редактор изображений в полиграфии, однако приобрела широкую популярность при разработке веб-дизайна сайтов. Поддерживается множество графических форматов, с помощью Photoshop можно как создавать новые изображения, так и редактировать любые другие.

1. Общая характеристика предприятия

Областное Государственное Казенное Стационарное Учреждение "Реабилитационный Центр для детей и подростков с ограниченными возможностями «Надежда».

Его история началась с 1995 года. Центр расположен в живописном и экологически чистом месте среди соснового леса. Учредителем центра является «Департамент по вопросам семьи и детей Томской области». Целью деятельности учреждения является оказание квалифицированной медицинской, социальной, психолого-педагогической помощи детям и подросткам с ограниченными возможностями, а также их семьям. Центр обслуживает детей и подростков с ограниченными возможностями психоневрологического профиля с ДЦП и умственными нарушениями в возрасте от 0 до 18 лет. сайт photoshop редактор макет

Центр «Надежда» оснащен оборудованием и техническими средствами реабилитации, которое обновляется по мере возможностей. Мы предоставляем индивидуальный комплекс медицинских лечебно-коррекционных мероприятий, разработанный на основе осмотра детей врачами-специалистами нашего учреждения такими, как невролог, педиатр, психиатр, физиотерапевт, стоматолог.

С 2010 года центр начал освоение двух новых направлений реабилитации: кинезотерапия и иппотерапия.

Наш центр располагает большой территорией (9,5 га), при этом корпуса расположены таким образом, чтобы у детей была возможность и погулять в лесу, и поиграть в песочнице. Все специалисты РЦ «Надежда» очень творческие люди, поэтому каждый праздник проходит у нас тепло, весело и интересно.

2. Разработка макета сайта для Реабилитационного центра «Надежда»

Целью моей практики было создание нового дизайна сайта для реабилитационного центра «Надежда».

2.1 Анализ сайта Реабилитационного Центра «Надежда»

Про анализиров сайт реабилитационного центра «Надежда». Можно сделать выводы, что сайт полностью расскажет посетителю все о центре коротко и подробно. Открыв сайт РЦ «Надежда» можно видеть эмблему центра и адрес центра. Фон данного сайта не соответствует для Центра для детей и подростков с ограниченными возможностями.

В меню есть такие пункты как: главная, о центре, проекты, для родителей, новости, фотогалерея, хотите помочь, контакты, отзывы. Выбрав пункт меню главная сразу видно окно, в котором показывается слайд шоу из нескольких фотографий самого центра и проекты центра. А также имеется на странице история РЦ «Надежда» в истории описывается сама история создания РЦ и направления лечения для детей.

Выбрав пункт о центре будет предложено несколько страниц такие как направления, административная группа, услуг и наши планы. Выбрав пункт о центре и кликнув на него откроется страница направления и будет предоставлены направления, о которых кратко будет указано описание и задачи отделения. Также административная группа на странице будет указано должность, ФИО и обратная связь работника административной группы. В под пункте наши планы будет предоставлен план на определенный год.

Пункт проекты будет описаны проекты, которые РЦ проводит с такого числа по такого и кто отвечает за проект.

Выбрав пункт для родителей будет предоставлены под пункта такие как: показание и противопоказания для направления детей в центр, отделения временного пребывания и отделения «Мать и дитя». В каждом из перечисленных подпунктов будут перечислены список документов которые должны предоставить родители или опекуны ребенка только для отделения «Мать и дитя» будет показана таблица заездов.

В пункте новости показывается все события прошедшие или которые будут проходить в РЦ.

В пункте фотогалерея созданы альбомы для того чтобы было удобно посмотреть фотографии с определенного праздника, открытого урока или мастер класса и т.д.

В пункте хотите помочь будет выводится список чем вы можете помочь центру.

2.2 Создание макета сайта в растровом редакторе Adobe Photoshop «Надежда»

При создание макета были исправлены некоторые недостатки старого сайта РЦ «Надежда» и также были рассмотрены предложения от работников.

Перед тем как приступить к созданию макета сайта я выделил основные изменяя на сайте.

Открыв, растровый редактор Adobe Photoshop выбираем параметры страницы.

Перед тем как приступить к созданию макета определяем, какие будут цвета на заднем фоне. Были выбраны оттенки голубого и зеленый. Заливаем фон голубым цвет с помощью параметра наложения накладываем градиентную заливку.

Установив следующие параметры.

И получаем готовый фон.

Дальше создаем шапку для сайта, где будет, располагаться прямоугольник, на котором будет расположен адрес, телефоны и эмблема РЦ.

С помощью инструмента прямоугольник чертим прямоугольник нужного размера. После того как начертили прямоугольник используем параметры наложение выбираем наложение градиента поставив следующие параметры.

И выбираем такие цвета.

С помощью наложения цвета ставим параметры

Теперь переходим к тени поставив параметры, которые изображены на картинки

Ставим логотип центра в левой стороне от центра прямоугольника и слева от логотипа центра вставляем рисунок виде солнышка и получаем готовую шапку для сайта.

Теперь создаем меню для сайта в основном будут лежать такие же цвет которые использовали раньше для создание фигуры изменяем инструмент с прямоугольника на прямоугольник со скругленными углами начертив фигуру и установив параметры наложение получаем готовую фигуру.

Теперь с помощью инструмента текст водим слова, которые будут гиперссылкой на веб-страницы в готовом виде меню будет выглядеть вот так.

Под меню будет расположено окно, в котором будет идти слайд шоу для переключения слева и справа будут расположены кнопки для переключения фотографии вот так это будет выглядеть

Прокручивая полосу прокрутки ниже будет выводится информация для каждой странице.

Фотография готового макета сайта РЦ «Надежда».

Заключение

Прохождение практики заключается в том, что можно посмотреть, как закрепляются теоретические знания на практики. И на практики можно получить опыт работы в определенной деятельности.

Выполняя задание по практики был закреплен весь материал, который был пройден до практики. Это был хороший способ, что бы показать свои знания на практики основным заданием практики было создание макета для сайта РЦ «Надежда». При создание за конченого вида макета было рассмотрено руководителем практики несколько не удачных макетов. В конечном итоге был выбран самый подходящий макет сайта.

Размещено на Allbest.ru

...

Подобные документы

  • История создания Adobe Photoshop. Путь от Image Pro к Photoshop, цифровая графика. Палитра инструментов для выделения области геометрической формы. Brush (кисть), мode (Режим наложения) в панели инструментов. Пошаговая инструкция создания макета сайта.

    курсовая работа [3,3 M], добавлен 15.02.2013

  • Формирование растровых изображений. Изменение их разрешения путем интерполяции. Понятие глубины цвета. Редактирование рисунков с помощью масок, каналов и фильтров. Характеристика инструментов выделения, ретуширования и работы со слоями в Adobe Photoshop.

    курсовая работа [294,1 K], добавлен 18.05.2016

  • Выбор состава технических и программных средств. Проектирование структуры и макета сайта. Модуль обработки изображений в редакторе Adobe Photoshop. Серверная и пользовательская части сайта. Тестирование работоспособности сайта методом черного ящика.

    дипломная работа [1,8 M], добавлен 09.07.2017

  • Правила, обуславливающие производственную деятельность оператора ЭВМ, организация рабочего места и уход за оргтехникой. Графические изображения и программы для их просмотра. Последовательность создания фотоальбома в растровом редакторе Adobe Photoshop.

    дипломная работа [3,0 M], добавлен 23.09.2011

  • Понятие "слой" в программе Adobe Photoshop. Слой, способы его создания. Стандартные свойства слоя программы Adobe Photoshop. Эффекты слоя в растровом графическом редакторе Adobe PhotoShop. Навыки работы с эффектами слоя путем создания "надписи огнём".

    курсовая работа [6,7 M], добавлен 17.01.2011

  • Возможности графического редактора Adobe Photoshop. Выделения правильной и неправильной формы. Выделение областей с близкими цветами, его растушевка и сглаживание. Уточнение и смещение границы, инвертирование и изменение формы, положения и размера.

    курсовая работа [7,1 M], добавлен 08.09.2011

  • Ознакомление с продуктами фирмы ADOBE. Изучение некоторых возможностей программы Adobe PhotoShop - мирового ирового стандарта для работы с растровыми изображениями, ретушированием, цветокоррекцией и цветоделением полутоновых и цветных изображений.

    реферат [8,0 M], добавлен 08.12.2010

  • Возможности программы Adobe Photoshop в web-дизайне, графический редактор. Понятие и правила web-дизайна. Рисование и верстка, оптимизация изображений при экспорте в форматы. Создание шаблона сайта к 65-летию победы, особенности размещения информации.

    курсовая работа [1,7 M], добавлен 20.01.2014

  • Изучение возможностей и способов использования инструментов, предназначенных для рисования и редактирования изображений в растровом графическом редакторе Adobe PhotoShop. Описания внесения изменений в фотоснимки и другие картинки, хранящиеся на диске.

    дипломная работа [6,7 M], добавлен 21.03.2014

  • Основные способы представления изображений. Обработка цифровых и отсканированных фотоснимков, создание многослойного изображения, фотомонтаж с помощью графического редактора Adobe Photoshop. Вид рабочего окна программы, палитры, фильтры, их применение.

    курсовая работа [2,5 M], добавлен 22.09.2010

  • Спецификация учебных элементов и граф учебной информации. Основные технические характеристики и назначение аппаратных и программных средств компьютерной графики. Основные возможности и специфика работы программы растровой графики Adobe Photoshop.

    курсовая работа [27,6 K], добавлен 22.01.2012

  • Порядок проектирования сайта и разработки Web дизайна. Приемы работы и решения программных продуктов Microsoft FrontPage 2003, Adobe Photoshop CS2, Allaire HomeSite 4.5, AWicon Pro v. 9.0. Реализация дизайнерского решения с помощью графических объектов.

    творческая работа [3,7 M], добавлен 26.05.2009

  • Возможные варианты веб-сайты вегетарианских ресторанов. Изучение особенности дизайна корпоративных сайтов вегетарианских ресторанов на примере других сайтов. Создание дизайн-макета сайта в программе Adobe Photoshop. Готовый макет корпоративного сайта.

    курсовая работа [1,7 M], добавлен 11.06.2015

  • Создание с помощью графического редактора логотипа и баннера для образовательного сайта "Областные математические олимпиады". Типы логотипов, баннер как графический элемент страницы сайта. Обзор инструментов графического редактора Adobe Illustrator.

    курсовая работа [2,9 M], добавлен 08.02.2014

  • Рассмотрение возможностей Adobe Photoshop CC 2014. Описание методов преобразования. Перечень объектов графического редактора. Изучение фильтров, дополнительных плагинов программы. Анализ работы со слоями, коррекции цвета изображения и его деформации.

    курсовая работа [6,7 M], добавлен 16.01.2015

  • Adobe PhotoShop как известный редактор растровой графики, ориентированный на обработку готовых изображений для улучшения их качества и реализации творческих идей. Интерфейс графического редактора, панель инструментов, специфика редактирования изображений.

    статья [927,2 K], добавлен 12.04.2010

  • Теоретические основы Photoshop CS 4: основные положения, палитры и инструменты, оценка возможностей и преимуществ. Методика работы со слоями и текстом в Photoshop CS 4. Обзор фильтров и их возможности в данной версии программы. Каналы и маски CS 4.

    контрольная работа [47,2 K], добавлен 25.12.2010

  • Технология компьютерной графики, форматы графических файлов. Общие сведения о компании и программных продуктах Adobe Systems Inc, элементы интерфейса. Краткое описание учебника Adobe Photoshop CS3, программное обеспечение, используемое для его создания.

    дипломная работа [32,1 K], добавлен 23.06.2010

  • Основные компоненты создания текста. Использование текстовых эффектов, редактирование изображений в растровом редакторе Adobe Photoshop. Работа с простым текстом. Создание объемного и сверкающего текстов, теней, огненной, ледяной и золотой надписей.

    лабораторная работа [648,4 K], добавлен 18.10.2012

  • История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.

    дипломная работа [8,0 M], добавлен 10.10.2015

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.