Веб дизайн

- Не бойтесь совершенства !  
(вам его всё-равно не достичь)  

Чем и как сваять свой сайт?

Вне всяких сомнений, что программы, при помощи которых создавались эти страницы, можно отнести к разделу "Интернет". Как я выяснил - для освоения HTML не нужно быть "семи пядей", хотя абсолютному дебилу эта наука тоже вряд-ли покорится :-)
В принципе это не настолько сложно, как впервые кажется несведущему... Веб-страница фактически текстовый файл, только с расширением не *.txt, а *.html или *.htm. HTML это HyperText Markup Language (Язык ГиперТекстовой Разметки) т.е определённый набор HTML-тегов, специальных команд-инструкций для браузера как и в каком порядке отображать компоненты на странице - текст, изображения, ссылки, таблицы и проч. А по сему - "нацарапать" свою страницу может любой пользователь, освоивший "HTML минимум" - минимальный набор необходимых тегов, типа "header" и "bоdy" и владеющий навыками работы в Блокноте. За время существования HTML, для "чайников", ну и для того чтобы не нужно было постоянно помнить все теги ("крючочко-загогулинки"), умельцами было создано море всевозможных Редакторов, автоматизирующих процесс создания веб-страницы.
Поделить их можно на две категории:
1) Текстовые, автоматизирующие ввод только основных HTML тегов-команд
2) Визуальные WYSIWYG (англ. What You See Is What You Get — Что видишь, то и получишь), в которых создание страницы происходит на лету.
Какой редактор лучше, что выбрать? - Вопрос сложный, т.к многое зависит от навыков пользователя и что Вы планируете "ваять".

Ознакомьтесь с тем, чем я пользовался(юсь) и пробуйте себя в качестве веб-дизайнера:

Текстовые HTML редакторы:

Самый простой редактор - банальный Блокнот, входящий в стандартную сборку Винды. Так-же в качестве оного можно использовать WordPad или MS Word, хотя "навороченными" HTML редакторами куда ловчее.
Основные возможности у них одинаковы, поэтому в своих описаниях я акцентировал лишь те моменты, которые (на мой взгляд) положительно отличают ту, или иную программень.

Ace HTML Pro "нерусь"
Серьёзный Программный комплекс для создания интернет-сайтов
Програма для окончивших на "отлично" не менее 10 классов в "церковно-приходской" :-)
- Мне когда-то понравилась из-за множества шаблонов скриптов, для оформления и "украшательства" создаваемых страниц.

Ace HTML Pro последняя версия оф. сайта)
Ace HTML Pro v6.04 5,4 Мб (с моего сайта) если нужно Берманзи (отдельно)

  • Помимо того что есть в "моём любимце" - быстрый поиск ссылок, рисунков, спеллчекер для проверки орфографии, парсер "живых и мёртвых" ссылок, свой FTP-клиент для передачи готовых страниц на сайт и еще-еще...

    HtmlPad FisherMan  (некогда предмет моего обожания)
    Многофункциональный HTML, XHTML, XML, CSS, Java, Perl, PHP, VBS и т.д редактор.
    HtmlPad FisherMan v1.9 rus 3,94 Мб (с моего сайта)   4,09 Мб (с оф.сайта)
    HtmlPad FisherMan v1.8 rus 4,01 Мб (с оф.сайта)

  • Настоятельно рекомендую как для "чайников", так и для "профи" !!!
    (на мой взгляд на три головы выше Front Page, или Macromedia Homesite, которые в 5-10 раз больше и сложнее в работе)
    - Даже не берусь описывать её возможности, т.к моё мнение - МОЖЕТ ВСЁ
    - Практически все самые частые теги вставляются нажатием "кнопок"
    - Входящие в неё Справки, просто кладезь информации по веб-дизайну для "чайников"
    - При всех своих достоинствах - АБСОЛЮТНО БЕСПЛАТНАЯ !
    Вырази всеобщую признательность и поблагодари автора
    Письмо Автору программы (ткни на конверт и всего-то)
    У кого есть необходимость почитать о программе подробнее, или проверить обновление - шуруем на сайт программы (новое окно)
  • Обрати внимание на размер инсталлера, прежде чем искать что-то "лучше"

    HTML Source
    HTML редактор, сочетающий в себе простоту управления и самые востребованные "примочки" для веб-дизайна.
    HTML Source v2.0 rus 2,0 Мб
    HTML Source v1.2 rus 1,5 Мб

    Не без гордости - русский языковой модуль для обеих версий к этой программе делал ваш покорный слуга ;-)

  • Из недостатков - при установке, не стпрашивая на то Вашего согласия программа устанавливается HTML редактором по умолчанию, а после удаления не стирает свои настройки из системы и Вам придётся исправлять Реестр самостоятельно.
    Страница с русификатором / Сайт программы (новое окно)

    NeonHTML   Категорически рекомендую!
    Многофункциональный бесплатный html, css, js, php, shtml, txt редактор, со своеобразным "фейсом" и возможностями.
    - Нашпигован заготовками самых распространённых фрагментов кода - HTML-тегов, стилей и др., что ощутимо облегчает вставку тега для картинки, видео, флеш, менять цвета, шрифты и проч.
    - Позволяет мнгновенно просматривать редактируемую страницу как во встроенном браузере, так и во внешних.
    - Можно создать шаблон, чтобы все новые документы создавались с готовыми нужными элементами, а Вам останется только дозаполнить нужные элементы страницы.
    - Имеет валидатор помогающий проверить правильность кода, найти лишние, не закрытые теги, ошибки таблиц.
    - Умеет удалять лишние пробелы и строки, т.е "сжать" страницу, уменьшив её размеры.
    - Максимально насыщена ПКМ (пр.кн.мыши), что позволяет не лазить курсором по всему экрану от редактируемого участка в панель Меню и обратно.

    NeonHTML v4.5.1 rus 1,1 Мб
    NeonHTML v3.5.0 rus 850 Кб

  • Из-за своеобразного (читай как непривычного) интерфейса, с 2009-го хранился у меня в "хламе", о чём теперь оч. сожалею ;-(   Чтобы освоиться, привыкнуть к нему потребовалось буквально пару дней, да так что теперь за уши не оттянуть ;-)

    Metaproduct Web Studio
    Весьма неплохой редактор для "ваяния" м-м-м... (на любителя)
    (интерфейс и возможности оч. похожи на Macromedia Home site, НО выгодно отличается размерами.
    Web Studio v4.4.271 SR1 Rus 3,9 Мб (официально-русская версия)

  • В интерфейсе всё довольно компактно, доходчиво и понятно, причём если не лезть в настройки, то и "по-умолчанию" возможностей хватит до изжоги.
  • К этой версии, регистрации долго не мог найти. Сейчас "всё пучком", благодаря Вам, мои уважаемые посетители ;-)
    Показать старые версии

    Web Studio v4.1 227ru 4,2 Мб (официально-русская версия)
    - К этой версии, регистрации долго не мог найти. Сейчас "всё пучком", благодаря Вам, мои уважаемые посетители ;-)

    Web Studio v4.0 SR1 нерусь 3,4 Мб
    Эта версия попалась мне первой...

    WINsoft WebEditor 2007
    Содержательный редактор, с громадными возможностями от отечественного производителя.
    WINsoft WebEditor 2007 rus 2,4 Мб

  • Как и у HTML Fisherman большинство тегов в виде кнопок и так-же, при всей своей навороченности, миниатюрных размерах СОВЕРШЕННО БЕСПЛАТНЫЙ!
  • Недостаток (на мой взгляд) - ощутимо тормозит и вешает систему при запуске и просмотре во встроенном броузере.


    "Mini-редакторы":

    Программы с минимумом возможностей, с готовыми простенькими шаблонами страниц.

    MiniSite v4.xx rus ~7,5 Мб (с оф.сайта)
    Starcaster v1.3 rus 400 Кб
    Quick тяп-ляп Html v0.8.1 rus 500 Кб
    Web Coder v1.63 rus 600 Кб


    Визуальные WYSIWYG редакторы:

    Если ты не имел дело с Вэб дизайном, но хочешь попробовать себя на этом поприще, то эти "КОНСТРУКТОРЫ" ДЛЯ ТЕБЯ ! Именно с их помощью когда-то, (будучи полным чайником) я почувствовал себя "гением Web-дизайна".
     Самый главный и неоспоримый плюс (на мой взгляд ясное дело), в том что с этими программами нет необходимости знать теги ШТМЛ (все эти "палочки", "крючочки" и "загогулинки"). Страница делается как гамбургер - наложением разных слоёв изображений и текстов, а создаваемую страницу ты видишь почти один-в-один как она будет выглядеть в окне броузера! Вставка и форматирование текста, или изображения производится не набором символов (как в ХТМЛ редакторах), а манипуляциями как в Ворде - "копировать-вставить-удалить" или перетащить. А когда закончишь "ваять" - жмёшь на кнопку и программа "перевернёт" всё из своего формата в HTML. Сохранится абсолютно всё - фоны, рисунки, форматы текста, любые сценарии - воспроизведение звукового файла, переход на другую страницу, или запуск закачки.
     Если ты совершенно "ну никуда", то на этот случай предусмотрено с десяток разнообразных шаблонов страниц, с готовыми кнопками, логотипами в которых нужно вписать нужный текст, указать ссылки и можно "сливать" страницы на сервер хостинга.

    Actual Draiwing Deluxe (или дословно - "Реальный рисунок")
     Самая первая программа этой категории, попавшаяся мне много лет назад. Надо заметить что особого выбора (в то давнишнее время DialUp-a) не наблюдалось и учился я на ней...
     У программы содержательный графический редактор, возможность создания фото-галерей.
     Неудобство в том, что созданные страницы статичные, т.е заданного размера и красиво выглядят только при определённом разрешении монитора. Если у посетителя маленькое разрешение монитора, то строки не будут полностью умещаться на экране, а если разрешение выше запланированого, то страница "убого" займёт часть экрана, что неудобно и некрасиво.
    Actual Draiwing Deluxe v5.5 "нерусь" 4,7 Мб (с моего сайта)

  • Actual Draiwing Deluxe последняя версия оф.сайта)

  • На первый взгляд программа несколько сложновата и плюс не русифицирована, но пару вечеров, два-три десятка воспоминаний про "её маму", "маму Бени" и вы с ней подружитесь ;-)
  • P.S Программа "буржуйская", ну и понятно просит "деньгоф-ф американских". При отсутствии регистрации на создаваемых страницах нахальным образом будет появляться надпись unregistered version. Скажем дружно: Берманзи! или Фигушки!
  • NOTA BENE!!! Ни в коем случае не допускайте соединения программы с интернет! Даже при закачивании созданных страниц (у неё свой FTP клиент) она втихаря свяжется со своими создателями, проверит регистрацию, сбросит твой серийник "по-советски" и при каждом следующем запуске станет тянуть на свой сайт для официальной регистрации. Придётся переустанавливаться.


    Web Page Maker rus    Русский сайт поклонника программы
     Небольшой, но содержательный визуальный "шаблонник", с подборкой наиболее популярных (в то время) скриптов и прочих красивостей для Ваших страниц. Интерфейс простой и удобный - минимум наворотов, зато всё под рукой.
    Web Page Maker v3.2.1 rus 4,7 Мб (программа+мой Русификатор+русская Справка)
    Русификатор (если нужно отдельно) 210 Кб | 1,0 Мб (мой Русификатор+русская Справка)
     Версия 2010-го года. Русский модуль состряпал на неё давно, но в силу своей непривержености к этой категории пользовался ей редко, поэтому поделился тут и на MsiLab почти через год...
    Web Page Maker v3.1.2 rus 4,9 Мб (программа+Русификатор)
     Эта версия мне попалась ещё в 2005-м году, когда я уже поднаторел, привык писать страницы вручную, ощутил недостатки шаблонников и утратил интерес к тогдашним "WISYWIG".
    Шаблоны Web Page Maker 3,2 Мб (40 дополнительных шаблонов)


    WYSIWYG Web Builder   Категорически рекомендую!
      Современный содержательный и весьма популярный визуальный "шаблонник" с набором наиболее востребованых инструментов и скриптов для создания как простого "хомяка", так и интернет-магазинов, форумов, фотогалерей и тыд и пыр.
    WYSIWYG Web Builder v8.1.0 rus 4,5 Мб (русская сборка без туземной Справки)
    WYSIWYG Web Builder v8.0.4 en 5,5 Мб (Letbit) 5,5 Мб (Vip-file)
     Увы, но НАРОД по прежнему удаляет файлы более 5Мб, поэтому слил на ФО. Скачиваем SkyMonk-ом моей сборки
    Русификатор v8.0.4 2,2 Мб (языковой модуль+лечилОво)

    Старые версии


    WYSIWYG Web Builder v7.6.4 en 5,2 Мб (Letbit) 5,2 Мб (Vip-file)
     Увы, но НАРОД по прежнему удаляет файлы более 5Мб, поэтому слил на ФО. Скачиваем SkyMonk-ом моей сборки
    Русификатор v7.6.4 780 Кб (языковой модуль+лечилОво)


    Довески и красивости,
    создание динамичных Меню:


    CoffeeCup Image Mapper
      Программа для создания карт-изображений, с кликабельными (интернет-связанными) участками на картинке, и последующего их размещения на интернет-страницах, со ссылками не со всего рисунка на один сайт, а на множество, с отдельных участков карты-изображения. Работает с форматами GIF, JPEG, Jpg, TIF, BMP.

    CoffeeCup Image Mapper v4.2 rus 4,3 Мб

  • За русификатором, если он нужен отдельно шлёпаем на Мои русификаторы


    Easy Button & Menu Maker
      Программа для создания фильдеперсовых панелей меню для HTML страниц.

  • Ни чего толкового про программу не скажу. НЕ ПОНРАВИЛАСЬ...
    - Графика фльдеперсовая, громоздкая и размеры ява-скрипта годзильские...

    Easy Button & Menu Maker v2.3 rus 6,8 Мб
    Осталось не переведено с десяток строк, на мой вопрос как это можно сделать АФФтар ответил что ему по барабану и в ближайшее время он не заинтересован в локализации на "великий и могучий".
    - В русификаторе языковой модуль, в котором к идущим с программой английскому и немецкому, добавлен русский язык, поэтому наверное подойдёт и к более новым версиям, а за игнор АФФтаром "великого и могучего" в русификатор вшито "средство не платить" ;-)
  • За русификатором, если он нужен отдельно топаем на Мои русификаторы


    Selteco Image Mapper
    Программа для создания интернетактивных участков изображений для веб-страниц.

  • Программа позволяет обозначать отдельные участки изображения разными ссылками.
    Напимер при клике по участку картинки с дверью вы отправитесь по ссылке www.door.html, а облако на фото отправляет "на небеса" - www.clouds.html

    Selteco Image Mapper v2.0 rus 600 Кб (программа + мой русификатор)
    Selteco Image Mapper v1.0 rus 960 Кб (программа + мой русификатор)
    Обращаю внимание, что аналогичных программ пришлось попробовать несколько, но не смотря на мизерные размеры именно эта мне понравилась больше всех. Особо прильшает простота интерфейса и мизерные размеры программы.
  • За русификаторами, если они нужны отдельно топаем сюда: Мои русификаторы

    Selteco Menu Maker
    Программа для создания панелей меню для веб-страниц.

  • Небольшая программуля для создания "фельдиперсовых" (выезжающих, прячущихся, всплывающих, растворяющихся, светящихся и проч.) панелей меню для веб-страниц. Можно оформить графикой, разноцветными таблицами (как душе угодно), затем всю эту "красивость" сохранить отдельным ява-скриптом, или просто каждый раз вставлять в страницы код нужного меню.
    Меню на странице могут быть разными и их может быть сколько угодно!

    Selteco Menu Maker v4.1.5 rus 600 Кб (полная Русская версия)
    Selteco Menu Maker v4.0.3 rus 460 Кб (мой перевод и сборка)
    Хочу обратить внимание, что не смотря на мизерные размеры именно она мне нравится больше всех, из перепробованных мною и представленных тут программ для создания HTML Меню. Лично меня особо прильшает простота работы и относительно малые размеры получаемого ява-скрипта.


    HTML Optimizer v1.1 rus 14 Кб (всего-то)
    Программа для уменьшения размеров веб-страниц

  • HTML оптимизатор удаляет лишние теги, пробелы и символы из HTML-кода web-страницы
    - В ней целых 3 кнопки: Обзор, Оптимизация и Выход (поэтому необычайно сложна для освоения)
    - Код страницы выстраивается всего в несколько строк (по 1024 символа), что позволяет уменьшить размер файла на 20-50%.
    - Информационное содержание и внешний вид страниц (как правило) не изменяется.
  • Note!!! Программа создаёт откат (BackUp) для дальнейшего редактирования, или если внешний вид страницы всё-же изменится

    HTML Compact v2.5 rus 760 Кб
    - Мощный и весьма любопытный инструмент и помошник в работе веб-мастера.
    У программы свой алгоритм компрессии, позволяющий сжимать HTML код страницы в беспрерывный нечитаемый набор символов, который загружается на компьютер пользователя, значительно быстрее, а встроенный в страницу скрипт даёт команду броузеру как "распаковывать и читать" отдельные участки полученной страницы.

  • За русификатором, если он нужен отдельно топаем вот сюда: Мои русификаторы

    HTML Protector v3.0 rus 1,3 Мб
    - Мощный и весьма любопытный инструмент для защиты HTML кода страницы.
    После шифрования код напоминает беспрерывный, совершенно беспорядочный и нечитаемый набор символов, который загружается на компьютер пользователя значительно быстрее, а встроенный в страницу скрипт даёт команду броузеру как "распаковывать и читать" закодированные участки полученных страниц. Те-же ява-скрипты могут запретить копирование, сохранение как всей страницы, так и отдельных её компонентов (рисунки, участки текста и т.д)

  • За русификатором, если он нужен отдельно топаем вот сюда: Мои русификаторы


    Палитра цветов и Выбор цвета

    Наверняка Вам приходилось попадать на страницы с ярко-салатовым, или ядовито-жёлтым фоном? А слабо прочитать на странице с тёмным фоном ядовито-жёлтый, зелёный, или или красный текст? И надо заметить, что любители таких вызывающих цветосочетаний как правило в большей-меньшей степени страдают психическими расстройствами, вплоть до шизофрении :-(
    Друз-з-зя!!! Берегите свои глаза и нервы своих посетителей !!!

    Paletters rus 580 Кб
    Набор цветовых палитр для WEB-дизайна HTML страниц.
    - Очень полезное пособие по подбору цветовой гаммы Ваших будущих страниц сайта.
    Существует порядка 16 миллионов цветовых оттенков и авторами этого пособия выбрано огромное количество приятных и спокойных цветов, в виде таблиц, их RGB и шестнадцатиричные коды, а всё это "добро" скомпилировано в файл HTML Справки.

    APE Цветик v6.2 rus 70 Кб
    Полезная утилита по подбору цветовой гаммы фона и текста будущих HTML страниц.
    - Позволяет визуально экспериментировать меняя цветосочетания фона/заливки, типы, размеры и цвета шрифтов для будущих страниц. Подбираемые цвета можно менять ползунками, или захватить его из любой точки монитора.

  • Отличное средство для подбора цветовой гаммы для ваших HTML страниц.

    EYE3 rus
    Небольшой и удобный сборщик и смеситель цветов.
    - Помогает быстро определить цвет любой точки на экране, проделать с ним некоторые операции, и представить цвет выбраного пиксела в разных, RGB и шестнадцатиричных кодах.
    EYE3 v1.5.5 rus 350 Кб (моя сборка)
    EYE3 v1.5.0 rus 350 Кб (моя сборка)

  • "ТРЕТИЙ ГЛАЗ" мне понравился больше всех, из перепробованных мною сборщиков цвета.

    Каждая из этих программ (на мой взгляд) по-своему интересна - размерами, возможностями, содержательными примерами и шаблонами, удобством понимания для начинающего юзера и т.д, так что дело только за Вами - скачивайте и начинайте "ваять".
    У Вас обязательно получится!

  • Новое на сайте:

    Помоги сайту !!!
    Ткни по рекламе: