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


 

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

11460. ОЦЕНКА СОДЕРЖАНИЯ ГОМОГЕНТИЗИНОВОЙ КИСЛОТЫ В МОЧЕ 29 KB
  ЛАБОРАТОРНАЯ РАБОТА Оценка содержания гомогентизиновой кислоты в моче ПРИНЦИП МЕТОДА. Определяемая в моче гомогентизиновая кислота является продуктом окислительного катаболизма аминокислоты тирозина. Оценка содержания гомогентизиновой кислоты основывается
11461. Информатика в 7 классе. Все конспекты уроков 2.05 MB
  Дополнительные материалы для любознательных обозначены значком. Учебное методическое пособие предполагает наличие в школьном кабинете информатики IBM-совместимых компьютеров, организованных в локальную сеть, а также программного обеспечения: операционной системы Windows, браузера Internet Explorer, редактора презентаций Microsoft PowerPoint, системы программирования Pascal ABC.
11462. ОПРЕДЕЛЕНИЕ СОДЕРЖАНИЯ БИТИРОЗИНА И ОКИСЛЕННОГО ТРИПТОФАНА В ПЛАЗМЕ КРОВИ 28.5 KB
  ЛАБОРАТОРНАЯ РАБОТА ознакомительная Определение содержания битирозина и окисленного триптофана в плазме крови ПРИНЦИП МЕТОДА. Оценку содержания битирозина и окисленного триптофана проводят методом K.J. Davies 1987 в модификации Э.М. Бекмана и cоавторов 2006. В резуль
11463. ОПРЕДЕЛЕНИЕ СУММЫ ВОССТАНОВЛЕННОГО ГЛУТАТИОНА И ЦИСТЕИНА В КРОВИ 24 KB
  ЛАБОРАТОРНАЯ РАБОТА Определение суммы восстановленного глутатиона и цистеина в крови ПРИНЦИП МЕТОДА. SHгруппа в составе аминокислоты цистеина и трипептида глутатиона обладает восстановительными свойствами и может под влиянием окислителей превращаться в дисул
11464. ОПРЕДЕЛЕНИЕ АКТИВНОСТИ КАТАЛАЗЫ 37 KB
  ЛАБОРАТОРНАЯ РАБОТА Определение активности каталазы 1.11.1.6 1 с помощью перманганата калия и вычислением каталазного числа метод Баха и Зубковой ПРИНЦИП МЕТОДА. Фермент каталаза содержится в большом количестве в эритроцитах а также во всех тканях и жидкост...
11465. Оценка активности супероксиддисмутазы в сыворотке крови 38.5 KB
  Лабораторная работа Оценка активности супероксиддисмутазы в сыворотке крови демонстрационная 1 по ингибированию восстановления нитротетразолия синего Принцип. Об активности фермента супероксиддисмутазы СОД свидетельствует его способность тормозить восс...
11466. Культурологія як наукова і навчальна дисципліна. Специфіка культурологічного знання 8.8 MB
  Тема: Культурологія як наукова і навчальна дисципліна. Специфіка культурологічного знання. Курс Культурологія входить до циклу дисциплін гуманітарної та соціальноекономічної підготовки студента у вищих закладах освіти який дає змогу обєднати такі дисципліни як...
11467. КРИЗОВІ ЯВИЩА В КУЛЬТУРІ 204 KB
  Лекція 12.КРИЗОВІ ЯВИЩА В КУЛЬТУРІ Весь попередній розгляд сутності та проявів культури засвідчує що її можна вважати тією територією людськості яка відвойована людиною в шаленого масиву природи та яка засвідчує ті прояви людини котрі вона своєю творчою насн
11468. Основні концептуальні парадигми (концепції, теорії та напрями) культурології 147.5 KB
  Лекція 2. Основні концептуальні парадигми концепції теорії та напрями культурології. Донауковий етап уявлень про культуру. Ще в давніх міфах є спроба відповісти на питання про початок культурної історії людства. В легендах і міфах кожного народу є легендарні гер...