Многостраничный сайт -   37   веб страниц с качественным контентом. Прямая ссылка для скачивания готового бесплатного сайта
      
      Скачать архив сайта >>
      

Обзор шаблонов сайтов

      Обзор шаблонов сайтов
      
      Продолжение - начало >>>>
      
      Для раздвижного шаблона допишем HTML код
      
      
      
      Разместим справа от картинки текстовый контент. Для этого надо переписать таблицу, в которой располагается имидж english2dice.jpg
      
       <table bgcolor=#faed56 border=0 cellpadding=0 cellspacing=0 width=90% height=800> <tr valign=top> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> <br>       <br>       <H1>Английский язык</H1> <p align=justify><font class=title> <br>      Настольная игра из бумаги Oflameron может быть использована для эффективного изучения английского языка (иностранных языков). В процессе игры участники многократно перебирают в памяти словарный запас. Это обеспечивает высокую эффективность тренировки. После нескольких игровых партий ученики будут быстрее подбирать английские слова при составлении фраз. <br>       <br>      <a href="http://oflameron.ru/page00015.htm" title="Английский язык"><img src="english2dice.jpg" alt="Английский язык" title="Английский язык" border=0></a> <br>       <br>       <br>      </font> </td> <td bgcolor=#faed56 width=5%></td> </tr> </table>
      
      Верхнюю часть контента поместим в отдельную строку таблицы
      
       <table bgcolor=#faed56 border=0 cellpadding=0 cellspacing=0 width=90% height=800> <tr valign=top> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> <br>       <br>       <H1>Английский язык</H1> <p align=justify><font class=title> <br>      Настольная игра из бумаги Oflameron может быть использована для эффективного изучения английского языка (иностранных языков). В процессе игры участники многократно перебирают в памяти словарный запас. Это обеспечивает высокую эффективность тренировки. После нескольких игровых партий ученики будут быстрее подбирать английские слова при составлении фраз. <br>      </font> </td> <td bgcolor=#faed56 width=5%></td> </tr> <tr valign=top> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> <p align=justify> <br>      <a href="http://oflameron.ru/page00015.htm" title="Английский язык"><img src="english2dice.jpg" alt="Английский язык" title="Английский язык" border=0></a> <br>       <br>       <br>      </font> </td> <td bgcolor=#faed56 width=5%></td> </tr> </table>
      
      Строка с имиджем
      
        <tr valign=top> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> <p align=justify> <br>      <a href="http://oflameron.ru/page00015.htm" title="Английский язык"><img src="english2dice.jpg" alt="Английский язык" title="Английский язык" border=0></a> <br>       <br>       <br>      </font> </td> <td bgcolor=#faed56 width=5%></td> </tr>
      
      Перепишем содержимое ячейки с имиджем. Вместо имиджа разместим в ячейке еще одну таблицу с одной строкой и двумя ячейками. В левой ячейке разместим этот же имидж, а в правой ячейке разместим текстовое описание.
      
        <tr valign=top> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> <table border=0 cellpadding=0 cellspacing=0 width=100% height=100%> <tr> <td width=40% height=100%> <p align=justify> <br>      <a href="http://oflameron.ru/page00015.htm" title="Английский язык"><img src="english2dice.jpg" alt="Английский язык" title="Английский язык" border=0></a> <br>       <br>       <br>       </td> <td width=60% height=100% valign=top> <p align=justify><font> <br>      Настольная игра <b>OFLAMERON</b> из бумаги может быть организована в любых условиях за 15-20 минут. все игровые материалы можно мастерить самим из подручных материалов. <br>      Для игры потребуются два игральных кубика - красный и синий. Игроки должны бросать сразу два кубика. выпадающие на кубиках очки - координаты ячейки на игровом поле. Игроки кидают кубики и записывают собираемые английские буквы на свои листочки (каждый игрок записывает свои буквы). <br>      По мере накопления букв из них можно будет составлять английские слова. За каждое составленное английское слово (не короче 4-х букв) и названный перевод игрок получает столько баллов на счет, сколько букв в английском слове. <br>      Чтобы ограничить продолжительность игры, необходимо сделоть следующее. Перед началом игры выдайте игрокам 10-15 <b>ПЕРЕВОДОВ</b> английских слов. В процессе игры участники будут составлять разные английские слова. Если составленное английское слово из тех 10-15, <b>ПЕРЕВОД</b> которых был задан, то игроку начисляется двойное количество баллов. Когда будут составлены и названы <b>ВСЕ</b> английские слова, <b>ПЕРЕВОД</b> которых был задан, игра заканчивается, подсчитывается количество баллов и определяется победитель. <br>      Использованные игроком для составления слов английские буквы вычеркиваются из его списка и он должен их собирать заново. <br>       <br>      Другие варианты игры <b>OFLAMERON</b> можно найти задав на Яндексе или в Гугле в поиск фразу "<b>английский язык игра oflameron</b>" <br>      </font> </td> </tr> </table> </td> <td bgcolor=#faed56 width=5%></td> </tr>
      
      Полный HTML код шаблона сайта с имиджем в левой части и текстовым контентом в правой части
      
       <html> <head> <title>Английский язык как настольная игра</title> <meta name="keywords" content="английский, язык, настольная, игра"> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <meta name="description" content="Английский язык как настольная игра"> <style type="text/css"> a {text-decoration: none;} a:hover {text-decoration: underline;} H1 { font-family: Arial, Tahoma, Helvetica; font-size: 32pt; color: #140244; } H2 { font-family: Arial, Tahoma, Helvetica; font-size: 23pt; color: #140244; } H3 { font-family: Arial, Tahoma, Helvetica; font-size: 22pt; color: #140244; } font { font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: #140244; } font.wtn { font-family: Arial, Tahoma, Helvetica; font-size: 16pt; color: #ffffff; } font.ell { font-family: Arial, Tahoma, Helvetica; font-size: 12pt; color: #e5d307; } font.title { font-family: Arial, Tahoma, Helvetica; font-size: 14pt; color: #140244; } </style> </head> <body bgcolor=#000000 text=000000 leftMargin=0 topMargin=0 marginwidth=0 marginheight=0> <center> <p>    </p> <table bgcolor=#faed56 border=0 cellpadding=0 cellspacing=0 width=90% height=800> <tr valign=top> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> <br>       <br>       <H1>Английский язык</H1> <p align=justify><font class=title> <br>      Настольная игра из бумаги Oflameron может быть использована для эффективного изучения английского языка (иностранных языков). В процессе игры участники многократно перебирают в памяти словарный запас. Это обеспечивает высокую эффективность тренировки. После нескольких игровых партий ученики будут быстрее подбирать английские слова при составлении фраз. <br>      </font> </td> <td bgcolor=#faed56 width=5%></td> </tr> <tr valign=top> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> <table border=0 cellpadding=0 cellspacing=0 width=100% height=100%> <tr> <td width=40% height=100%> <p align=justify> <br>      <a href="http://oflameron.ru/page00015.htm" title="Английский язык"><img src="english2dice.jpg" alt="Английский язык" title="Английский язык" border=0></a> <br>       <br>       <br>       </td> <td width=60% height=100% valign=top> <p align=justify><font> <br>      Настольная игра <b>OFLAMERON</b> из бумаги может быть организована в любых условиях за 15-20 минут. все игровые материалы можно мастерить самим из подручных материалов. <br>      Для игры потребуются два игральных кубика - красный и синий. Игроки должны бросать сразу два кубика. выпадающие на кубиках очки - координаты ячейки на игровом поле. Игроки кидают кубики и записывают собираемые английские буквы на свои листочки (каждый игрок записывает свои буквы). <br>      По мере накопления букв из них можно будет составлять английские слова. За каждое составленное английское слово (не короче 4-х букв) и названный перевод игрок получает столько баллов на счет, сколько букв в английском слове. <br>      Чтобы ограничить продолжительность игры, необходимо сделоть следующее. Перед началом игры выдайте игрокам 10-15 <b>ПЕРЕВОДОВ</b> английских слов. В процессе игры участники будут составлять разные английские слова. Если составленное английское слово из тех 10-15, <b>ПЕРЕВОД</b> которых был задан, то игроку начисляется двойное количество баллов. Когда будут составлены и названы <b>ВСЕ</b> английские слова, <b>ПЕРЕВОД</b> которых был задан, игра заканчивается, подсчитывается количество баллов и определяется победитель. <br>      Использованные игроком для составления слов английские буквы вычеркиваются из его списка и он должен их собирать заново. <br>       <br>      Другие варианты игры <b>OFLAMERON</b> можно найти задав на Яндексе или в Гугле в поиск фразу "<b>английский язык игра oflameron</b>" <br>      </font> </td> </tr> </table> </td> <td bgcolor=#faed56 width=5%></td> </tr> </table> <table bgcolor=#faed56 border=0 cellpadding=0 cellspacing=0 width=90% height=60> <tr valign=middle> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#ec0662 width=80% align=center> <a href="http://oflameron.ru/page00015.htm" title="Английский язык"><font class=wtn>Иллюстрированное руководство</font></a> </td> <td bgcolor=#ec0662 width=5%></td> </tr> </table> <table bgcolor=#faed56 border=0 cellpadding=0 cellspacing=0 width=90% height=120> <tr valign=middle height=60> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#4706ec width=5%></td> <td bgcolor=#faed56 width=5%></td> <td bgcolor=#faed56 width=80% align=center> </td> <td bgcolor=#faed56 width=5%></td> </tr> <tr valign=middle height=60> <td bgcolor=#000000 width=5%></td> <td bgcolor=#000000 width=5%></td> <td bgcolor=#000000 width=5%></td> <td bgcolor=#000000 width=80% align=center> <font class=ell>Учим английский язык с самодельной настольной игрой из бумаги</font> </td> <td bgcolor=#000000 width=5%></td> </tr> </table> <br>       <br>       <br>       <br>       </body> </html>
      
      Посмотреть шаблон сайта >>
      
      Эту страницу можно посмотреть на экране смартфона или планшета.
      Такой простой шаблон сайта позволяет очень быстро создавать большое число веб страниц, наращивая объем сайта. Вы можете скачать архив шаблона сайта и разместить на своем сайте для бесплатного скачивания.
      
      Сейчас до 40% посетителей просматривают сайты с мобильых устройств - смартфонов или планшетов. Такие устройства имеют небольшой размер экрана. Поэтому желательно на экране показывать максимальное количество контента, а не загромождать его графическими кнопками, заголовками, меню. Так же желательно создавать длинные веб страницы - пользователю гораздо проще выполнить скроллинг экрана, чем выполнять переходы по ссылкам и ждать загрузки следующей веб страницы через медленные каналы мобильной связи.
      Даже если смартфон посетителя имеет 2 Гб ОЗУ, большая часть ее занята операционной системой, драйверами и "обязательными" приложениями. Поэтому чем меньше ваш сайт (Java скриптов, Flash анимации, графических "украшательств"), тем стабильнее он ьудет отображаться и быстрее работать.
      Простой до примитивности дизайн сайта "подчеркивает" контент - посетитель сайта концентрирует внимание на контенте или рекламе.
      
      
      Скачать шаблон сайта >>
      
      
      Рассмотрим далее как сделать настройку цветов через CSS.
      
      
      Обзор >>
      
      
        Шаблоны сайтов      link2      link3      link4      5enn      5enng      Обзор      csh      42  
      
      Контент сайта оптимизирован для индексации.    Другие архивы сайтов >>>>    #бесплатныесайты    Обзор