Бесшовный фон - Создание сайта
Фон web-страниц в значительной мере определяет стиль и привлекательность всего сайта.
В программе PhotoShop создайте документ размером 100х100 пикселов с черным цветом фона и белым цветом переднего плана. Для этого нажмите сначала кнопку, чтобы установить цвета по умолчанию, а затем кнопку чтобы поменять местами цвета переднего и заднего плана. И выберите команду Файл>Новый.
Выберите команду Фильтр>Рендеринг>Облака. Фильтр будет применен, и на изображении появится узор в виде облаков.
Теперь применим команду Фильтр>Рендеринг>Облака С Наложением. Узор на изображении изменится. Повторное многократное применение этого фильтра создает эффект "прожилок", который напоминает текстуру мрамора. Для повторного применения последнего использованного фильтра достаточно нажать комбинацию клавиш Ctrl+F. Примените это сочетание несколько раз. Получится что-то вроде этого:
Выберите команду Фильтр>Стилизация>Свечение Краев. В появившемся диалоговом окне настройте параметры эффекта следующим образом:
Ширина краев - 1
Яркость краев - 20
Смягчение - 1.
После применения фильтра изображение будет затемнено. Воспользуемся командой Изображение>Коррекция>Яркость/Контрастность. Установите следующие значения:
Яркость - +50
Контрастность - +30
Теперь необходимо тонировать полученное изображение, состоящее из оттенков серого с помощью команды меню Изображение>Коррекция>Цветовой Тон/Насыщенность.
Установите флажок Тонирование и значения ползунков:
Цветовой тон - 216
Насыщенность - 60
Яркость - +17
Сохраните полученное изображение в своей папке под именем Fon. psd
На этом создание фоновой текстуры можно считать законченным. Но, так как рисунок будет повторен на Web-странице много раз, между фрагментами фона будут видны швы. В Adobe ImageReady имеется специальный фильтр - Конструктор Мозаики, который позволяет удалить швы, создавая таким образом бесшовный фон.
Нажмите кнопку Редактировать В ImageReady в нижней части панели инструментов. Будет запущена программа Adobe ImageReady, и в ее рабочем окне откроется документ Fon. psd.
Выберите команду Фильтр>Другие>Конструктор Мозаики. Данный фильтр смешивает пикселы на краях изображения для создания бесшовного фона. При установленном переключателе Blend Edges (Размытие краев) будет выполняться размытие краев рисунка для исключения швов между плитками при повторении изображения, на web-странице.
В поле Width (Ширина) указывается ширина полосы у края изображения, в пределах которой должен происходить плавный переход. Обычно используются значения от 5% до 15%. Оставим значение, предложенное по умолчанию - 10%.
При установленном флажке Resize Tile To Fill Image (Изменить размер плитки для заполнения изображения), размер плитки подгоняется под размер изображения. Если сбросить этот флажок, на Web-странице плитки не будут прилегать вплотную друг к другу. Установите этот флажок.
Установка переключателя Kaleidoscope Tile (Калейдоскоп) создаст фон в виде калейдоскопа, в котором изображение отражается по горизонтали и вертикали, создавая таким образом оригинальный узор.
Чтобы увидеть как будет выглядеть фон в программе просмотра Web-страниц следует указать программе, что данное изображение должно использоваться как фон.
Выберите команду Файл>Настройки Экспорта>Фон.
В появившемся диалоговом окне установите переключатель Фон, чтобы использовать активное изображение в качестве фона страницы. Закройте диалог.
Теперь можно просмотреть фон в браузере. Выберите команду Файл>Предварительный Просмотр В>iexplore. Будет запущена программа Internet Explorer, в окне которого Вы увидите бесшовный фон. Кроме фонового рисунка в окне программы выводится информация о формате изображения, его размерах, размере файла и параметрах оптимизации, а ниже - HTML код автоматически сгенерированного файла.
Закройте окно браузера.
Чтобы созданное изображение можно было использовать как фон Web-страницы, его необходимо оптимизировать и сохранить в Web-формате.
Щелкните мышью на ярлыке 2 варианта в верхней части окна документа. Будет выполнена оптимизация с последними установленными параметрами, и вы увидите оригинальное и оптимизированное изображение.
Сохраните оптимизированный документ в своей папке на Server под именем Fon. gif с помощью команды меню Файл>Сохранить Оптимизированный.
Закройте программу Adobe ImageReady без сохранения документа Fon. psd.
Откройте программу FrontPage. Для сайта ООО "Динас" создайте новую страницу на основе обычного шаблона страницы, назовите ее Kontakt. htm и сохраните в корневой папке сайта. Назначьте созданный фон данной странице с помощью команды меню Формат>Фон>Форматирование. Используя возможности макетных таблиц выберите для созданной страницы макет вида. В верхней части расположим название страницы, область слева будет служить для перехода на другие страницы нашего сайта, в центральной части будет представлена контактная информация, и в нижней части расположим служебную информацию по сайту. Все работы выполним силами графических редакторов Adobe PhotoShop и Adobe ImageReady.
Похожие статьи
-
Создание Web-страниц в прикладной программе FrontPage - Создание сайта
Создание новой пустой Web-страницы Если при открытии окна программы FrontPage в нем отображается пустая страница, то разработку веб - страницы можно...
-
Знакомство с программой FrontPage - Создание сайта
Прикладная программа FrontPage 2003 - это визуальный html-редактор для быстрого создания сайта. Язык HTML является основным языком программирования Web -...
-
Задание 3. Создание Web-страниц в PowerPoint - PowerPoint и презентация
Программа PowerPoint, входящая в состав Microsoft Office, позволяет на профессиональном уровне подготовить слайды для проведения презентаций. Благодаря...
-
Создание баннера - Создание сайта
Баннер представляет собой рекламный рисунок для рекламы в Интернете созданного сайта. Как правило, баннер - это графическое изображение прямоугольной...
-
Создание заголовков - Создание сайта
Заголовки - отличный инструмент структурной организации содержимого Веб-страницы. Стандарт HTML предусматривает возможность использования заголовков...
-
Окно прикладной программы FrontPage - Создание сайта
После запуска программы FrontPage (Пуск - программы - Microsoft Office - FrontPage ) на экране появится окно программы, в котором отображается новая...
-
Adobe Dreamweaver Adobe Dreamweaver - это HTML-редактор от компании Adobe, который на сегодняшний день очень известный. Первая его версия была выпущена в...
-
Организация связи в Internet - Создание сайта
При организации связи между вычислительными машинами, используется специальный набор правил, которые называются протоколом связи. Схема связи: клиент -...
-
Структура web-документа - Создание сайта
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE...>, которая обычно...
-
Что такое Flash? Flash (от англ. Flash - "вспышка", произносится "флэш") Flash - это технология веб-мультипликации и создания интерактивного контента от...
-
Начинать следует с определения структуры таблицы, соответствующей предметной области, т. е. с определения полей, которые надо включить в таблицу, типов...
-
Для того, чтобы создать страницу сайта достаточно в текстовом редакторе, в блокноте сделать следующую надпись: Первая страница сайта создана. После...
-
Проектирование и разработка сайта Средства разработки Язык гипертекстовой разметки HTML В Интернете сосредотачивается и передается достаточно большое...
-
Center Выравнивание текста по центру. Текст помещается по центру горизонтали окна браузера или контейнера, где расположен текстовый блок. Left...
-
Оформление сайта, Язык HTML - Создание сайта
Оформление или дизайн - это внешний вид сайта. Эта та оболочка, которую вам придется надевать на ваш сайт, как этикетку на коробку с товаром. От этой...
-
Сервисы сайта - Создание сайта
Сервисы сайта направлены на облегчение использования сервисов компании. Так, например, онлайн-консультация позволяет пользователю быстро получить ответ...
-
Автоматизированное извлечение текстов для корпуса политических статей сайта Lenta. ru Для создания полезного обучающего корпуса требуется постоянное...
-
Разработка сайта, Среда разработки web-сайта - Разработка сайта для компании
Среда разработки web-сайта При разработке web-сайта используются: - HTML - язык разметки web-страниц; - CSS - формальный язык описания внешнего...
-
Анкеты, опросные листы и многие другие документы представляют собой бланки, предназначенные для заполнения и последующей обработки, Часто бланк также...
-
В данном реферате рассматриваются основные принципы создания и форматирования документов с помощью одного из самых распространенных текстовых редакторов...
-
Поиск и замена текста При работе с длинными документами иногда приходится вносить в них повторяющиеся изменения. ПрограммаWriterимеет специальные...
-
Структура сайта в виде блок-схемы (Рисунок 1) Рисунок 1 - Структура сайта в виде блок-схемы Mockup главной страницы Макет сайта (Рисунок 2) был выполнен...
-
Использование техники фреймов позволяет разбить окно браузера на произвольное число независимых подокон, каждое из которых отображает отдельную HTML -...
-
Выводы и рекомендации к сайту - Создание сайта
Хотя полного аналога проекта компании "Музыкальная компания BOOM", найти на белорусском рынке не удалось, все же были выведены общие критерии, актуальные...
-
Инвестиционная привлекательность рынка - Создание сайта
К настоящему времени наблюдается устойчивый тренд роста числа белорусских потребителей, использующих Интернет для получения всевозможной информации. По...
-
Шаблоны сайта Bootstrap3 Веб-дизайн является одним из основных элементов в процессе создания сайта. Именно от него зависит, насколько удобно и комфортно...
-
ЗАДАНИЕ 10. ОФОРМЛЕНИЕ ДОКУМЕНТА. СОЗДАНИЕ ТИТУЛЬНОГО ЛИСТА - Текстовый процессор WORD 2003
1. Подготовьте титульную страницу документа Реферат. doc 2. Установите параметры страницы: размер всех полей - 2,5 см, переплет - 0 см, колонтитулы -...
-
Разработка графической части На данном этапе создания веб-сайта для рекламного агентства "ART", был разработан дизайн подобающе данной тематике. Стиль...
-
Во введении актуализируется необходимость создания вашего электронного средства обучения (педагогический подход, используемая методика). Автор дает...
-
"WWWSQLDesigner" позиционируется как абсолютно бесплатный, доступный для пользователей, универсальный веб-редактор, значительно упрощающий процесс...
-
Создание электронной книги - Информатика и информационные технологии в образовании
Как можно создать электронную книгу? В качества инструмента для создания e-book применяются различные программные средства. Для создания электронных книг...
-
Резюме Наименование проекта: Компания услуги по созданию интернет-сайтов. Инициатор проекта: Иванов Иван Иванович Организационно-правовая форма -...
-
Объектом автоматизации сайта "вопрос-ответ" является предметная область "Проектирование информационных систем". Основное назначение сайта "вопрос-ответ"...
-
Анализ целевой аудитории. - Создание сайта
Пользовательская аудитория - преимущественно мужчины (80%), а так же женщины (20%) в возрасте от 18 до 50 лет. Можно разделить на четыре (4) основные...
-
Как создать свой сайт? Итак, создание сайта всегда начинается с идеи. Прежде, чем приступить к работе над сайтом, вы должны четко представлять, что вы в...
-
Этапы создания сайта - Разработка интернет-магазина компьютерной техники
Разработка сайта - процесс трудоемкий, в котором обычно участвуют несколько специалистов. Чтобы проект был успешным, необходимо как минимум определить:...
-
Этапы создания слайдов - Работа в Power Point
1. Открываем программу Power Point из меню Пуск (см. Рисунок 1.). Рисунок 1. Меню Пуск презентация рower рoint программа 2. На экран монитора выводится...
-
За структуру HTML-документа отвечают следующие теги: <HTML> - в данном контейнере находится все содержимое HTML-документа. <HEAD> - содержит...
-
Для создания отдельного нового стиля в оформляемой таблице сначала необходимо вызвать команду /Вид /Определить Стиль. Процессор QUATTRO PRO откроет...
-
Для вызова ЛЕКСИКОНа следует набрать LEXICON или LEXICON имя редактируемого - файла Если в команде вызова ЛЕКСИКОНа указано имя файла, которого нет на...
Бесшовный фон - Создание сайта