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


 

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

22318. Основні послуги Інтернету 87.5 KB
  Служба WWW World Wide Web система взаємозв'язаних електронних документів які зберігаються на Webсерверах. Окремі документи тут називаються Webсторінками. Одні Webсторінки містять гіперпосилання на інші Webсторінки ті у свою чергу на треті і т. Webсторінки можуть розміщуватися як на одному Webсервері так і на різних.
22319. Електронна пошта 46.5 KB
  Також як і в телефонних мережах клієнти комп'ютерних мереж називаються абонентами. Для кожного абонента на одному з мережних комп'ютерів виділяється область пам'яті електронний поштовий ящик. Пароль відомий тільки абоненту і мережному комп'ютеру.
22320. Визначення комп’ютерної мережі, еволюція комп’ютерних мереж, компоненти мережі, можливості мережі 66 KB
  Визначення компютерної мережі еволюція компютерних мереж компоненти мережі можливості мережі. Мережі грають величезну роль в світі комунікацій. В справжньому розділі я надам вам достатньо відомостей про мережі при цьому не обрушуючи на вас маси подробиць які вам просто не потрібні на першому етапі знайомства з мережами. Навіщо необхідні стільки книг Це зв'язано з тим що мережі це дуже могутній інструмент що дозволяє розширити можливості вашого комп'ютера.
22321. Типи локальних мереж 428 KB
  Типи локальних мереж Існує два основні типи локальних мереж: однорангові мережі і мережі клієнтсервер. Обидва типи розрізняються по тому яким чином пристрої підключені до мережі і як в ній надається доступ до ресурсів. В одноранговій мережі всі пристрої володіють однаковими правами доступу.
22322. Основні топології локальних мереж 101 KB
  Ви не повинні сприймати топологію локальної мережі як єдиний основоположний чинник. Архітектура локальної мережі про що ми детально поговоримо далі може значно обмежити потенційні можливості що надаються тією або іншою топологією. Шинна топологія також відома як або лінійної топологія ланцюжка створюється при підключенні всіх елементів мережі до одного кабелю який називається магістраллю мережі. Наприклад завантаження дуже великого файлу на один з комп'ютерів мережі може привести до ігнорування всіх інших запитів.
22323. Популярні архітектури локальних мереж 31.5 KB
  Локальні мережі Ethernet здатні передавати дані із швидкістю 10С Мбіт с стандарт 1000 Мбіт с тільки розробляється тоді як локальні мережі Token Ring 16 Мбіт с. Локальні мережі Ethernet Технологія Ethernet розроблена в 1970х роках залишається найпопулярнішою архітектурою локальних мереж. Мережі Ethernet переважно базуються на топології зірка про яку ми говорили в попередньому розділі.
22324. Устаткування для локальних мереж 62 KB
  Робочі станції і клієнти підключаються до мережі і запрошують певні служби і ресурси у інших комп'ютерів або серверів. Робочі станції повинні бути достатньо могутніми щоб легко справлятися з поставленими перед ними обчислювальними задачами але не обов'язково повинні володіти ресурсами необхідними для обслуговування інших робочих станцій підключених до мережі. Мережні адаптери необхідні для підключення робочих станцій до мережі.
22325. Протоколи локальних мереж 44 KB
  Протоколи це просто правила які визначають як саме відбуватиметься взаємодія і потрібні як для локальних так і для глобальних мереж. Деякі протоколи підтримують маршрутизацію що означає що разом з даними також передаються відомості про їх джерело і точку призначення. Якщо можливе існування одного шляху між джерелом і точкою призначення як це часто має місце в локальних мережах і навіть в глобальних мережах використовування таких протоколів не необхідне.
22326. Адресація в IP-мережах 107.5 KB
  Для вузлів що входять в локальні мережі це МАСадреса мережного адаптера або порту маршрутизатора наприклад 11А0173DBC01. Для вузлів що входять в глобальні мережі такі як Х.25 або frame relay локальна адреса призначається адміністратором глобальної мережі.