Введение в атомный веб-дизайн. Инструкции Рассказ о моем сынишке

Пособие может использоваться для стационарного и дистанционного обучения при изучении следующих дисциплин: Программирование на языке высокого уровня. Человеко-машинное взаимодействие. Объектно-ориентированное программирование.
Основное внимание в пособии уделено языку программирования HTML, технологии CSS, языку программирования JavaScript, графическому редактору Adobe Photoshop, технологии мультимедиа.
К учебному пособию прилагается электронный учебник на компакт-диске, который содержит теоретический материал, примеры реализации различных задач (учебный сайт) и практическую часть (задания, контрольные вопросы и методические указания на выполнение лабораторных работ). Кроме того, на диске находится тестирующая программа, с помощью которой преподаватель может быстро и объективно оценить степень усвоения материала.
Любопытной особенностью электронного учебника является то, что каждый раздел сопровождается спокойной инструментальной музыкой, создающей хорошее настроение.
Данное учебное пособие предназначено для студентов специальности 220400 (230105) - Программное обеспечение вычислительной техники и автоматизированных систем. Наличие электронного учебника позволяет педагогам просто решить проблему тиражирования методических указаний.
Книга незаменима для всех начинающих изучать Web-дизайн.

1. Глобальные вычислительные сети.

Глобальные сети (как и локальные) состоят из компьютеров, соединенных каналами связи. Глобальные вычислительные сети (ГВС) всего мира объединены между собой с помощью Интернета.
Для работы в ГВС пользователю необходимо иметь соответствующее аппаратное и программное обеспечение. В простейшем случае из аппаратных средств нужно дополнительно установить модем, с помощью которого осуществляется связь по телефонной линии (например, из квартиры). Заметим, что современные ЭВМ оснащены сетевыми картами, и при подключении к сети но выделенному каналу не нужны дополнительные аппаратные средства.
Программное обеспечение делится на два класса:
программы-серверы, размещенные на том узле сети, который обслуживает компьютер пользователя;
программы-клиенты, которые находятся на компьютере пользователя и пользуются услугами сервера.
Глобальные сети предоставляют пользователям разнообразные услуги. ГВС позволяют работать с распределенными базами данных, обмениваться письмами с помощью электронной почты, сообщениями с помощью телеконференций, беседовать в реальном масштабе времени, пересылать файлы и т. д. Каждая услуга (иногда говорят: служба, сервис) работает по определенным правилам (протоколам).

Введение
1. Глобальные вычислительные сети
2. Способы подключения к Internet
3. Коммутация каналов, сообщений и пакетов
4. Протоколы, службы, услуги
5. Браузеры
6. Поисковые системы и каталоги
7. Основные понятия Web-дизайна
8. Структура Web-страницы
9. Сетевые технологии Web-дизайна
10. Язык HTML
10.1. Форматирование текста
10.2. Таблицы
10.3. Графика
10.4. Гиперссылки
10.5. Метатеги
10.6. Карты-ссылки
10.7. Мультимедиа
10.8. Фреймы
10.9. Каскадные таблицы стилей CSS
11. Язык JavaScript
11.1. Порядок запуска скриптов
11.2. Методы ввода информации
11.2.1. Ввод информации с помощью метода соп-firm()
11.2.2. Ввод информации с помощью метода promt()
11.2.3. Ввод информации с помощью текстового поля
11.2.4. Ввод и вывод информации с помощью текстовой области tcxtarca
11.2.5. Интерактивные формы
11.3. Методы вывода информации
11.3.1. Вывод информации с помощью метода alert()
11.3.2. Вывод информации с помощью метода write()
11.3.3. Вывод информации с помощью текстового поля
11.3.4 Вывод информации с помощью созданных окон
11.4. События
11.5. Арифметические операции
11.6. Логические операции и операции сдвига
11.7. Операции со строковыми переменными
11.7.1. Перевод чисел из одной системы счисления в другую.
11.8. Математические функции и константы
11.9. Регулярные циклы
11.10 Операторы условной передачи управления if-else(cond) и switch(x)
11.11 Примеры скриптов
11.11.1 Анимация в строке-заголовке браузера
11.11.2 Кнопка с подсветкой
11.11.3 Реализация итерационных циклов
Приложение 1: Перечень лабораторных работ и заданий, размещенных на оптическом диске
Приложение 2: Порядок запуска тестирующей программы
Приложение 3: Сайт «Самара сия - сама Россия»
Заключение
Список литературы

Бесплатно скачать электронную книгу в удобном формате, смотреть и читать:
Скачать книгу Введение в Web-дизайн, учебное пособие, Алексеев А.П., 2008 - fileskachat.com, быстрое и бесплатное скачивание.

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

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

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

Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

курсовая работа , добавлен 09.01.2014


Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.

дипломная работа , добавлен 10.11.2015


Подготовительный этап работы над корпоративным сайтом. Оценка его дизайна. Структура корпоративного сайта. Конвертирование посещений в сделку как задача целевой страницы. Преимущества и виды веб-сайтов. Основные правила, необходимые для PR-специалиста.

курсовая работа , добавлен 08.10.2013


Понятие web-страницы, классификация. Принципы создания и основные элементы. Пример контента сайта "Академия детства". Стандарты разработки дизайна для сайтов дошкольных учреждений. Шаблон главной страницы. Программный инструментарий по разработке.

курсовая работа , добавлен 13.01.2014


Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.

дипломная работа , добавлен 05.03.2013


Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.

дипломная работа , добавлен 25.03.2013


Особенности создания сайта интернет-магазина для частных лиц и организаций. Анализ финансовой и технико-экономической деятельности фирмы. Создание информационной модели сайта, ее базовые элементы. Выбор программного и аппаратного обеспечения сайта.

дипломная работа , добавлен 08.12.2013

Всем известно, что графическое оформление интернет-ресурса, играет огромную роль в достижении успеха и популярности. Каждодневный рост сайтов одной тематики напрямую связан с борьбой между ними за целевую аудиторию. Главной задачей при разработке сайта, это грамотное и интересное оформление дизайна. Именно понятный, увлекательный дизайн позволит выделиться среди других и привлечь внимание посетителей сайта.

Так, что же такое Web-дизайн? Web-дизайн - это область дизайна, связанная с web-разработкой, графическим оформлением структуры сайта и проектированием пользовательских веб-интерфейсов. Другими словами, web-дизайн представляет собой логическую структуру web-страниц, с удобной и яркой подачей информацией, а также художественным оформлением интернет-ресурса. Функция, что несет в себе сайт, это донести нужную информацию до различной аудитории. А правильный дизайн сайта, заменяет нам своего рода средства массовой информации, преимущества которого известны многим. Ведь именно интернет-ресурс не загнал в рамки времени и доступа, как в этом ограничены телепередачи или газеты, которым отведено определенное время или размер колонки. И напротив web-сайт доступен из любой точки планеты, в любое нужное время, где есть доступ в Интернет.

При создании сайта, мы должны обозначить задачи, которые могут вставь перед разработчиком:

• 1. Уникальность;
• 2. Одна из основных задач дизайна web-страниц, создание уникальности, отличия от других. Для достижения индивидуальности, web-дизайнеры прибегают к оригинальным цветовым и художественным решениям, ярким и привлекающим внимание логотипам, что представляют лицо компании, а также удобный и необычно размещенный контент сайта. При этом не стоит забывать, что интерфейс должен оставаться аналогичным по всему сайту, чтобы посетитель не путаясь, находил нужную для себя информацию.
• 3. Привлечение внимания;

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

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

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

Детальное рассмотрение процесса создания сайта, поможет нам точно знать, чем необходимо заняться на различным этапах разработки:

1. Техническое задание (ТЗ);

Осознавая поставленную цель, для которой создается Web-страница, зная объем сайта, его функциональность, задаются основные параметры визуального представления и структуры сайта. Данный этап заканчивается утверждением технического задания заказчиком.

2. Структурирование информации;

Этот этап несет в себе формы и организации содержимого сайта. Включает широкий ряд вопросов, от логической структуры Web-сайта, до выбора наиболее удобных форм подачи информации.

3. Графическое оформление;

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

4. Верстка;

На данной стадии графическая картинка нарезается на отдельные элементы и с использованием формата HTML (Hyper Text Markup Language - язык разметки гипертекста).Язык трансформируется в код, который можно просматривать с помощью браузера.

5. Вебмастеринг.

На последнем этапе осуществляются действия, способствующие распространению и эффективной доставки сайта по сети. Здесь нам необходимо размещение на хостинге для дальнейшего пользования сайтом во всемирной паутине.

При создании сайта мы также не должны придерживаться еще одному руководству по дизайну страниц:

• 1. Простота;
• 2. Центрированная разметка;
• 3. Небольшое количество колонок;
• 4. Отдельная верхняя секция;
• 5. Яркие цветные блоки;
• 6. Простая навигация;
• 7. Увеличенный размер шрифтов;
• 8. Вставки большого текста (обычно реализованы в виде графического элемента);
• 9. Индивидуальный логотип.

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

• – Сайт-презентация, такой сайт представляет информацию о фирме, услуге, продукте. Основной задачей данного сайта, по средствам визуального оформления, по максимуму эффективно преподнести содержимое для посетителя страницы. В таком сайте больше идет акцент на графическое оформление, нежели текстовую информацию.
• – Корпоративный сайт, является представителем какой-либо организации (фирмы, университета), но только уже во всемирной сети. Именно к таким сайтам, имеются самые высокие требования по оформлению дизайна Web-страницы. Ясная, четкая структура сайта, соответствующая цветовая гамма, уникальность графических элементов, индивидуальный мощный логотип, будут выделять и придавать "изюминку" такому сайта. Текстовая информация на ровне балансирует с графическим дизайном.
• – Информационные ресурсы, такие сайты чаще всего являются библиотеками, газетами, средствами массовой информации. Как правило, информация, выложенная на данном ресурсе обновляется несколько раз в сутки. Перед разработкой данного типа сайта, необходимо учитывать желание посетителей, а это потребность в содержании, а не в красивом оформлении. Текстовая информация, максимально структурирована, предоставляя посетителю, найти нужную информацию, но напротив, графика сведена к минимуму, показывая лишь четкие относящие к материалу факты.
• – Электронный магазин, данный тип сайта, ставит перед собой задачу, не только быстро и эффективно заполучить внимание посетителя сайта, предоставив интересующую информацию, но и также заинтересовать клиента к покупке. При разработке такого Web-ресурса, в первую очередь необходимо уделить должное внимание сервисному обслуживанию. Поиск по товарам и услугам, удобный и красочный каталог продукции, быстрая связь со службой поддержки и легкая регистрация при оформлении заказа, имеют большую значимость, чем графический дизайн.

Работа над графическим Web-дизайном, представляет собой сложный вид деятельности. Ведь, только представьте, что перед разработчиком Web-сайта, стоит задача, упаковать огромный объем информации, в лаконичный, удобный для восприятия, единый интернет-ресурс.

HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. Дронов Владимир

ГЛАВА 1 Введение в современный Web-дизайн. Web 2.0. Создание Web-страниц

Введение в современный Web-дизайн. Web 2.0. Создание Web-страниц

Всемирная паутина, WWW, Web-дизайн, Web-сайт, Web-страница - все знают, что это такое. Но что такое современная Всемирная паутина, современный Web- дизайн и современная Web-страница? Именно с ответов на все эти вопросы начнется данная книга. Далее мы немного по- говорим о принципах функционирования Интернета, Web-страницах и Web-сайтах, создадим нашу первую Web-страницу, начнем изучать язык HTML 5 и подберем программы, которые будем использовать в работе. Так сказать, с места в карьер…