Ярошенко Евгения Алекcандровна
Факультет: Kомпьютерных Информационных Технологий и АвтоматикиКафедра: Автоматизированные Системы Управления
Специальность: Информационные Управляющие Системы и Технологии
Тема выпускной работы:
Научный руководитель: к.т.н., доцент Секирин Александр Иванович
Автобиография | Автореферат | Библиотека | Отчет о поиске | Ссылки
Разработка персонального сайта
Мое индивидуальное задание заключалось в разработке совместно с Александровой Оксаной персонального сайта для нашего научного руководителя – доцента кафедры АСУ Секирина Александра Ивановича. Сайт расположен по адресу:
http://fkita.donntu.ru/asu_sekirin/index.html
В последнее время нельзя не отметить рост эффективности использования возможностей Интернета, создание нового поколения информационных технологий для сетевого использования. Глобальная коммуникация с помощью компьютерной сети Интернет – принципиально новый пласт общественно-политической реальности. Роль глобальной сети интернет в формировании единого информационного пространства часто недооценивается. Между тем он уже успел превратиться в важнейший источник информации и создает почти идеальные возможности для обмена информацией. В таких условиях для человека, работающего в области информационных систем, желательным является существование делового персонального сайта. В реализации такого информационного источника для моего руководителя я решила принять непосредственное участие.
Разрабатываемый сайт должен содержать следующие страницы:
- биография;
- фотоальбом;
- работа в университете;
- научные публикации;
- контакты.
Рассмотрим подробнее работу над каждым пунктом.
Страница Биографии (http://fkita.donntu.ru/asu_sekirin/index.htm) является главной страницей сайта и первой, на которую попадает пользователь. Экранная форма верхней части страницы представлена на рисунке 1.
Рисунок 1 – Экранная форма страницы автобиографии
Для разработки данной страницы были собраны основные сведения из биографии Александра Ивановича, данные о его карьерном росте в университете, выделены переломные даты в жизни. В результате обработки полученных данных были выделены основные ключевые моменты и представлены в формате html. В заголовке сайта располагается фотография с возможностью открытия увеличенного аналога в новом окне, полные фамилия, имя, отчество, учёная степень и должность, занимаемая на кафедре.
Следующая страница – Фотоальбом. В этом разделе представлен небольшой альбом фотографий Александра Иванович. Фотографии были выбраны и утверждены руководителем. Материалы представлены для ознакомительного просмотра и не подлежат распространению. Экранная форма страницы изображена на рисунке 2 ( http://fkita.donntu.ru/asu_sekirin/photo/index.htm).
Рисунок 2 – Экранная форма страницы фотоальбома
Для разработки страницы Работа в университете (http://fkita.donntu.ru/asu_sekirin/work.htm) нам понадобился отчёт руководителя Секирина А.И. за годы работы в ДонНТУ. Информация была предоставлена в таких разделах: учебная работа, учебно-методическая работа, организационно-методическая работа, научно-исследовательская работа, повышение квалификации. Такая структура изложения информации отображена и на странице.
Рисунок 3 – Экранная форма страницы с информацией о работе в ДонНТУ
Информацию о научных работах Александра Ивановича можно получить из раздела Научные публикации (http://fkita.donntu.ru/asu_sekirin/public.htm). На данной странице можно ознакомиться со списком основных научных статей, тезисов, опубликованных в различных сборниках. Все издания разбиты на 2 раздела: опубликованные до защиты диссертации и после. Вся информация была помещена в таблицу, которая структурирует информацию по следующим пунктам: название научной работы, источник, т.е. полное наименование сборника, в который была помещена работа, количество страниц и соавторы публикации. Экранная форма страницы представлена на рисунке 4.
Рисунок 4 – Экранная форма страницы научных публикаций
Для связи с Александром Ивановичем была создана страничка Контакты(http://fkita.donntu.ru/asu_sekirin/contact.htm). Страница содержит некоторую контактную информацию, которую он предоставил для возможности связаться с ним при необходимости.
Современные технологии Интернет предоставляют пользователям сети практически неограниченные возможности по размещению и просмотру разнообразных видов информации - текстовой, графической, аудио- и видеофайлов и т.п. В отличие от печатного издания, содержание web-страницы может постоянно обновляться, дополняться. Поэтому планирование, разработка и создание web-сайтов требуют знаний новейших технологий web-разработок. При разработке сайта были использованы следующие инструментальные средства: Adobe Dreamweaver CS3, Photoshop 10.0.
Adobe Dreamweaver [1]
Adobe Dreamweaver – позволяет легко и просто проектировать, создавать и обслуживать веб-сайты и веб-приложения, от начала и до конца. Adobe Dreamweaver включает самые прогрессивные возможности и технологии, с помощью которых можно создавать динамичные и современные веб-сайты, соответствующие сегодняшним стандартам.
Dreamweaver содержит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом. Интуитивный интерфейс Dreamweaver настолько прост, что даже начинающий дизайнер сможет быстро создать профессиональный Web-сайт.
DreamWeaver полагает, что пользователь все может сделать сам, а программа должна создать максимальные условия для творчества.
Инструменты в Adobe Dreamweaver расположены так, чтобы разработчику было удобно. Это ускоряет процесс от начала создания страницы и до её публикации или подтверждения заказчиком. Вы можете посмотреть свои страницы через реальный браузер, но при этом можете мигом переключиться в окно редактирования кода. Программа отображает все файлы, которые входят в состав вашего сайта, дает возможность редактировать их. Зачастую это файлы следующих форматов: CSS, JavaScript, PHP, XML и отображаются они в небольшом окошке, которое находится в верхней части документа.
Возможность визуального редактирования в Dreamweaver также позволяет быстро создавать или менять дизайн проекта без написания кода. Dreamweaver относится к так называемым "визуальным" редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего.
Dreamweaver изобилует мощными, занимающими достаточно большое количество ресурсов на компьютере, средствами, чтобы облегчить создание HTML кода. Dreamweaver автоматизирует все, что только можно автоматизировать, наиболее наглядно отобразит код и получившийся в следствии изменений этого кода дизайн, позволит строить таблицы "на глаз", а не впадая в длительные математические изыскания, сразу же, в процессе работы видеть происходящие изменения, возвращаться на много ходов обратно, если изменения эти вас не устроили и многое, многое другое.
Photoshop 10.0 [2]
Adobe Photoshop – является безусловным лидером среди профессиональных графических редакторов за счет своих широчайших возможностей, высокой эффективности и скорости работы. Программа предоставляет все необходимые средства для коррекции, монтажа, подготовки изображений к печати.
Под обработкой фотографий в Adobe PhotoShop понимается исправление, корректировка изображений на фото, ретуширование – т.е. изменение цвета и мелких деталей в фотоизображении, а также восстановление утраченных (стершихся, выцветших) фрагментов на фото.
Приукрашивание фотографий с помощью графических редакторов есть несомненное зло. Но приукрашивание и коррекция – это, как говорят в Одессе, две большие разницы. Границу между ними очень приблизительно можно определить так: коррекция – это исправление технических ошибок фотографа и обусловленных техникой дефектов снимка без привнесения в снимок новых элементов и без изменения соотношений между ними. Коррекция – это то, что делает фотограф в "темной комнате", вытягивая недосвеченные снимки, исправляя контраст и т.п. – до тех пор, пока он не начинает увлекаться маскированием отдельных участков фотографии, наложением снимков, и прочими фокусами. Мастерство фотографа в технике обработки фотографии лучше всего проявляется, когда обработка не заметна вообще – но создается ощущение, что фотография и не требовала обработки.
Обработка не должна привносить в снимок ничего такого, чего в нем изначально не было – но должна раскрывать то, что в снимке уже содержалось с самого начала.
На этапе импорта фото, и при обработке его в Photoshop постоянно следите за гистограммой снимка. Гистограмма – это просто график, по горизонтали которого отложена яркость от черного к белому, а по вертикали - количество точек на снимке, которые имеют данную яркость. Идеальная гистограмма - это широкий колокол, сходящий на нет и справа и слева; "обрезанность" гистограммы правой рамкой графика говорит о том, что на снимке есть пересветы, а левой - о том, что на снимке есть совершенно черные участки.
Когда искажения выправлены, то можно кадрировать нашу фотографию. Для этого используется кроп – гораздо более мощный инструмент, чем кажется на первый взгляд! С его помощью можно: подогнать изображение под заданный размер, задав ширину (width), высоту (height) и разрешение (resolution) в окошках, которые появляются над снимком, когда мы щелкаем по значку кропа; можно повернуть изображение; и можно даже выправить перспективные искажения - для этого нужно поставить птичку в квадратике Perspective. Можно сделать картинку строго квадратной – для этого рамку кропа надо растягивать, держа нжатой клавишу Shift. Кадрирование необходимо именно сейчас, а не в последний момент, потому что дальше начнется работа с уровнями, т.е. выправление яркости и цвета фотографии - и лучше, чтобы к этому моменту кадр не содержал бы ничего лишнего.
Список использованной литературы
- Визуальный HTML-редактор Dreamweaver [Электронный ресурс] / - Режим доступа к реферату: http://referatov.org.ua/ru/referats/7-2-3211.html
- Photoshop для коррекции фотоснимков, уроки Photoshop [Электронный ресурс] / - Режим доступа к статье: http://funphoto.com.ua/rus/obrabotka-photoshop.php
ДонНТУ > Портал магистров ДонНТУ > Автобиография | Автореферат | Библиотека | Отчет о поиске | Ссылки