Введение 2
Теоретическая часть 3
2.1. Photoshop CS4 3
2.2. Menu bar (меню) 3
2.2.1. Tools panel (панель инструментов) 4
2.2.2. Option bar (меню опций) 4
2.3. Notepad++ 8
2.3.1. Основные особенности Notepad++ : 8
2.4. HTML (язык гипертекстовой разметки) 10
2.4.1. Структура HTML-документа 12
2.5. CSS(каскадные таблицы стилей) 14
2.5.1. Преимущества: 17
2.5.2. Недостатки: 17
2.5.3. История 17
2.5.4. Включение в HTML 19
Практическая часть 20
Введение
* В настоящее время большой популярностью обладает информационная сеть Internet, в ней находиться огромное количество информации и множество разнообразных развлечений, которые располагаются на такназываемых Web-сайтах. В данный момент существует очень много различных Web-сайтов: рекламных, информационных, информационно-рекламных, развлекательных и т.д. Каждая уважающая себя компания, предприятие, университет, лицей, училище имеют свои Web-сайты, на которых содержится вся необходимая информация для любого интересующегося лица.
* Основываясь на выше приведённую популярность Web-сайтов, я решил создатьWeb-сайт общежития от ПТКЛ№1(ТомИнТех).
Для выполнения всей работы, по созданию Web-сайта, передо мной возникают задачи, такие как:
1. Поиск информации (которая будет содержаться на web-сайте).
a. Текст.
b. Фотографии, картинки.
2. Создание дизайна Web-сайта (с помощью программы “Photoshop CS4”).
3. Создание Web-сайта (с помощью программы “Notepad++”).
Данный Web-сайт –рекламно-информационный, будет располагаться на сайте www.ptkl1.ru и использоваться абитуриентами, которые собрались поступать в ПТКЛ№1(ТомИнТех).
Теоретическая часть
В данной работе были использованы такие программы, как:
1. Photoshop (создание дизайна Web-сайта и обработка изображений)
2. Notepad++ (редактор для создания Web-сайтов)
Для создания Web-сайта использовались такиеязыки:
1. HTML (язык гипертекстовой разметки)
2. CSS (Каскадные таблицы стилей)
Photoshop CS4
Самый популярный в мире пакет для создания и редактирования фотографических изображений.
(рис 1)
На рисунке 1 показано основное меню программы Photoshop CS4 и стрелками указаны 3 основные панели такие как:
Menu bar (меню)
В верху экрана, как обычно, располагается меню. Клик на разнообразныезаголовки меню открывает список опций и команд. Например, файл меню (File Menu) содержит опции открытия, сохранения, закрытия документов. Меню слой (Layer Menu) содержит опции работы со слоями. Всевозможные фильтры находятся в меню фильтр (Filter Menu).
Tools panel (панель инструментов)
Вдоль левой стороны экрана располагается панель инструментов (tools panel), здесь мы можем найти всевозможные инструменты дляработы с изображениями. Панель инструментов представляет собой единую колонку.
Option bar (меню опций)
Меню опций напрямую связана с панелью инструментов. Меню опций располагается под меню (menu bar). Каждый инструмент имеет набор собственных опций который отображаются в меню опций (option bar).
Помимо описания основного интерфейса программы хотелось бы отметить то, что в программе photoshopсуществует множество функций, которые позволяют создавать дизайн Web-сайтов
(рис 2)
На рисунке 2 выделены два инструмента, которые предназначены для нарезки картинки на части для того, что бы удобно было размещать изображение на Web-сайте. На рисунке 3 показано как выглядит нарезанное изображение.
(рис 3)
После того как вырезали из изображения всё необходимое нужно сохранить результат дляэтого заходим в меню файл и выбираем сохранить для Web и устройств как на рисунке 4.
(рис 4)
После проделанной операции высветится окно как на рисунке 5.
(рис 5)
В данном окне, на панели располагающейся в правой части окна можно выбрать формат рисунка: GIF, JPEG, PNG-8, PNG-24, WEMP. Также там есть настройки качества изображения от низкого до максимального. В...
Теоретическая часть 3
2.1. Photoshop CS4 3
2.2. Menu bar (меню) 3
2.2.1. Tools panel (панель инструментов) 4
2.2.2. Option bar (меню опций) 4
2.3. Notepad++ 8
2.3.1. Основные особенности Notepad++ : 8
2.4. HTML (язык гипертекстовой разметки) 10
2.4.1. Структура HTML-документа 12
2.5. CSS(каскадные таблицы стилей) 14
2.5.1. Преимущества: 17
2.5.2. Недостатки: 17
2.5.3. История 17
2.5.4. Включение в HTML 19
Практическая часть 20
Введение
* В настоящее время большой популярностью обладает информационная сеть Internet, в ней находиться огромное количество информации и множество разнообразных развлечений, которые располагаются на такназываемых Web-сайтах. В данный момент существует очень много различных Web-сайтов: рекламных, информационных, информационно-рекламных, развлекательных и т.д. Каждая уважающая себя компания, предприятие, университет, лицей, училище имеют свои Web-сайты, на которых содержится вся необходимая информация для любого интересующегося лица.
* Основываясь на выше приведённую популярность Web-сайтов, я решил создатьWeb-сайт общежития от ПТКЛ№1(ТомИнТех).
Для выполнения всей работы, по созданию Web-сайта, передо мной возникают задачи, такие как:
1. Поиск информации (которая будет содержаться на web-сайте).
a. Текст.
b. Фотографии, картинки.
2. Создание дизайна Web-сайта (с помощью программы “Photoshop CS4”).
3. Создание Web-сайта (с помощью программы “Notepad++”).
Данный Web-сайт –рекламно-информационный, будет располагаться на сайте www.ptkl1.ru и использоваться абитуриентами, которые собрались поступать в ПТКЛ№1(ТомИнТех).
Теоретическая часть
В данной работе были использованы такие программы, как:
1. Photoshop (создание дизайна Web-сайта и обработка изображений)
2. Notepad++ (редактор для создания Web-сайтов)
Для создания Web-сайта использовались такиеязыки:
1. HTML (язык гипертекстовой разметки)
2. CSS (Каскадные таблицы стилей)
Photoshop CS4
Самый популярный в мире пакет для создания и редактирования фотографических изображений.
(рис 1)
На рисунке 1 показано основное меню программы Photoshop CS4 и стрелками указаны 3 основные панели такие как:
Menu bar (меню)
В верху экрана, как обычно, располагается меню. Клик на разнообразныезаголовки меню открывает список опций и команд. Например, файл меню (File Menu) содержит опции открытия, сохранения, закрытия документов. Меню слой (Layer Menu) содержит опции работы со слоями. Всевозможные фильтры находятся в меню фильтр (Filter Menu).
Tools panel (панель инструментов)
Вдоль левой стороны экрана располагается панель инструментов (tools panel), здесь мы можем найти всевозможные инструменты дляработы с изображениями. Панель инструментов представляет собой единую колонку.
Option bar (меню опций)
Меню опций напрямую связана с панелью инструментов. Меню опций располагается под меню (menu bar). Каждый инструмент имеет набор собственных опций который отображаются в меню опций (option bar).
Помимо описания основного интерфейса программы хотелось бы отметить то, что в программе photoshopсуществует множество функций, которые позволяют создавать дизайн Web-сайтов
(рис 2)
На рисунке 2 выделены два инструмента, которые предназначены для нарезки картинки на части для того, что бы удобно было размещать изображение на Web-сайте. На рисунке 3 показано как выглядит нарезанное изображение.
(рис 3)
После того как вырезали из изображения всё необходимое нужно сохранить результат дляэтого заходим в меню файл и выбираем сохранить для Web и устройств как на рисунке 4.
(рис 4)
После проделанной операции высветится окно как на рисунке 5.
(рис 5)
В данном окне, на панели располагающейся в правой части окна можно выбрать формат рисунка: GIF, JPEG, PNG-8, PNG-24, WEMP. Также там есть настройки качества изображения от низкого до максимального. В...
Поделиться рефератом
Расскажи своим однокурсникам об этом материале и вообще о СкачатьРеферат