Java script template - Шаблоны сайтов
advertisement
© by Valery V Shmeleff http://www.oflameron.ru Moscow Russia Шаблон сайта на Java script Как упростить создание сайтов на основе готовых шаблонов начинающими пользователями. Минимальный HTML код шаблона сайта содержит следующие строки: <html> <head> <title> </title> <meta name=" " content=" "> <style type="text/css"> </style> <body> </body> </html> Это самый примитивный HTML код сайта. Реальный код в шаблонах сайтов намного сложнее. Поэтому малоопытным пользователям сложно разместить и отформатировать содержимое сайта. Большинство сайтов имеет табличную внутреннюю структуру – когда контент сайта размещается в ячейках таблицы <TABLE> </TABLE>: <table border=0 cellpadding=0 cellspacing=0 width=800> <tr valign=middle> <td background=1.jpg width=57 height=97></td> <td background=2.jpg width=100 height=97></td> <td background=3.jpg width=60 height=97></td> <td background=4.jpg width=504 height=97> Здесь размещать контент сайта – текст, фотографии, рисунки, линки и т.д. </td> <td background=5.jpg width=79 height=97></td> </tr> </table> В этом случае графические файлы 1.jpg – 5.jpg не просто задают оформление фона background=4.jpg элементов таблицы <TABLE> </TABLE>, а формируют красивую графическую рамку оформления веб страницы. Для этого размеры угловых элементов задаются точно. Например, background=1.jpg width=57 height=97 , а размеры средних элементов позволяют растягивание по вертикали по мере добавления контента на страницу. Пример графического оформления для сайта http://panten.wallst.ru © by Valery V Shmeleff http://www.oflameron.ru Moscow Russia В большом шаблоне сайта с сложной графикой таблиц <TABLE> </TABLE> будет много, а структура HTML кода – малопонятной для начинающих пользователей. Можно значительно упростить размещение контента в шаблоне сайта, если большую часть HTML кода переместить из .html файла в внешний файл Java script. В этом случае HTML код сайта приобретет следующий вид: <html> <head> <title> </title> <meta name=" " content=" "> <style type="text/css"> </style> <body> <script language=javascript src=javasite1.js></script> Здесь размещать контент сайта – текст, фотографии, рисунки, линки и т.д. <script language=javascript src=javasite2.js></script> </body> </html> При этом шаблон сайта может иметь очень сложное графическое оформление, любое количество таблиц, постоянную или варьируемую ширину, динамический контент. Файл Java script имеет следующий вид: // <!-document.write("<table border=0 cellpadding=0 cellspacing=0 width=800>"); document.write("<tr valign=middle>"); document.write("<td background=1.jpg width=57 height=97></td>"); document.write("<td background=2.jpg width=100 height=97></td>"); document.write("<td background=3.jpg width=60 height=97></td>"); document.write("<td background=4.jpg width=504 height=97></td>"); © by Valery V Shmeleff http://www.oflameron.ru Moscow Russia document.write("<td background=5.jpg width=79 height=97></td>"); document.write("</tr>"); document.write("</table>"); // --> Как видите, это та же самая таблица <TABLE> </TABLE>, только вынесенная в внешний файл. Для того, чтобы в ней можно было разместить контент, ее надо разделить на 2 файла Java script – до (javasite1.js) и после (javasite2.js) контента: // <!-document.write("<table border=0 cellpadding=0 cellspacing=0 width=800>"); document.write("<tr valign=middle>"); document.write("<td background=1.jpg width=57 height=97></td>"); document.write("<td background=2.jpg width=100 height=97></td>"); document.write("<td background=3.jpg width=60 height=97></td>"); document.write("<td background=4.jpg width=504 height=97>"); // --> Здесь размещать контент сайта – текст, фотографии, рисунки, линки и т.д. // <!-document.write("</td>"); document.write("<td background=5.jpg width=79 height=97></td>"); document.write("</tr>"); document.write("</table>"); // --> В HTML коде шаблона сайта это будет записано так: <script language=javascript src=javasite1.js></script> Здесь размещать контент сайта – текст, фотографии, рисунки, линки и т.д. <script language=javascript src=javasite2.js></script> Размещение основной части HTML кода в внешних файлах имеет еще несколько преимуществ: 1. Архив с вашим шаблоном может состоять всего из одного файла – index.htm Все остальные файлы могут располагаться на вашем хостинге. Внешние файлы с Java script будут вызываться так <script language=javascript src=http://www.oflameron.ru/javasite1.js></script> При этом вы можете получать информацию о количестве посетителей сайтов с вашим дизайном. Достаточно проанализировать логии и посмотреть статистику загрузок ваших графических элементов 1.jpg, 2.jpg, … © by Valery V Shmeleff http://www.oflameron.ru Moscow Russia 2. Вы можете располагать на сайтах, созданных с помощью ваших шаблонов свои ссылки, информеры или рекламу (если это предусмотрено условиями использования шаблона сайта). Достаточно добавить необходимый HTML код в Java скрипты, загружаемые с вашего хостинга. 3. Вы можете создать и распространять шаблоны сайтов с периодически сменяемым графическим оформлением. Если графические элементы, использованные в шаблоне будут иметь одинаковые размеры, то просто заменяя один пакет графических элементов на другие, можно существенно менять оформление сайта. Для совместимости с контентом достаточно использовать одинаковый цвет фона. 4. Вы сможете контролировать случаи пиратского использования дизайна сайта, блокировать его или вывешивать объявления о нарушении прав. 5. Использование Java script, размещенных на вашем хостинге, позволяет существенно осложнить незаконное копирование сайта. Вы можете использовать сложные Java скрипты с вложенными вызовами и функциями, разделять HTML код на много Java script файлов. Шаблоны сайтов http://templates.oflameron.ru
