| Home | О нас | Самоучитель иврита | Путеводитель по Израилю | Фотопутешествия | Города Израиля | Телефонный справочник | Еврейские имена | Еврейские праздники | Ивритская поэзия |
|
|
Научившись вместе с нами пользоваться основными функциями программы Adobe Photoshop, моя подруга Лена Петрова решила взять пятнадцать фотографий, отснятых ею в путешествии, и сделать из них небольшой альбом на собственном сайте.
Первое, что она сделала - открыла Adobe Photoshop и скадрировала каждую из выбранных фотографий при помощи инструмента «рамка» - третьего сверху в меню Tools, выставив в меню Options ширину 600 и высоту 450. Она записала эти фотографии под названиями pic1.jpg, pic2.jpg, pic3.jpg и так далее.
Затем из каждой из фотографий она сделала маленькое "превью" размером 90 на 60 пикселей - просто открыла каждую из них и поменяла размер при помощи Image -> Image Size, выбрав опцию пропорционального изменения размера и изменив ширину с 600 на 90. А затем записала эти «превьюшки» под названиями соответственно pre1.jpg, pre2.jpg, pre3.jpg и так далее .
На своей страничке под названием albom.html, на которую, как мы помним, уже стоит ссылка с главной страницы ее сайта, она создала таблицу из «превьюшек», состоящую из трех рядов по пять ячеек в ряду, так, чтобы ссылка с каждой «превьюшки», занимающей ячейку таблицы, вела на страницу с соответствующей фотографией. Эти страницы у нее называются page1.html, page2.html, page3.html и т.д. Вот каким получился код HTML страницы albom.html:
<html>
<head>
<title>Лена Петрова. Стихи, рассказы, фотографии.</title>
<meta name="description" content="Литературная страничка Лены Петровой">
<meta name="keywords" content="литература стихи рассказы повести фотографии">
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link href="styl.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor=yellow>
<br><br>
<center>
<img src="zagolovok.jpg" alt="Страничка Лены Петровой" width=600 height=100 border=0>
</center>
<center>
<table width=600>
<tr>
<td>
<center>
<table cellpadding=15>
<tr>
<td>
<a href="page1.html"><img src="pre1.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page2.html"><img src="pre2.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page3.html"><img src="pre.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page4.html"><img src="pre4.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page5.html"><img src="pre5.jpg" width=90 height=60 border=0></a>
</td>
</tr>
<tr>
<td>
<a href="page6.html"><img src="pre6.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page7.html"><img src="pre7.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page8.html"><img src="pre8.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page9.html"><img src="pre9.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page10.html"><img src="pre10.jpg" width=90 height=60 border=0></a>
</td>
</tr>
<tr>
<td>
<a href="page11.html"><img src="pre11.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page12.html"><img src="pre12.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page13.html"><img src="pre13.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page14.html"><img src="pre14.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page15.html"><img src="pre15.jpg" width=90 height=60 border=0></a>
</td>
</tr>
</table>
</center>
</body>
</html>
А HTML-код файла под названием page1.html будет выглядеть так:
<html>
<head>
<title>Лена Петрова. Стихи, рассказы, фотографии.</title>
<meta name="description" content="Литературная страничка Лены Петровой">
<meta name="keywords" content="литература стихи рассказы повести фотографии">
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link href="styl.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor=yellow>
<br><br>
<center>
<img src="zagolovok.jpg" alt="Страничка Лены Петровой" width=600 height=100 border=0>
</center>
<center>
<table width=600>
<tr>
<td>
<center>
<img src="pic1.jpg" width=600 height=450 border=0>
<p>
Это первая фотография из моего путешествия. Мы в аэропорту.
</center>
</body>
</html>
