Свободные программы и создание сайта

Начинать знакомство с программами лучше всего параллельно с изучением материалов по созданию сайтов

Cайт - это прежде всего текст, текстовый материал который видит посетитель, теги HTML, позволяющие показывать картинки, фотографии, видео. Для написания тегов HTML, описания таблиц стилей (CSS), написания скриптов (JavaScript), подойдет текстовый редактор GVim (графическая версия Linux редактора Vim). Этот уникальный редактор понимает синтаксис большинства языков программирования, подсвечивает теги HTML и выражения CSS (практически Dreamviever во вкладке < Code > кроме подбора и подстановки значений, для обучения так даже лучше есть повод заглянуть в справочник).

Для написаня больших статей с картинками, фотографиями, таблицами, выделением жирным шрифтом и курси вом проще всего использоватьпрограмму редактор аналогичную MS Word, во первых с ней знакомят практически со школьной скамьи, ее изучают на различных компьютерных курсах. Альтернативой MS Office Word в моем случае стал Writer из пакета OpenOffice.org (или вариант от компании компании "Инфра-Ресурс")

Как вариант предлагаю выполнять в такой последовательности:

  1. Придумать (подобрать, создать с помощью генератора) шаблон будущего сайта;
  2. Подправить шаблон с помощью GVim;
  3. Набрать и оформить статью в Writer, сохранить в DOC или ODT;
  4. Расставить теги HTML
    • заголовки h1, h2, h3
    • параграфы p
    • выделения жирным шрифтом strong
    • выделения курсивом strong
    • описать таблицы table, tbody, tr, td
    • теги для фотографий и рисунков img
    • при необходимости неразрывные пробелы &nbsp; и переносы строк br
  5. Сохранить как текст (.txt)
  6. Открыть сохраненный документ GVim при необходимости добавить теги ссылок a
  7. Скопировать содержимое статьи в отведенное место в шаблоне, сохранить как HTML-документ
  8. Проверить как отображается в популярных браузерах (IE, Opera, FireFox, Chrome)

В рассмотренной последовательности не рассматривалась работа с графическими элементами дизайна сайта, поясню почему: во-первых это хорошая практика при изучении тегов HTML, при этом сайт можно сделать без применения сложной графики, задавая цветовые решения в таблицах стилей (CSS), во-вторых на первое время можно найти подходящий бесплатный HTML CSS шаблон и небольшими исправлениями доделать его под себя. в-третьих можно воспользоваться такими системами как Okis или uCoz, знание HTML пригодится и в них. И последний аргумент при таком подходе можно автоматизировать создание многостраничного сайта (но об этом позже).

Следующий момент при создании сайта - наполнение его картинками, в самом простом случае можно использовать готовые бесплатные текстуры и клипарты (например из раздела вебмастеру). Когда и этого покажеться недостаточно или захочеться поделиться фотографиями собственного производства стоит обратить свое внимание на графический редактор GIMP. Более подробно об использовании GIMP для обработки фотографий постараюсь описать на страницах сайта photo-travels.info.

Сейчас кратко рассмотрим основные инструменты GIMP с точки зрения дизайна сайта:

  • Возможность редактировать и сохранять в основных WEB форматах *.jpg, *.gif, *.png
  • Поддержка слоев
  • Поддержка текстур, кистей и градиентов от PhotoShop
  • Наличие собственных библиотек градиентов и текстур
  • Кадрирование и масштабирование
  • Поддержа шрифтов

Из недостатков хотелось бы отметить:

  • Нет оптимизации под WEB
  • Не показываются WEB-безопасные цвета

В любом случае графическое оформление данного сайта было выполнено в GIMP.

Обзор программ был бы неполным без таких нужных программ как FTP- и почтовый- клиенты. FTP-клиенты - Это программы облегчающие закачивание сайта на хостинг. Есть много разновиднестой я использовал кросплатформенную FileZilla. Для обратной связи с посетителями пригодиться почта и почтовый клиент у меня это Thunderbird от Mozilla.

Более подробно с программами познакомимся на практике.

Hosted by uCoz