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

 
Посетитель
no avatar
Медаль
Сообщений: 100
Привет уважаемые!!!

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

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


Пример кода:

Код PHP:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  6. <title>Трехколоночный макет</title>
  7. <style type="text/css">
  8. body {
  9. font: 0.8em Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */
  10. background: #D7E1F2; /* Цвет фона */
  11. color: #ffe; /* Цвет текста */
  12. }
  13. a { color: #008BCE; /* Цвет ссылок */ }
  14. #container {
  15. width: 500px; /* Ширина макета */
  16. margin: 0 auto; /* Выравниваем по центру */
  17. background: #FCE600; /* Цвет колонок */
  18. }
  19. #header {
  20. font-size: 2.2em; /* Размер текста */
  21. text-align: center; /* Выравнивание по центру */
  22. padding: 5px; /* Отступы вокруг текста */
  23. background: #D71920; /* Цвет фона шапки */
  24. }
  25. #nav, #aside {
  26. float: left; width: 110px; padding: 5px;
  27. }
  28. #content {
  29. background: #54B948;
  30. margin: 0 120px; /* Ширина колонок */
  31. padding: 10px;
  32. }
  33. #aside {
  34. float: right; color: #000;
  35. }
  36. h2 { margin: 0 0 1em; }
  37. #footer {
  38. clear: both; /* Отменяем действие float */
  39. padding: 5px; /* Отступы вокруг текста */
  40. background: #D71920; /* Цвет фона подвала */
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div id="container">
  46. <div id="header">Исторический турнир</div>
  47. <div id="nav">
  48. <p><a href="stat.html">Статистика турнира</a></p>
  49. <p><a href="interview.html">Интервью с главным судьей</a></p>
  50. <p><a href="ask.html">Конкурсные вопросы</a></p>
  51. </div>
  52. <div id="aside">
  53. <h3>Статистика</h3>
  54. <p>одиннадцать человек дошли до финала;</p>
  55. <p>один человек правильно указал в каком стиле писал Диего Веласкес;</p>
  56. <p>только один человек знал, кто изобрел пароход;</p>
  57. </div>
  58. <div id="content">
  59. <h2>Опрос общественного мнения показал</h2>
  60. <ul>
  61. <li>что пароход изобретен: Петром I, А. Эйнштейном и А. Поповым;</li>
  62. <li>Диего Веласкес писал свои полотна в стиле: империализма, кубизма
  63. и империосионизма;</li>
  64. <li>Фаросский маяк находится в Фаросе;</li>
  65. <li>конфуцианство возникло в: Италии, Корее и Франции;</li>
  66. <li>богами торговли и воровства в Древней Греции были: Марс, Меркурий
  67. и Дионис;</li>
  68. <li>Франция – это город;</li>
  69. <li>богами загробного мира в Египте были: Аид, Анубис и Ассирис;</li>
  70. <li>столица Золотой Орды — Монголия;</li>
  71. <li>главные противники Александра Македонского: татаро-монголы, Дедал
  72. и Цезарь;</li>
  73. </ul>
  74. </div>
  75. <div id="footer">&copy; onlyweb.info</div>
  76. </div>
  77. </body>
  78. </html>
Программа для посмотра файлов формата html и его редактирования.

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

Описание:

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

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

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

Баги и пожелания к программе оставляйте на форуме, изменения будут в следующих версиях...
http://onlyweb.info/ - Все для Вебмастера.
Бесплатный контруктор сайта
Посетитель
small user social cms
Почетный донор проектаМедальПочетный донор проектаПочетный донор проектаКубок зрительских симпатий
Сообщений: 343
Без обид.
Имхо. Какая-то ненужная штука, сделанная на скорую руку.

С таким же удовольствием можно использовать WYSIWYG редакторы
-=-=-=-=-=-=-=-=-
Посетитель
small user social cms
Медаль
Сообщений: 380
Если это прога работает прям на сайте,то в сипанели такие редактора есть,если это редактор работы на компе то и подавно не надо.
Я меняю валюту на сайте obmenka. Рекомендую! Возможен вывод в наличные деньги.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.