HTML просмоторщик

#1 22 ноября 2012 в 07:45

Привет уважаемые!!!

Хочу представить вам свою разработку HTML просмоторщик.

Иллюстрация

Пример кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <title>Трехколоночный макет</title>
  <style type="text/css">
   body {
    font: 0.8em Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */
    background: #D7E1F2; /* Цвет фона */
    color: #ffe; /* Цвет текста */
   }
   a { color: #008BCE; /* Цвет ссылок */ }
   #container {
    width: 500px; /* Ширина макета */
    margin: 0 auto; /* Выравниваем по центру */
    background: #FCE600; /* Цвет колонок */
   }
   #header { 
    font-size: 2.2em; /* Размер текста */
    text-align: center; /* Выравнивание по центру */
    padding: 5px; /* Отступы вокруг текста */
    background: #D71920; /* Цвет фона шапки */
   }
   #nav, #aside {
    float: left; width: 110px; padding: 5px;
   }
   #content {
    background: #54B948;
    margin: 0 120px; /* Ширина колонок */
    padding: 10px;
   }
   #aside {
    float: right; color: #000;
   }
   h2 { margin: 0 0 1em; }
   #footer { 
    clear: both; /* Отменяем действие float */
    padding: 5px; /* Отступы вокруг текста */
    background: #D71920; /* Цвет фона подвала */
   }
  </style>
 </head>
 <body>
  <div id="container">
   <div id="header">Исторический турнир</div>
   <div id="nav">
    <p><a href="stat.html">Статистика турнира</a></p>
    <p><a href="interview.html">Интервью с главным судьей</a></p>
    <p><a href="ask.html">Конкурсные вопросы</a></p>
   </div>
   <div id="aside">
    <h3>Статистика</h3>
    <p>одиннадцать человек дошли до финала;</p>
    <p>один человек правильно указал в каком стиле писал Диего Веласкес;</p>
    <p>только один человек знал, кто изобрел пароход;</p>
   </div> 
   <div id="content"> 
   <h2>Опрос общественного мнения показал</h2>
    <ul>
     <li>что пароход изобретен: Петром I, А. Эйнштейном и А. Поповым;</li>
     <li>Диего Веласкес писал свои полотна в стиле: империализма, кубизма 
     и империосионизма;</li>
     <li>Фаросский маяк находится в Фаросе;</li>
     <li>конфуцианство возникло в: Италии, Корее и Франции;</li>
     <li>богами торговли и воровства в Древней Греции были: Марс, Меркурий 
     и Дионис;</li>
     <li>Франция – это город;</li>
     <li>богами загробного мира в Египте были: Аид, Анубис и Ассирис;</li>
     <li>столица Золотой Орды — Монголия;</li>
     <li>главные противники Александра Македонского: татаро-монголы, Дедал 
     и Цезарь;</li>
    </ul>
   </div>
   <div id="footer">&copy; onlyweb.info</div>
  </div>
 </body>
</html>

Программа для посмотра файлов формата html и его редактирования.

Это первая версия программы, так что не судите строго.
В дальнейшем программа будет совершенствоваться и развиваться...

Описание:

1. Программа работает только в кодировке windows-1251;
2. Поддерживаемые файлы .html;
3. Язык Русский
4. Версия 0.1 от 20.11.2012

П.С: Думаю будет полезна для создания шаблонов, ну или кому пригодиться.

Скачать прогу можите тут

Баги и пожелания к программе оставляйте на форуме, изменения будут в следующих версиях…

http://onlyweb.info/ - Все для Вебмастера. Бесплатный контруктор сайта

#2 22 ноября 2012 в 08:27

Без обид.
Имхо. Какая-то ненужная штука, сделанная на скорую руку.

С таким же удовольствием можно использовать WYSIWYG редакторы

-=-=-=-=-=-=-=-=-

#3 22 ноября 2012 в 10:49

Если это прога работает прям на сайте, то в сипанели такие редактора есть, если это редактор работы на компе то и подавно не надо.

Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.

Форум на всю страницу

Второй домен на сайт

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

HTML просмоторщик

Похожие темы

Замена Редактора HTML на стене

Как поменять страниц с папки /pages/имя страницы.html

Подсветка синтаксиса html кода в TinyMCE5

Конструктор форм iForms - на отдельной html странице

Привязать шаблон html к стандартному шаблону

[ЗАКРЫТО] Нужно перенести сайт HTML на InstantCMS с сохранением старых URL адресов сайта

InstantCMS Team

О проекте

Поддержка

Дополнения