58159

Создание web-страниц. Работа с фоном страницы. Формат изображения

Конспект урока

Педагогика и дидактика

И осторожно BR Там где вожможно BR Тёмного облака BR Край отогнуть BR font font color= 008000 P lign=right Стёртые лица BR Забытые профили BR И многоточий упрямая нить. BR font DDRESS Ирина Леонардова DDRESS body html Теперь поговорим...

Русский

2014-04-22

68.5 KB

0 чел.

Урок 3. Создание web-страниц

Работа с фоном страницы. Формат изображения.

Таблица цветов.(записать в тетрадь!!!!!)

Аква

Aqua

#00FFFF

Темно-бардовый

Maroon

#800000

Черный

black

#000000

Темно-синий

Navy

#000080

Синий

Blue

#0000FF

Оливковый

Olive

#808000

Фуксия

Fuchsia

#FF00FF

Фиолетовый

Purple

#800080

Серый

Gray

#808080

Красный

Red

#FF0000

Зеленый

Green

#008000

Серебряный

Silver

#C0C0C0

Известь

Lime

#00FF00

Чирок

Teal

#009090

Желтый

Yellow

#FFFF00

Белый

White

#FFFFFF

1. Изменим формат текста на странице со стихотворением  И.Леонардовой, внеся изменение в листинг.

<html>    <head>        <title>моя первая страница</title>     </head>

  <body>

  <H4 align=center>Я схожу с ума</H4>

  <P align=right><B>какая досада</B>

 <P>    <IMG src="6.jpg">

<P align=center><I><B>урааааааааааааа</B></I><BR>

<FONT color=#FFFF00>Стихотворение</FONT> <BR>

<FONT size=6 face="Arial black">Стихотворение</FONT> <BR>

<BR>

<Font color=red size=5><b>

<P align=left>

Это не сложно <BR>

Это не важно <BR>

Просто отважно <BR>

В небо шагнуть <BR>

</font> </b>

<Font color=olive size=3>

<P align=center>

И осторожно, <BR>

Там, где вожможно <BR>

Тёмного облака <BR>

Край отогнуть <BR>

</font>

<font color="#008000">

<P align=right>

Стёртые лица, <BR>

Забытые профили <BR>

И многоточий упрямая нить. <BR>

Свет разливается <BR>

И проявляется <BR>

То, что уже никогда не забыть. <BR>

</font>

<ADDRESS> Ирина Леонардова </ADDRESS>

       </body>

</html>

   

Теперь поговорим о фоне страницы. по умолчанию он всегда белый. Для настройки фона используется атрибуты  тега <BODY></BODY>. Первый – background, второй – bgcolor. Bgcolor – отвечает за цвет фона. Цвет задается аналогично цвету текста. Background – указывает на картинку, которую устанавливают фоном странички

.

 

2. Создадим новую страницу с именем INDEX.html.

<html>

  <head>

     <title>моя домашняя страница   </title></head>

  <body bgcolor=gray>

<H4><center><Font size=5 color=red><I>ОБО МНЕ</I></font></center></h4>  

<center><IMG src="6.jpg"></center>

</html>

 3.   Для следующего изменения странички, продумайте фоновую картинку

и обработайте её в PhotoShop. Например: установите прозрачность

картинки 50% (панель layers, параметр Opacity) , задайте размер 100*100px.

(меню IMAGEimage size)

Измените серый фон страницы на фон – картинку.

<html>

  <head>

     <title>моя домашняя страница   </title></head>

  <body background="5.jpg">

<H4><center><Font size=5 color=red><I>ОБО МНЕ</I></font></center></h4>  

<center><IMG src="6.jpg"></center>

</html>

 

Кстати о картинках, которые Вы размещаете на странице. 

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

Для этого указываются реальные параметры картинки:  

<IMG src="6.jpg"  width=380 heigth=340 >

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

<IMG src="6.jpg"  width=380 heigth=340 alt=”я дома” >

Атрибут выравнивания  align определяет метод выравнивания изображения.

Align=top - вверху

Align=left - слева

Align=right - справа

Align=bottom - снизу

Align=middle –посредине 

<IMG src="6.jpg"  width=380 heigth=340 alt=”я дома” align=right>

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

Hspase=20 – отступ по горизонтали на 20 пунктов

Vspase=20 – отступ по вертикали на 20 пунктов

5. Измените листинг странички:

<html>

  <head>

     <title>моя домашняя страница   </title></head>

  <body bgcolor=gray background="5.jpg">

<H4><center><Font size=5 color=red><I>ОБО МНЕ</I></font></center></h4>  

<IMG src="6.jpg"  width=138 heigth=134 alt="я дома" align=right hspase=120 wspase=120>

<p>авоправолправоплрваполаврполавправоправолправолправоплравлоправлпора

авпрвалопрваолправполрвалпорвапловарплаовпрлавопрвалоправлопрвалопр

<p>авлопрвалоправлопрвалопралопрвалоправлопрвалопрвапловарпловапрваолпрвало

ваптвадпрвалдпрвалпрвадлпрвадлпрвадлпрвадлпрвадлпрвадлпрвадлпр

</html>

5.  Заполните текстом полученную страничку. Задайте формат текста. (самостоятельно) 

 

Задание 3. Добавьте фоновый рисунок на собственную страницу.

   


5.
jpg


 

А также другие работы, которые могут Вас заинтересовать

81204. Формирование ислама. Жизнь и деятельность Мухаммеда 25.03 KB
  Жизнь и деятельность Мухаммеда. Политическое и религиозное движение возглавил пророк Мухаммед. Мухаммед родился в 570 г. Мать Амина по обычаю мекканцев отдала Мухаммеда кормилицебедуинке у которой он рос до 5 лет.
81205. Вероучение ислама 24.39 KB
  Иман или вера включает: Веру в Единого Бога Аллаха. Веру в Ангелов и демонов. 3Веру в Святые Писания и в святость Корана который считается словом божьим божественным откровением которое передавал Аллах в виде видений Мухаммеду в течение 22 лет т. 4Веру в Пророков и в посланничество Мухаммеда.
81206. Коран – священная книга ислама 24.8 KB
  Главным источником веры является Коран священная книга мусульман состоящая из притч молитв и проповедей Мухаммеда. спустя почти два десятилетия после смерти пророка был составлен свод Коран чтение другие названия: китаб книга зикр предостережение . Святость Корана обусловлена тем что изречения пророку диктовал архангел Джебраил на протяжении 22 лет доносивший слова самого БогаАллаха. эти откровения составили канонический текст Корана который дошел до наших дней в неизменном виде.
81207. Основные направления в исламе 24.66 KB
  В результате внутренних противоречий в VII веке возникли два направления: сунниты и шииты. Последователи суннизма признавали законность власти первых четырех халифов а шииты считали единственным законным главой мусульман четвертого халифа Али ум. Шииты поклоняются этому имаму и верят что перед Страшным Судом явится махди для установления на земле равенства и справедливости. Шииты как и сунниты признают святость Корана а в Сунне признают лишь те хадисы авторами которых являются четвертый халиф Али и его последователи.
81208. Пять столпов ислама 24.1 KB
  Саум пост. Мусульманский пост заключается в воздержании от пищи питья наслаждения и развлечений. Главным и обязательным для всех кроме больных путешествующих военных и беременных является пост в месяц рамадан; кроме того существует еще дата в которой поститься желательно. Уразабайрам праздник разговенья окончания поста.
81209. Основные идеи шариата. Понятие джихада 26.17 KB
  Понятие джихада. Джихад с точки зрения шариата является общим понятием путей и методов достижения деяний высказываний и убеждений любимых и одобряемых Всевышним Аллахом а также отражения деяний высказываний и убеждений порицаемых и ненавистных Пречистому Аллаху. Ибн альКаййим: Джихад подразделяется на четыре уровня: джихад против самого себя джихад против шайтана джихад против неверующих и лицемеров и джихад против приверженцев несправедливости нововведений и порицаемых действий. Джихад против самого себя также имеет четыре уровня:...
81210. Происхождение буддизма. Реальная и мифологическая жизнь Будды 25.61 KB
  Это путь самоуглубления для познания истины путь ведущий к покою и к просветлению духа. Открыв истинный путь начал проповедовать. Именно Будде Шакьямуни мудрецу из племени шакьев удалось доступно и убедительно выразить ожидания общества: жизнь есть страдание от страдания можно спастись есть путь спасения этот путь нашел и описал Будда.
81211. Учение Будды. «Четыре истины» буддизма. Благородный восьмеричный путь 23.79 KB
  Основу ее составляют 4 благородные возвышенные истины: учение о страдании о причинах страдания о прекращении страдания и о пути к прекращению страдания. 1Существуют страдания. 3Страдания можно прекратить путём избавления от желаний. Нирвана конечная цель религиозного спасения то состояние полного небытия при котором страдания кончаются.
81212. Специфика вероучения буддизма. Устройство Вселенной 25.86 KB
  Человек воспринимает мир как бы сквозь призму своих ощущений но эти ощущения не субъективное представление индивида а объективный факт следствие волнения дхарм. Дхарма закон учение религия качество и т. Основное значение дхармы носитель своего признака то есть носитель душевных свойств до 100 и более. Учение о дхармах основа буддийской философии и содержит элементы диалектики.