Создаём HTML-код к презентациям.

Здравствуйте, благодаря игроку БУСЯНЯ, я тут выкладываю небольшой урок по созданию кодов к презам.

Их можно использовать сразу как шаблон. Не помню у кого брал (в 2012 году). Здесь я подробно опишу, как сделать код для презентации вручную. Для этого нам понадобится: ХТМЛ-редактор онлайн-http://xhtml.ru/instr/html_editor/ 1. Пишем в нашем ХТМЛ редакторе следующее: _ <TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации> _ *Вместо "здесь вставляем ссылку на презентацию" вы пишете ссылку на презентацию. Для этого нужно загрузить вашу презентацию на один из хостингов: http://savepic.ru/,http://www.radikal.ru/, http://ipicture.ru/, http://www.imagepost.ru/, http://www.image123.net/ и другие. Но лично я советую вам загружать свою презентацию на сейвпик.кг. (точная ссылка дана выше) *Вместо "здесь ширина презентации" и "здесь высота презентации" вставляете размеры своей презентации. В сейвпик.ру они пишутся под маленьким изображением: Размещено на сервере 11.09.2011. Всего обращений — 0, последнее — 11.09.2011. Размер: 130 кбайт, 542 x 768 точек. , где 542 - ширина, 768 - высота. Также размеры своей презентации можно узнать в той программе, в которой вы её делали. Откройте вашу презентацию в программе и нажмите на "изображение" - "размер изображения". И выписываете оттуда данные вашей презентации, её высоту и ширину, и вписываете в хтмл код. 2. В ХТМЛ-редакторе, ниже первого кода пишем такой код: _ <TBODY> <TR> <TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE> _ Где обозначают: *MARGIN-TOP: 20px; - вместо "20px" пишем количество пикселей, на которое надо отступить от верхнего края. *WIDTH: 309px; - вместо "309px" пишем ширину окна вашей презентации *HEIGHT: 450px; - вместо "450px" пишем высоту окна вашей презентации *MARGIN-LEFT: 460px; - вместо "460px" пишем количество пикселей, на которое надо отступить от левого края. *FONT color=#000000 - вместо #000000 пишем код цвета шрифта, которым будете писать в окне. Его можно взять тут: http://35rus.ru/htmlcolor.php (код цвета написан справа, после знака #) или же оставить так, как есть, #000000 - чёрный цвет. *TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text - вместо "TITLE Text text...." пишем любой текст, который будет показан в окне, или же оставляем так, как есть. 3. В итоге у нас получился такой код: _ <TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации> <TBODY> <TR> <TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE> Этот код рассчитан на презентацию с одним окном. Если вы хотите сделать код к презентации с большим количеством окон, то:

Если вы хотите добавить ещё одно окно внизу, то пишем вначале такой код: <TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации> <TBODY> <TR> <TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV> А ниже него пишем это: <DIV style="CLEAR: both"></DIV> Ещё ниже: <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV> И у нас получилось: <TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации> <TBODY> <TR> <TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV> <DIV style="CLEAR: both"></DIV> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE>

Если вы хотите разместить 2 окна рядом, то пишем: <TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации> <TBODY> <TR> <TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE> *Тоесть мы 2 раза копируем это: <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV> Если вы хотите сделать 2 окна рядом и одно внизу, то пишем такой код: <TABLE style="BACKGROUND: url(здесь вставляем ссылку на презентацию) no-repeat" border=0 width=здесь ширина презентации height=здесь высота презентации> <TBODY> <TR> <TD vAlign=top width=здесь пишем ширину презентации, такую же, что и в первом коде> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV> <DIV style="CLEAR: both"></DIV> <DIV style="MARGIN-TOP: 20px; WIDTH: 309px; FLOAT: left; HEIGHT: 450px; MARGIN-LEFT: 460px; OVERFLOW: auto"> <P><STRONG><FONT color=#000000>TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE> ----- На этом всё. Надеюсь я вам помог. Если что, по ЛС могу вам составить шаблон, по необходимому кол-ву окон.