|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
СОЗДАНИЕ САЙТАУрок - 3КАК ВСТАВЛЯТЬ НА СТРАНИЦУ КАРТИНКИКартинки вставляются с помощью тега <img> с атрибутом src, прописывается это так:
В этом случае, код для вставки картинки пишется так:
<img src="images/имя картинки"> Если у папки с картинками будет другое имя, то вместо images пишете ее имя.
Так же для картинок применяются размеры, width и height, в коде будет так:
Этот атрибут применяется со значениями:
ALIGN=right - картинка будет прижата к правому краю,а текст будет располагаться слева от картинки. Следующие атрибуты, которые применяются к картинкам это VSPACE и HSPACE
VSPACE=5 - вертикальный отступ картинки от края В коде будет так:
Зеленым цветом выделен код вставленной картики. В код не вставлены атрибуты VSPACE и HSPACE,так как размер наглядной таблицы маленький и не даст видимого эффекта, попробуйте их вставить сами, придав им разное значение. <HTML><HEAD> <TITLE>Построение таблицы - 3</TITLE> </HEAD> <BODY > <TABLE border=0 cellpadding=0 cellspacing=0> <TR> <TD width=400 height=80 bgcolor="#FFCCCC" colspan=3> <img srs=images/az5.jpg" width=100 height=80 align=middle alt="Изображение компьютера">Строка для шапки </TD> </TR> <TR> <TD width=400 height=25 bgcolor="#CC9999" colspan=3>Строка для меню</TD> </TR> <TR> <TD width=100 height=190 bgcolor="#FFCCCC" >Левая колонка</TD> <TD width=200 height=190 bgcolor="#FCF2EE">Для содержимого</TD> <TD width=100 height=190 bgcolor="#FFCCCC">Правая колонка</TD> </TR> <TR> <TD width=400 height=25 bgcolor="#CC9999" colspan=3>Низ сайта</TD> </TR> </TABLE> </BODY> </HTML> Любую картинку или изображение можно сделать фоном. В самом начале нашего первого урока, мы уже прописывали в теге BODY атрибут BACKGROUND, когда картинку делали фоном страницы. И сейчас в нашей виртуальной страничке сайта, в ячейке для шапки, картинку сделаем фоном. В отличии от картинки, на которой нельзя писать текст, он может располагаться только по сторонам - справа,слева и т.д. На фоновой картике можно писать текст в любом месте
Удалите зачеркнутый код синего цвета и вставте код зеленого цвета. Обратите внимание, что код зеленого цвета вставляется внутри тега <TD>, в отличие от кода синего цвета,который написан между тегами <TD></TD> <HTML><HEAD> <TITLE>Построение таблицы - 3</TITLE> </HEAD> <BODY > <TABLE border=0 cellpadding=0 cellspacing=0> <TR> <TD width=400 height=80 bgcolor="#FFCCCC" colspan=3 background="images/az6.jpg" align=center> </TD> </TR> <TR> <TD width=400 height=25 bgcolor="#CC9999" colspan=3>Строка для меню</TD> </TR> <TR> <TD width=100 height=190 bgcolor="#FFCCCC" >Левая колонка</TD> <TD width=200 height=190 bgcolor="#FCF2EE">Для содержимого</TD> <TD width=100 height=190 bgcolor="#FFCCCC">Правая колонка</TD> </TR> <TR> <TD width=400 height=25 bgcolor="#CC9999" colspan=3>Низ сайта</TD> </TR> </TABLE> </BODY> </HTML>
Следующая тема: Ссылки на сайте
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Copyright © 2008-2010 "http://www.beluys.com" |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Допустим, Вы создали в папке "Мои документы" новую папку и назвали ее "Уроки"
Внутри папки "Уроки" тоже создаете новую папку и даете ей имя, обычно папке с картинками дается имя "images",но
можно назвать и по другому, в эту папку помещаете картинки, которые будете применять при создании сайта.
Так же, в папку "Уроки" помещаете файлы сайта, как показано на изображении справа.
Если картинка лежит в той же папке, где и файлы сайта, как на картинке слева,то в этом случае, код для вставки картинки пишется так:
Строка для шапки