Смекни!
smekni.com

Методика обучения технологии web 2.0 на примере создания школьного сайта спортивной тематики (стр. 12 из 13)

</div>

<div class="captcha">

<img src="/utility/captcha" alt="CAPTCHA image" />

</div>

<div class="row" id="form_captcha_container">

<labelfor="form_captcha">Введите символы, изображенные на картинке:</label>

<input type="text" id="form_captcha"

name="captcha" value="{$fp->captcha|escape}" />

{include file='lib/error.tpl' error=$fp->getError('captcha')}

</div>

<div class="submit">

<input type="submit" value="Register" />

</div>

</fieldset>

</form>

{include file='footer.tpl'}

Листинг 2.6 Форма входа на сайт (файл login.tpl)

{include file='header.tpl'}

<form method="post" action="/account/login">

<fieldset>

<input type="hidden" name="redirect" value="{$redirect|escape}" />

<legend>Зайти под своим именем</legend>

<div class="row" id="form_username_container">

<label for="form_username">Логин:</label>

<input type="text" id="form_username"

name="username" value="{$username|escape}" />

{include file='lib/error.tpl' error=$errors.username}

</div>

<div class="row" id="form_password_container">

<label for="form_password">Пароль:</label>

<input type="password" id="form_password"

name="password" value="" />

{include file='lib/error.tpl' error=$errors.password}

</div>

<div class="submit">

<input type="submit" value="Зайти" />

</div>

<div>

<a href="/account/fetchpassword">Забылипароль</a>

</div>

</fieldset>

</form>

{include file='footer.tpl'}


Приложение 3

Материал для практических заданий по теме «Гипертекстовое представление информации»

Колыбельная.

Уснули километры проводов, уснули мониторы, материнки,

Уснули мыши, шарики мышов, цветные гифки и jpeg картинки.

Все биты, байты все объяты сном, и таймер больше такт не отбивает.

Не крутится уж больше CD ROM, и память с кешом тихо засыпает.

Отключен интернет, погас модем, процессор флаги выставил отбоя

Не бегают пакеты по сети еще вчера не ведавшей покоя,

Коннект разорван и прервалась нить, связующая близкое с далеким.

Динамик спит, чуть дышит микрофон у спящего винчестера под боком.

Спит сканер, стример. Принтер сном объят, программы каждою своею строчкой.

Ячейки памяти и электроны спят. Все числа с плавающей и обычной точкой.

И каждый слот, деталь свою прижав, и дисковод дискету обнимая.

Машинный код недвижимый, устав лежит, беспечно сну внимая.

И пиксели не радуют уж глаз, системный блок в объятиях Морфея

Стоит во тьме, Луна - большой топаз, лениво освещает батарею

Бесперебойного питания. В тиши клавиатура дремлет под рукой твоею

Усни родная, и пусть сон явит то, что сказать тебе я не успею.

(с) Автор неизвестен, найдено на просторах сети

Классификация ЛВС

1. По охвату территории

- Персональная

- Локальная

- Городская

- Национальная

- Глобальная

2. По типу функционального взаимодействия

o Клиент-сервер

o Из точки в точку

o Одноранговая

3. По типу сетевой топологии

· Линейная шина

· Звезда

· Кольцо

· Решетка

· Смежная

· Полносвязанная

4. По функциональному назначению

a. Сети хранения данных

b. Сети управления процессом

c. Сети SOHO

5. По сетевым операционным системам

<h1>Цвет и цветовые модели</h1>

</div>

<div class="s2">

<h2>Меню</h2>

<ul>

<li>Что такое цвет

<li>Цветовой круг

<li>Цветовая модель RGB

<lI>Цветовая модель CMYK

<li>Цветовая модель HSB

</ul>

</div>

<H2>Что такое цвет</H2>

<div class="s3">

<IMG SRC="69_1.jpg">

</div>

<P><span class="zb">Что же такое цвет?</span> Мы смотрим на предметы и, характеризуя их, говорим примерно следующее: он большой, мягкий, светло-голубого цвета. При описании чего-либо в большинстве случаев упоминается цвет, так как он несет огромное количество информации. На самом деле тело не имеет определенного цвета.

Если говорить о дневном освещении, то это белый свет. Попадая на предмет, он частично поглощается, а частично отражается, так вот именно отраженный спектр и видит человек.

Видимыми являются волны, лежащие в диапазоне от <span class="c">760 до 380 миллимикрон</span>, хотя некоторые животные видят и в областях ультрафиолетовых и ультракрасных волн. Зависимость цвета от длины волны представлена в таблице 1.

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

Основным заблуждением человека является то, что он видит то, что привык видеть, а именно если смотреть на хорошо знакомый красно-белый объект, освященный лишь зеленым светом, то мы все равно увидим два цвета — красный и белый, — хотя в мозг через глаз поступает иной сигнал, который игнорируется, точнее, преобразовывается в соответствии с тем, что он знает, а не с тем, что видит.

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

<H2>Цветовой круг</H2>

<div class="s3">

<IMG SRC="69_2.jpg">

</div>

<P>Наука о цвете — это довольно сложная и широкомасштабная наука, поэтому в ней время от времени создаются различные цветовые модели, применяемые в той либо иной области. Одной из таких моделей и является цветовой круг, о котором уже неоднократно упоминалось в статьях, опубликованных ранее, и принцип которого заложен в таких операциях, как Invert — инвертировать (все цвета заменяются на те, которые находятся напротив в цветовом круге), Hue/Saturation — Цвет/Насыщенность (вращение происходит все по тому же кругу) и другие.

Многим известно о том, что существует 3 первичных цвета, которые невозможно получить и которые образуют все остальные. Основные цвета — это желтый, красный и синий. При смешивании желтого с красным получается оранжевый, синего с желтым — зеленый, а красного с синим — фиолетовый. Таким образом, можно составить круг, который будет содержать все цвета. Он представлен на рис. 1 и называется большим кругом Освальда.

Наряду с кругом Освальда есть еще и круг Гете, в котором основные цвета расположены в углах равностороннего треугольника, а дополнительные — в углах перевернутого треугольника. Схема такого круга представлена на рис. 2.

Друг напротив друга расположены контрастные цвета.

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

<H2>Цветовая модель RGB</H2>

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

Данная цветовая модель базируется на трех основных цветах: Red — красном, Green — зеленом и Blue — синем. Каждая из вышеперечисленных составляющих может варьироваться в пределах от 0 до 255, образовывая разные цвета и обеспечивая, таким образом, доступ ко всем 16 миллионам. При работе с графическим редактором Adobe PhotoShop можно выбирать цвет, полагаясь не только на тот, что мы видим, но при необходимости указывать и цифровое значение, тем самым иногда, особенно при цветокоррекции, контролируя процесс работы.

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

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

При смешении красного и зеленого результатом будет желтый. Зеленого и синего — голубой, что ближе результату, получаемому на палитре. Синего и красного — фиолетовый, причем при изменении пропорций смешиваемых цветов можно получать как розовые, так и пурпурные оттенки.

Несомненными достоинствами данного режима является то, что он позволяет работать со всеми 16 миллионами цветов, а недостаток состоит в том, что при выводе изображения на печать часть из этих цветов теряется, в основном самые яркие и насыщенные, также возникает проблема с синими цветами.<br>

<div class="s3">

<IMG SRC="rgb_model.gif">

<IMG SRC="image001.gif">

</div>

<H2>Цветовая модель CMYK</H2>

<P>Это еще одна из наиболее часто используемых цветовых моделей, нашедших широкое применение. Она, в отличие от аддитивной RGB, является субтрактивной моделью. Работа ее основана на том, как раскладывается на составляющие и видится нами свет и цвет. Как уже говорилось ранее, видимым является отраженный спектр, остальные же составляющие поглощаются. Аналогично образовываются цвета на бумаге при рисовании красками. То есть, проведя красную полосу, мы сделаем синюю и зеленую составляющие поглощенными. Если поверху наложить зеленую краску, то результат будет грязным (из-за того, что цвета не совершенны, то есть несколько отличаются от эталонных красного и зеленого) и очень близким к черному.

Основные цвета в субтрактивной модели отличаются от цветов аддитивной. Cyan — голубой, Magenta — пурпурный, Yellow — желтый. Так как при смешении всех вышеперечисленных цветов идеального черного не получится, то вводится еще один дополнительный цвет — черный, который позволяет добиваться большей глубины и используется при печати прочих черных (как, например, обычный текст) объектов.

Цвета в рассматриваемой цветовой модели были выбраны такими не случайно, а из-за того, что голубой поглощает лишь красный, пурпурный — зеленый, желтый — синий.