Создать собственный сайт сейчас может практически любой «школьник», нужно лишь иметь достаточно желания. Теоретически, то, что получится у этого «школьника», можно назвать сайтом. Но, как показывает практика, такие «сайты» - просто бесполезны. Поэтому, советую вам заказать сайт у профессионала. А для тех, кто решил делать сайт самостоятельно, я расскажу, какими инструментами для создания сайта я пользуюсь, и что вообще нужно для создания сайта
http://sh.uploads.ru/t/FrW3U.png

ИНСТРУМЕНТЫ СОЗДАНИЯ САЙТОВ
Для создания современных сайтов обычно используются: HTML, CSS, JavaScript (или VBScript), FLASH, PHP (илиPerl) и реляционная база данных MySQL.
Клиентская среда (браузер, например, Internet Explorer) является передним краем работы приложения. В этой среде, отображаются HTML-страницы и обслуживаются истории сеансов HTML-страниц, отображаемых в браузере в течение сессии. Объекты этой среды, следовательно, обязаны иметь возможность манипулировать страницами, окнами и историей. Для этого и нужен клиентский язык - JavaScript.
При работе с сервером необходим язык PHP (или Perl) и реляционная база данных MySQL.
http://s3.uploads.ru/t/GOVv5.jpg

HTML – это не язык программирования и не язык оформления документов. Это, в первую очередь, средство разметки текста. Ваша первоочередная задача - разметить текст, описать с помощью тэгов его структуру, сказав: "Это - параграф, это - цитата, это - список, а это - раздел".

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

XHTKL - Язык XHTML представляет собой смесь XML и HTML, которая постепенно заменяет HTML

CSS (Cascading Style Sheets) - язык таблиц каскадных стилей. Он разработан для того, чтобы расширить возможности по оформлению Web-страниц
http://s7.uploads.ru/t/QHKWG.jpg

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

При использовании HTML и CSS важно понимать, следующее:

HTML-код формирует текст логически, т.е. задает структуры Web-страницы: расположение и порядок следования абзацев, графических изображений, строк и ячеек в таблице и особое значение отдельных фрагментов текста.
http://sd.uploads.ru/t/H2Tv6.jpg

Таблицы стилей CSS формируют тексты физически, т.е. задают представление Web-страницы: каким шрифтом будут набраны обычный текст абзацев, каким цветом выделить заголовки, будут ли у таблицы рамка и пр.

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

К тому же, HTML-код, не загроможденный определениями стилей, становится более читабельным. Дело в том, что в HTML одновременно присутствуют теги логического и физического форматирования Web-страниц. Так, существуют теги выделения текста полужирным шрифтом и, также теги и выделения текста курсивом. Однако теги физического форматирования и просто выделяют текст (поэтому они признаны устаревшими и не рекомендованными к использованию), но теги логического форматирования и не просто выделяют текст, но и придают ему особую важность. Если загрузить Web-страницу в специальный Web-обозреватель для незрячих, то он прочитает текст Web-страницы вслух, выделяя при этом содержимое тегов и особой интонацией.

И еще. Каскадные таблицы стилей по сути своей не динамичны. Они позволяют определять, как будет выглядеть документ при загрузке и не более того. Но свойства Web-страниц, созданных с помощью CSS, можно динамически менять посредством языка JavaScript.
http://s7.uploads.ru/t/AtEkF.jpg

DOM (Document Object Model) – объектная модель документа, которая позволяет динамически менять Web-страницу, используя язык написания сценариев. DOM ставит каждому элементу или объекту, определенному с помощью атрибута ID (идентификатора объекта), функцию JavaScript. А с помощью таких функций можно управлять свойствами атрибутов объекта, заданных через CSS.

Атрибут ID поддерживается всеми видимыми HTML-тегами. Его значение уникальное собственное имя элемента на странице, то есть на странице не должно быть нескольких элементов с одним id, в отличии от элемента class, который является вольным признаком для нескольких элементов. ID – основное понятие динамического HTML (DHTML). С его помощью JavaScript определяет уникальный объект, и которым можно управлять с помощью JavaScript.

Динамический HTML – это коммерческий термин, придуманный для описания технологий, которые были введены в четвертой версии Web-браузеров и позволяли обходить ограничения HTML.

DHTML представляет собой комбинацию Web-стандартов:
CSS + JavaScript + DOM + ХHTML = DHTML где: CSS – определяет атрибуты объектов, JavaScript – изменяет объекты, DOM – находит объекты, ХHTML – создает объекты (выполняет разметку текста).

Созданная на основе DHTML страница может изменяться без обращения к серверу за дополнительными данными, т.е. представляют собой клиентский код (client-side-code), который в свою очередь, позволяет существенно увеличить интерактивность Web-страниц.

Преимущества DHTM:
• Поддерживается всеми браузерами.
• Использует стандартные технологии.
• Можно вносить изменения в Web-страницу после ее загрузки.
• Текстовые файлы DHTML загружаются быстрее, чем Flash и Java.
• Не требует модулей расширения.
• Прост в изучении.

Недостатки DHTML:
• Разный вид Web-страниц из-за несовместимости браузеров и операционных систем.
• JavaScript и CSS весьма чувствительны к ошибкам в синтаксисе.
• Ненадежная работа в связи с ошибками в браузерах. FLASH

FLASH
Flash одновременно является и программой (Flash, Macromedia Inc.) и файловым форматом (расширение .swf).
Преимущества Flash:
• Платформенная независимость, т.е. страницы, созданные при помощи Flash, выглядят одинаково в разных операционных системах и различных браузерах.
• Распространенность и предоставление дизайнерам огромное количество инстркментов.
• Правильно созданные Flash-файлы созданы правильно, они занимают мало места и достаточно быстро загружаются.

Недостатки Flash:
• Flash-технология сложна в изучении.
• Не желание многих пользователей Интернет обновлять версии проигрывателей Flash, и, следовательно, многие новые Flash-модули не работают
. • Проблемы с интерфейсом и его стандартизацией.
• Долгая загрузка из-за большого объема графических файлов.

Дизайнерам Web-сайтов часто приходится делать выбор между Flash и DHTML. Если DHTML позволяет работать с интерактивностью при помощи HTML, CSS и JavaScript, то Flash представляет собой некоторый объект, встраиваемый в HTML-страницу, и является отдельной Internet-технологией.
http://sg.uploads.ru/t/kCGz8.jpg

Если перед Вами стоит проблема выбора, просто определите, что будет размещено на вашем сайте:
1. Для использования на сайте эффектов мультимедиа больше подходит Flash.
2. Для сайтов с большим количеством текстов больше подходит DHTML и HTML.
Даже несмотря на значительные успехи Flash в использовании технологий печати страниц, он не может заменить HTML.