Записаться на курсПросто и удобно везде

• Название: Записаться на курсПросто и удобно везде
• Дата: 23.09.2022
• Размер: 3.88 Mb.
• Имя файла: webdizajn.pdf
• Тип: Документы; #692052

Тел.: [phone]
www.escc.ru
Записаться на курс
Просто и удобно везде
Мы доставляем все необхо- димые учебные материалы, а Вы выбираете время и место своих занятий.
Дистанционное обучение – гарантия экономии Вашего времени!
Личный преподаватель
Ваш личный преподаватель всегда рядом и готов помочь советом. Более того, Вы ста- новитесь частью крупней- шего онлайн-сообщества студентов.
Свидетельство ЕШКО
Свидетельство об окончании курса с оценкой и количест- вом часов – убедительное подтверждение Ваших успе- хов и в учебном заведении, и на работе.
Управляйте одним кликом
В Личном кабинете на сайте у Вас все под рукой: домаш- ние работы, контроль за финансами, Кампус и многое другое.
Удобные варианты оплаты
Вы точно знаете, сколько и за что платите. Выбирайте комфортную для Вашего бюджета помесячную оплату или единоразовую с отлич- ной скидкой.
Качественно и эффективно
У Вас обязательно получит- ся, ведь мы учим доступно и интересно. Более 700 000 наших выпускников уже убедились в этом.
Станьте следующим!

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 1, страница 7)
1
голубой чер ный 7
ВВЕДЕНИЕ В WEB-ДИзайН
В первом уроке нашего курса мы рассмотрим основные процессы web-дизайна. Мы уточним, какие основные шаги предпринимает профессиональный web-дизайнер, когда создает web-сайт, познакомимся с принципами работы компании, занимаю- щейся web-дизайном, ее отделами и штатом сотрудников, технологическим процес- сом, ведь аналогичный путь предстоит пройти и нам с Вами, чтобы в итоге, завер- шив учебу, Вы могли создать свой собственный web-сайт.
Мы обсудим вопрос выбора имени web-сайта в сети Интернет (доменного имени), выясним, почему, приступая к работе над сайтом, необходимо подумать о конечном пользователе – посетителе: поставить себя на его место и представить, какова будет его реакция, когда он первый раз увидит готовый продукт, заинтересует ли его наша страничка, удобно ли перемещаться по разделам сайта.
Кроме того, мы познакомимся с основными языками программирования, с помо- щью которых создаются web-страницы.
ИзучИв матерИалы урока,
вы узнаете:
►
что представляют собой web-сайты;
►
чем занимаются web-дизайнеры;
►
что может быть побудительным мотивом создания сайта;
►
на что следует обратить внимание, выбирая имя нашего домена;
►
что представляют собой интернет-браузеры.
вы познакомИтесь:
►
с основными понятиями web-программирования.
вы научИтесь:
►
разрабатывать проект web-сайта, учитывая последовательность основ-
ных шагов этого процесса.
Что такое web-дизайн
Прежде всего уточним, что включает в себя понятие web-дизайн, что предполагает создание web-сайта и какие технологии при этом используются.
Web-дизайн – это процесс, который определяет действия по созданию
web-сайтов с момента проектирования структуры сайта и графи-
ческого интерфейса до финального программирования и введения над-
лежащих данных, составляющих содержание сайта (изображений,
текста, файлов и других элементов).
Вводная часть знако- мит с темой и целями урока, подчеркивает практическую зна- чимость рассматри- ваемых вопросов, а также показывает, каких результатов Вы достигнете, изучив данный материал.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 11, страница 12)
голубой чер ный 12
12
УРОК 11
Web-дизайн
JavaServer Pages (JSP) является компонентом server-side Java EE, пред-
ставляющим собой технологию, которая позволяет web-разработчикам
легко создавать содержимое, которое имеет как статические, так и
динамические компоненты. По сути, страницы JSP являются тексто-
выми документами, которые содержат текст двух типов: статические
исходные данные, которые могут быть оформлены в одном из тексто-
вых форматов HTML, SVG, WML, или XML, и JSP-элементы, которые
конструируют динамическое содержимое. JSP включают код Java в
страницу HTML с помощью двух специальных разделителей: <% и %>.
JSP компилируются сервлетом Java, приложением Java, по сути, при
первом обращении к нему. В итоге сервлет генерирует ответ.
Swing – это toolkit widget JAVA, практически библиотека для графиче-
ского использования Java, которая доступна в графическом интерфей-
се программиста.
Вот пример интерфейса Swing:
Пример
Ниже представлен пример Swing, в котором создается окно с текстом
“Hello, world!” внутри:
// Hello.java (Java SE 5)
import java.awt.BorderLayout;
import javax.swing.*;
public class Hello extends JFrame {
public Hello() {
super(“hello”);
setDefaultCloseOperation(WindowConstants.EXIT_ON_
JavaServer
Приложение
Swing
!
!
Текст, размещенный в рамке, содержит
но-
вое понятие или опре-
деление, на которое необходимо обратить особое внимание.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 6, страница 3)
голубой чер ный 3
3
УРОК 6
Web-дизайн
Такое дизайнерское решение передает атмосферу аптеки, медицинского кабинета.
Чистый дизайн – дизайн ненавязчивый, лаконичный и элегантный,
оперирующий минимумом выразительных средств, с легкой для вос-
приятия простой структурой, свободным пространством, структури-
рованным содержанием и легкой асимметрией.
Таким образом, мы разрабатываем дизайн в зависимости от задач, поставленных на стадии проектирования сайта, который нам предстоит оформлять: он может быть насыщенным, темным и глубоким, а может быть открытым светлым и легким, если, например, наш проект требует быстрой загрузки или минимализма, – все зависити от поставленной задачи и нашего видения путей ее реализации.
К концу этого урока мы с Вами будем хорошо представлять, какой дизайн можно предложить для нашего учебного web-сайта с коваными железными воротами.
Практическое задание 1
В качестве первого упражнения мы предлагаем поставить себя на место
заказчика нашего учебного проекта и с его точки зрения ответить на
воп рос web-дизайнера о том, какой стиль использовать в дизайне сайта:
– классический;
– модерн;
– между классикой и модерном.
!
!
Таким условным обо- значением мы выделили
важную информацию, которую должен знать каждый профессионал.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 8, страница 5)
голубой чер ный 5
5
УРОК 8
Web-дизайн
Практическое задание 1
На wеb-сайтах, идентичных представленному выше, нам доступны не-
сколько фильтров, которые содержат те же записи в меню (которые не
меняются в зависимости от Вашего выбора). Является ли такой wеb-сайт
динамическим?
Интерактивные страницы
Интерактивные страницы, как Вы уже поняли, – это страницы, со-
держащие элементы, с помощью которых происходит обмен данными
между пользователем и wеb-сервером.
Интерактивные страницы способны воспринимать от пользователя начальные условия или ответ на заданный вопрос, решать поставленные задачи, оценивать все указанные параметры и выводить подробное решение или необходимую информа- цию.
Пример
Наиболее ярким примером интерактивного сайта является интернет-магазин, например wеb-сайт http://www.laredoute.ru, содержащий несколько элемен- тов, придающих сайту интерактивность. Вы можете зайти на этот сайт и оценить все используемые там возможности:
CGI
CGI (англ. Common Gateway Interface – «общий интерфейс шлюза») –
стандарт интерфейса, используемого для связи внешней программы с
wеb-сервером, представляющий собой путь передачи информации от
пользователя на wеb-сервер и обратно.
Теоретический мате- риал курса сопрово- ждается наглядными и интересными примера- ми, иллюстрирующими рассматриваемые вопросы.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 14, страница 15)
голубой чер ный 15
15
УРОК 14
Web-дизайн
как: «не найдена», «404» или отсутствия 404 сообщения, как и использования раз- личного дизайна 404 страниц по сравнению с остальной частью сайта.
Примеры персональных страниц с информацией об ошибке 404:
ПРАКТИЧЕСКОЕ ЗАДАНИЕ 3
Реализуйте, используя инструменты любого графического редактора,
например уже знакомого нам AdobePhotoshop, а также HTML и CSS,
персональную страницу ошибок для своего сайта.
Из структуры сайта можно выделить раздел, посвященный собственно содержимо- му статьи/сайта. Это может быть и текст, и изображение. Оптимизацию сайта мож- но проделать как по содержанию текста (и его актуальности), так и по названиям изображений из содержания. В содержании может быть указана и такая информа- ция, как: имя автора (как правило, под заголовком статьи или в конце статьи), дата, когда было написано содержание, теги или даже основные элементы «email to a friend» и «RSS feed». Мы не можем оптимизировать web-сайт, если на странице нет содержимого (доступного и для поисковых систем) по этой теме, которая оптимизи- рована по ключевому слову. Согласно этому принципу, для каждой страницы на сайте необходимо выбрать ключевое слово, по которому будет проходить оптимиза- ция для поисковых систем. Особенное содержание, юмористическое или образова- тельное и т. д., может привлечь большое количество посетителей, которые пореко- мендуют этот web-сайт в блогах, социальных сетях, по почте, на форумах, другими методами.
Это условное обозначе- ние вызовет у Вас особый интерес, ведь многочислен- ные
практические задания
воспроизводят ситуации, с которыми Вы обязатель- но столкнетесь, создавая web-сайт, и приглашают к размышлению над их реше- нием.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 13, страница 16)
голубой чер ный 16
16
УРОК 13
Web-дизайн
Настройки безопасности в Firefox доступны из меню: Tools > Options:
Настройки безопасности в этом браузере несколько отличаются от Internet Explorer, и безопасность не структурирована на профили и категории, как в предыдущем случае.
ПРАКТИЧЕСКОЕ ЗАДАНИЕ 3
Опишите, как Вы видите процедуру очистки зараженного «вирусом»
сайта.
Как обеспечить безопасность web-сайта
при его разработке
Как мы уже говорили ранее, существует большое количество процедур, проводи- мых для обеспечения безопасности. Назовем некоторые основные из них, которые являются прописными истинами для пользователей и web-дизайнеров, когда речь идет о безопасности web-проектов. Не давать никому пароли, обеспечить безопас- ность системы PHP, не допускать элементарных ошибок безопасности – все это основные элементы, которые составляют внутреннюю систему безопасности.
Поскольку о безопасности системы мы говорили в предыдущих уроках, а основные условия безопасности мы рассмотрели в первом разделе этого урока, остановимся сейчас на способах обеспечения безопасности web-сайта, а именно на обеспечении безопасности через сертификат SSL.
Протокол TSL основан на протоколе SSL, и различия между ними незначительны, поэтому, когда говорят о SSL и TLS, имеют в виду одно и то же. Что представляют из себя эти технологии? SSL или TLS – это технологии сертификации web-сайта.
Возможно, Вы заходили на web-сайты, где получали различные сообщения об их сертификатах. В некоторых случаях сообщается о том, что они являются устарев- шими и их необходимо обновить, в некоторых случаях Вас информируют о том, что представленные сертификаты были загружены и что web-сайты могут отображать- ся без особых проблем.
Сертификат
SSL или TLS
Теоретический мате-
риал четко структу-
рирован – в каждом уроке несколько раз- делов, а подзаголовки на полях журналов существенно облегча- ют восприятие и помо- гают концентрировать внимание.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 5, страница 6)
голубой чер ный 6
6
УРОК 5
Web-дизайн
Здесь, естественно, больше возможностей для новых файлов. На иллюстрации мы видим все типы web-документов, поддерживаемых с панели Blank Page. Изучите также содержание других панелей, представленных в Dreamweaver: Blank Template,
Page from Template, Page from Sample и Other, позволяющих выбрать один из пред- ставленных вариантов создания нового файла: пустая страница, пустой шаблон, страница по шаблону, страница по образцу и другие.
Для удобства Dreamweaver предлагает разнообразный набор готовых схем. Выбрав панель Blank Page > Page Type (тип страницы) – HTML, мы получим большое ко- личество готовых схем (layout) web-страницы. Для примера в колонке Layout (ма- кет) выберем «3column hybrid, header and footer», в окошке справа мы тут же увидим, как выглядит схема нашей новой страницы.
Обратите внимание на поле выбора типа документа DocType. В нашем случае мы выбираем XHTML 1.1 (соответственно будут использоваться стандарты HTML и
XHTML, о которых мы говорили в предыдущих уроках). Нажимаем кнопку
«Create», в результате получаем:
Готовые схемы
1 (28-34)
3 (1-3)
Система ссылок очень удобна. Ссылка указыва- ет, что этот вопрос уже рассматривался в уроках курса. Вы можете по- вторить его, вернувшись, например, к уроку 3, страницам 1–3.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 10, страница 28)
Учебный web-проект, над созданием которо- го мы будем последо- вательно работать на протяжении всего кур- са, позволит получить практические навыки по проектированию сайта.
голубой чер ный 28
28
УРОК 10
Web-дизайн
Учебный проект
Предположим, что фирма, производящая кованые железные ворота, предлагает но- вые функции для web-сайта. А именно требуется новый раздел, помещенный в от- дельный web-сайт, со следующими особенностями:
●
раздел должен быть доступен из горизонтального меню в форме новой кнопки;
●
называться он должен «Клиенты»;
●
в результате клиенты компании должны получить возможность аутентифика- ции пользователя и пароля для входа в собственный раздел;
●
должна быть обеспечена возможность создания нового пользователя и пароля для каждого клиента компании;
●
имя пользователя и пароль должны направлять клиента в раздел, индивидуаль- ный для каждого;
●
должна быть обеспечена реализация учетной записи клиента;
●
должна быть предусмотрена возможность включения в страницу client1 табли- цы Microsoft Excel с ценами, товарами и услугами.
Эти требования получены от компании, производящей кованые железные ворота. К ним мы добавим и несколько своих:
●
создание необходимых материалов (таблица Excel);
●
выполнение всех пунктов, указанных выше, в PHP на текущей структуре web- сайта;
●
идентификация уязвимых мест в безопасности PHP в нашем проекте;
●
устранение недостатков.
Начнем с создания отдельного файла HTML, включающего файл Excel. Предполо- жим, что клиент предоставил нам все документы в Excel, для того чтобы включить их в страницу client1. Мы предлагаем преобразовать этот документ в формат HTML, создав отдельный HTML-файл. Итак, начнем с документа Excel:
Новые
требования
клиента
Создание
необходимых
материалов

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 11, страница 23)
голубой чер ный 23
23
УРОК 11
Web-дизайн
●
i (ignore case) – не различать строчные и прописные буквы.
●
g (global search) – глобальный поиск всех вхождений образца.
●
m (multiline) – многострочный поиск.
●
Любые комбинации этих трех опций, например ig или gim.
Метасимволы – специальные символы, которые служат командами языка регуляр- ных выражений.
Символ
Описание
\
Для символов, которые обычно трактуются буквально, означает, что следу- ющий символ является специальным. Например, /n/ соответствует букве n, а /\n/ соответствует символу перевода строки. Для символов, которые обычно трактуются как специальные, означает, что символ должен пони- маться буквально. Например, /^/ означает начало строки, а /\^/ соответству- ет просто символу ^. /\\/ соответствует обратной косой черте \.
^
Соответствует началу строки.
$
Соответствует концу строки.
*
Соответствует повторению предыдущего символа нуль или более раз.
+
Соответствует повторению предыдущего символа один или более раз.
?
Соответствует повторению предыдущего символа нуль или один раз.
.
Соответствует любому символу, кроме символа новой строки.
(pattern)
Соответствует строке pattern и запоминает найденное соответствие.
(?:pattern)
Соответствует строке pattern, но не запоминает найденное соответствие.
Используется для группировки частей образца, например, /ко(?:т|шка)/ – это краткая запись выражения /кот|кошка/.
(?=pattern) Соответствие с «заглядыванием вперед» происходит при соответствии строки pattern без запоминания найденного соответствия. Например, /
Windows (?=95|98|NT|2000)/ соответствует «Windows»" в строке «Windows
98», но не соответствует в строке «Windows 3.1». После сопоставления по- иск продолжается с позиции, следующей за найденным соответствием, без учета заглядывания вперед.
(?!pattern)
Соответствие с «заглядыванием вперед» происходит при несоответствии строки pattern без запоминания найденного соответствия. Например,
/Windows (?!95|98|NT|2000)/ соответствует «Windows»" в строке «Windows
3.1», но не соответствует в строке «Windows 98». После сопоставления по- иск продолжается с позиции, следующей за найденным соответствием, без учета заглядывания вперед.
x|y
Соответствует x или y.
{n}
n – неотрицательное число. Соответствует ровно n вхождениям предыду- щего символа.
{n,}
n – неотрицательное число. Соответствует n или более вхождениям преды- дущего символа. /x{1,}/ эквивалентно /x+/. /x{0,}/ эквивалентно /x*/.
{n,m}
n и m – неотрицательные числа. Соответствует не менее чем n и не более чем m вхождениям предыдущего символа. /x{0,1}/ эквивалентно /x?/.
[xyz]
Соответствует любому символу из заключенных в квадратные скобки.
[^xyz]
Соответствует любому символу, кроме заключенных в квадратные скобки.
[a-z]
Соответствует любому символу в указанном диапазоне.
[^a-z]
Соответствует любому символу, кроме лежащих в указанном диапазоне.
\b
Соответствует границе слова, т. е. позиции между словом и пробелом или переводом строки.
\B
Соответствует любой позиции, кроме границы слова.
\сX
Соответствует символу Ctrl+X. Например, /\cI/ эквивалентно /\t/.
Схемы и таблицы, ис- пользуемые в материа- лах уроков, прекрасно дополняют теорию.
Такой подход с успе- хом заменяет самые подробные объяснения преподавателя.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 8, страница 39)
голубой чер ный 39
39
УРОК 8
Web-дизайн
?
Наш wеb-сайт будет выглядеть следующим образом:
Практическое задание 6
Используя версию нашего wеb-сайта из седьмого урока, постарайтесь
прийти к версии данного, восьмого урока, выполнив все изменения, которые
мы предложили в данном разделе урока.
Не забывайте о том, что на сайте ЕШКО для студентов курса размещены поурочные иллюстративные материалы для практических заданий данного курса.
Надеемся, что теперь Вы сможете использовать технологию Flash в своей практиче- ской деятельности. Остается только выполнить домашнее задание, чтобы проверить свои успехи. В следующем уроке мы вместе постараемся разобраться, что же такое
PHP.
Контрольные вопросы
1. Каковы различия между скриптами client-side и server-side?
2. Что является основным недостатком технологии Flash?
3. Как называется язык программирования Flash?
4. Что такое система управления контентом?
Назовите известные Вам WCMS.
5. С помощью какой программы можно просмотреть файл .swf?
Самоконтроль – обя- зательный элемент процесса обучения.
Завершающие каждый урок
вопросы для само-
контроля помогут Вам проверить усвоение теоретического мате - риала урока.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент иллюстративного материала, размещенного на сайте ЕШКО)
Уважаемый студент!
Как Вы знаете из первого урока, в ходе обучения на курсе мы с Вами будем работать
над созданием учебного web-проекта. Наш «клиент», заказ которого мы вместе бу-
дем выполнять, – это условная фирма, изготавливающая кованые ворота. Вы уже
встречались с ней на страницах учебных журналов. Мы постараемся удовлетворить
все пожелания нашего заказчика и создать для него удобный, эстетичный и инфор-
мативный web-сайт.
Размещенные в этом разделе дополнительные иллюстративные материалы помо-
гут Вам, последовательно пройдя все этапы разработки web-сайта, в полной мере
реализовать данный проект и сделать работу над ним по-настоящему творческой
и увлекательной.
Итак, выполняя практические задания курса, обращайтесь к размещенным на данной
странице иллюстративным материалам. Они сгруппированы поурочно, так что Вам
остается только выбрать нужный урок.
Для работы с иллюстративным материалом используйте кнопки мыши: левую – для
увеличения изображения, правую – для его сохранения.
Желаем успехов!
Урок 2. Разработка структурного представления (диаграммы) web-сайта
Напомним, что клиент просит нас создать сайт с 5 разделами.
Рис. 1 Схема web-сайта (горизонтальное меню)
Урок 3. В этом уроке мы создаем первые HTML-документы.
Архив HTML файлов
Скачать (8 html файлов)
Рис.3 Ворота 2
Зарегистриро- вавшись на сайте
ЕШКО, Вы полу- чите доступ к дополнительному иллюстративному материалу, кото- рый будете ис- пользовать для ра- боты над учебным web-проектом.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 6, страница 38)
голубой чер ный 38
38
УРОК 6
Web-дизайн
Ответы к практическим
заданиям урока 6
Практическое задание 2
– мы можем порекомендовать отказаться от фонового рисунка на том основании, что это бессмысленно «нагрузит» сайт;
– можем порекомендовать использовать дополнительные цвета для фона (черный или другие оттенки черного);
– порекомендуем изменить цвет текста. Желательно для удобства чтения выбрать белый (наиболее рекомендуемыми сочетаниями текст/фон являются бело- черный или черно-белый);
– можно оставить красный цвет текста только для определенных областей.
Практическое задание 3
– слишком много цветов;
– слишком много элементов;
– слишком тесно;
– несоответствующий фон (не нейтральный);
– накладывающиеся изображения.
Практическое задание 8
Предположим, что Вы хотите разместить на Вашем сайте трейлер фильма. Мы вы- брали в качестве примера Wall-E. После того как Вы найдете на Youtube фильм, скопируйте правой кнопкой мыши код, представленный в строке Embed.
Приобретение новых практических навыков требует самого при- стального внимания, поэтому для проверки правильности выполне- ния отдельных практи- ческих заданий в конце соответствующих уро- ков помещены
ответы.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 7, страница 37)
голубой чер ный 37
37
УРОК 7
Web-дизайн
КратКое изложение уроКа 7
1. XML можно сравнить со способностью людей общаться, говорить. Как и в слу- чае общения людей, существует множество языков, передающих одни и те же смыслы: идеи, мысли, теории. Аналогичным образом XML имеет ряд языков и может быть встроен во многие приложения, технологии и другие языки про- граммирования. Его цель всегда одна: обеспечить доступ к структурирован- ным данным в соответствии со стандартом XML.
2. Документ XML с точки зрения собственной структуры может быть действи- тельным (Valid) или правильно построенным (Well-formed).
3. Сущность XML – это тело данных, чаще всего является фрагментом текста.
Сущности используются для представления символов, которые не могут быть легко введены или вводятся при помощи специальных клавиш с клавиатуры.
4. Документы XML должны удовлетворять определенным правилам: элементы должны быть ограничены тегами открытия и закрытия; все значения атрибутов должны быть заключены в простые или двойные кавычки; документ должен соответствовать кодировке, заявленной в собственном DTD. Для того чтобы включить два атрибута в строку кода XML, внутренние кавычки должны быть обозначены при помощи функции «Character_entity_reference».
5. Проверить действительность XML-документа относительно легко. В первую очередь необходимо удостовериться, что документ корректно сформирован.
Существуют инструменты, которые проверяют эти документы с точки зрения их построения и с точки зрения их действительности.
6. Существует большое количество XML-редакторов, одни из них бесплатные, другие лицензионные. XMLSpy – наиболее распространенная версия XML- редактора. Хорош и доступен в применении и XML Notepad – бесплатный ре- дактор, который предлагает Microsoft.
7. На сегодняшний день существует две версии стандарта XML. Первая версия
XML 1.0 была основана в 1998 году. В данный момент это самая распространен- ная версия XML.
8. Как любая технология, XML имеет достоинства и недостатки. Основным пре- имуществом XML является обмен информацией как on-line, так и off-line, дан- ные поддерживаются всеми типами устройств, а иерархическая структура со- вместима практически со всеми типами документов. Недостаток состоит в сложном и раздутом синтаксисе, что может повлиять на эффективность и про- изводительность приложений.
9. XHTML (Extensible Hypertext Markup Language) – это язык маркировки, сход- ный с HTML, но использующий синтаксис XML.
10. HTML – это технология, которая лежит в основе XHTML. Изменения XHTML
1.0 относительно HTML минимальны.
11. Так же как и XML, XHTML подчиняется правилам подтверждения действи- тельности. Эта действительность гарантирует согласованность кода, что помо- гает обеспечить увеличение функциональности.
Урок завершается
крат-
ким изложением, что очень удобно при по- вторении материала и подготовке к выполнению домашнего задания.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 3, страница 50)
голубой чер ный 50
50
УРОК 3
Web-дизайн
Домашнее заДание 3
Из предложенных вариантов ответов выберите один правильный.
1. Определите правильный порядок элементов, составляющих HTML-
документ:
a) HEAD, HTML, TITLE, BODY;
б) TITLE, HEAD, BODY , HTML;
в) HTML, HEAD, TITLE, BODY;
г) BODY , HEAD, HTML,TITLE.
2. Какой цвет представлен кодом «#33CCFF» в стандартах sRGB?
a) коричневый.
б) черный.
в) голубой.
г) зеленый.
3. Что означает DTD?
a) представление HTML-документа.
б) определение типа документа.
в) определение версии HTML.
г) документ HTML.
4. Что такое Lorem Ipsum?
a) система типографских текстов.
б) макет типографского текста.
в) система управления информацией.
г) типографская система.
5. При помощи какого элемента языка HTML можно определить заголовок
сайта?
a) Title.
б) Link.
в) заголовок.
г) Body.
6. Какое значение необходимо присвоить атрибуту align элемента

для
того, чтобы разместить текст по центру ячейки таблицы?
a) центровка.
б) центр.
в) Middle.
г) center.
7. На основе диаграммы, разработанной в домашнем задании к уроку 2, соз-
дайте HTML-документ. Для проверки данного задания личным преподава-
телем разместите свой файл в сети интернет (используя любой бесплатный
хостинг файлов), укажите ссылку в бланке задания.
Домашняя работа завер- шает каждый урок курса.
Это очень важная часть обучения, поскольку она дает возможность прове- рить, насколько правиль- но и прочно усвоен мате- риал, вовремя исправить возможные ошибки, а также попробовать при- менить новые знания и навыки на практике.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
(фрагмент из урока 12, страница 44)
голубой чер ный 44
44
УРОК 12
Web-дизайн
Словарь
Специальных терминов
ASP.NET
– это технология Microsoft для создания web- приложений и web- служб. ASP.NET является пре- емником ASP (Active Server Pages) и увеличивает мощность платформы разработок .NET и набор ин- струментов, предоставляемых средой разработки приложения «Visual Studio .NET».
GNU General Public
License (Универсаль-
ная общедоступная
лицензия GNU)
– лицензия на свободное программное обеспечение, созданная в рамках проекта GNU в 1988 г. (по мате- риалам wikipedia.org).
Xpath
– это «язык», который позволяет находить частицы в
XML-файле, как и «навигация» в файле XML.
Инкапсуляция
– объединение в единое целое данных и алгоритмов обработки этих данных.
Наследование
– свойство объектов порождать своих потомков.
Па́тч
(англ. Patch –заплат-
ка)
– автоматизированное отдельно поставляемое про- граммное средство, используемое для устранения проблем в программном обеспечении или измене- ния его функционала, а также сам процесс установ- ки патча («пропатчивание»).
Полиморфизм
– свойство родственных объектов выполнять схожие задачи разными способами.
Рекурсивный запрос
– запрос, написанный один раз; он повторяется до тех пор, пока истинно некоторое условие.
Со́кеты (англ. socket –
углубление, гнездо,
разъем)
– название программного интерфейса для обеспече- ния обмена данными между процессами. Процессы при таком обмене могут исполняться как на одной
ЭВМ, так и на различных ЭВМ, связанных между собой сетью. Сокет – абстрактный объект, представ- ляющий конечную точку соединения.
рекомендуемая литература
1. Петкович Д. Microsoft SQL Server 2008. Руководство для начинающих. –
C.: БХВ-Петербург, 2009. – 752 с.
2. Роберт Шелдон, Джоффрей Мойе MySQL: базовый курс – М.: «Диалектика»,
2007. – 880с.
Словарь специальных терминов приводится в конце учебных журна- лов и дает возможность систематизировать и повторить изученный материал.
Рекомендуемая литерату-
ра, список которой при- водится в конце каждого урока, помогает глубже понять изучаемые вопросы и дополнить полученные знания.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
УРОК 1.
Введение в web-дизайн что такое web-дизайн. Web-сайты – осно- ва Всемирной паутины. чем занимаются web-дизайнеры. организация проекта web-дизайна: стратегия и основные шаги при раз работке web-сайта. Введение в
HTML. основные языки программирова- ния. Редакторы HTML и интернет-браузе- ры.
УРОК 5.
Редакторы HTML
что такое HTML-редактор. Введение в
Adobe Dreamweaver. как можно разрабо- тать web-сайт, основываясь на Adobe
Dreamweaver. что такое шаблоны и как их можно использовать с помощью Adobe
Dreamweaver. Adobe Dreamweaver tips & tricks (советы и приемы). бесплатные HTML- редакторы.
УРОК 2.
Типы web-сайтов. Структура и эрго- номика web-сайтов персональные страницы – блоги и про- движение блогов. Web-портал. Web- каталог. интернет-магазин. банковский сайт. онлайн-обучение. Удаленная работа. библиотека. как построить web-сайт. что нужно учесть на стадии формирования диаграммы web-сайта.
УРОК 6.
Графика и мультимедиа web-сайтов эстетика web-сайта; цветовая гамма. как не должны выглядеть web-сайты – почему важен «взгляд со стороны», когда мы раз- рабатываем web-сайт. Графические редак- торы (Corel Photo-Paint, Adobe Photoshop). иллюстрации, ролики и звук на web- сайтах.
УРОК 3.
HTML
что такое HTML. типы данных HTML. Гло- бальная структура документа HTML. при- меры HTML. Строки кодов. примеры web- сайтов, основанных на HTML.
УРОК 7.
XML и XHTML
логическая и физическая структуры XML. элементы и атрибуты XML. Различия меж- ду XHTML и HTML.
УРОК 4.
Каскадные таблицы стилей (CSS)
что такое каскадные таблицы стилей (CSS).
Роль каскадных таблиц стилей в web-сайтах. примеры использования CSS.
УРОК 8.
Динамические web-сайты и управ- ление ими как разработать динамическую страницу. автоматические поля. интерактивные страницы. CGI. концепция скриптов client- side/server-side. Flash-технологии. Flash- редакторы. Системы управления содержи- мым web-сайта.
Программа курса

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
УРОК 9.
PHP. Часть 1
что такое PHP. инсталляция и конфигу- рация. Справочная информация о PHP. функции. объекты и классы.
УРОК 13.
Безопасность и тестирование web-сайтов как тестируется web-сайт. безопасность в Microsoft Internet Explorer. безопас- ность в Mozilla Firefox. как обеспечить безопасность web-сайта при его разра- ботке.
УРОК 10.
PHP. Часть 2
безопасность в РНР. Сессии, функции об- служивания сессий. РНР и Cookies.
УРОК 14.
Раскрутка web-сайтов и реклама на web-страницах что такое раскрутка web-сайта. почему важно продвигать web-сайт. как разра- ботать сайт, зная азы (основы) методов продвижения. что дает реклама на web- страницах. как размещать рекламу на web-сайте. как составить newsletter.
УРОК 11.
Программирование web-сайтов на JAVA
что такое JAVA. Возникновение JAVA.
Страницы, написанные на языке JAVA. что такое JavaScript. JavaScript в web- сайтах. как использовать JavaScript.
УРОК 15.
WEB-2.0 и другие тенденции в раз- работке web-сайтов что такое WEB-2.0. каково будущее web- сайтов. Сколько времени может быть актуа- лен web-сайт. тенденции разработки web- страниц.
УРОК 12.
Базы данных использование баз данных в контексте web-сайта. запрос баз данных MySQL на
PHP и JAVA.
УРОК 16.
Исследования: почему некоторые web-сайты имеют успех анализ известных сайтов. Web-сайты под лупой: что обеспечивает популяр- ность. Резюме курса: теория и практика.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
Личный преподаватель ведет Вас шаг за шагом к желаемому результату.
Вы работаете над уроками выбранного курса, выпол- няете и высылаете ему на проверку домашние рабо- ты, а он проверяет их и дает ценные рекомендации.
Выполнение домашних ра- бот в режиме онлайн в Личном кабинете – про- должение увлекательной обучающей игры.

Web-дизайн
ПРОБНЫЙ УРОК
Тел.: [phone]
www.escc.ru
Записаться на курс
Кампус ЕШКО – крупнейшее международное онлайн-сообщество студентов. Заводите знакомства, присоединяйтесь к группам по интересам и откры- вайте собственные. Масса приятных сюрпризов и возможностей для учебы и общения!

Тел.: [phone]
www.escc.ru
Записаться на курс
Личный кабинет
Домашние работы на сайте, Кампус, контроль за финансами и многое другое.
Успешный метод
Дистанционное обучение с отличными результатами.
Кампус
Крупнейшее международное сообщество студентов.
Успех начинается с нами!
Записывайтесь на курс сегодня и пользуйтесь всеми
преимуществами обучения в ЕШКО!
Осуществите свою мечту!
Откройте для себя новые возможности!
Преимущества
Теперь это просто, выгодно и эффективно. Не упустите шанс!
Свидетельство
Со Свидетельством
ЕШКО всегда легко продолжить обучение и карьеру.