В этой статье предлагается один очень интересный способ, с помощью которого можно очень быстро сделать себе очень даже неплохой сайт с хорошим дизайном. Рекомендации будут касаться только создания сайта на html, но это не значит что это будет какой-то простой и невзрачный сайт, дизайн будет хороший, Вы его сами выберите, а вот главное чем Вы его потом наполните - от этого будет зависеть интересность сайта. Эта статья скорее всего будет раскрывать кое-какие секреты, и может даже нарушит понятие индивидуальности дизайна оригинальных сайтов, на создание которых тратятся не малые деньги и время, но советы то касаются только html, так что многие веб-мастеры могут не переживать, т.к. языков программирования, на которых пишутся сайты и дизайны к ним, достаточно много.

На этот раз для создания сайта мы будем использовать другой html-редактор, отличный от того, который рекомендуется в разделе "Создание сайта" меню этого сайта, сейчас мы рассмотрим редактор Microsoft Office FrontPage, из пакета программ MS Office. Обычно эта программа не идет вместе с Wordом и Excelем в одном пакете, скачивать ее нужно отдельно, но она тоже относится к роду таких программ, ведь все программы пакета MS Office - это различные редакторы, и Front Page тоже относится к этому виду прог, только на этот раз редактировать будем html-коды сайтов, а также графику страниц и т.п. Этот редактор по нашему мнению является идеальным для редактирования html-кода сайта, так что все, что нужно, всегда находится под рукой. Но конечно же если Вы до этого пользовались другим редактором, то Вам будет сложно привыкнуть к этому. Версию программы выбираем MS FrontPage 2003, можете использовать и версию 2007 года, но мы рекомендуем лучше 2003. Скачать ее можете где угодно, в сети очень много мест где это можно сделать. Скачиваете, устанавливаете, запускаете.

Теперь определяемся с дизайном нашего будущего сайта - для этого просто полазьте по Интернету и найдите какой-нибудь сайт, у которого очень красивый и подходящий для Вашего сайта дизайн. Только не выбирайте слишком сложные сайты, которые в основном состоят из флеш-картинок, или вообще весь сайт написанный на флеше. Во-общем, можете найти абсолютно любой сайт, который Вам понравится, и первый эксперимент по быстрому созданию своего сайта проведете на нем. Сайт нашли? Отлично, переходим к следующему абзацу.

Запускаете FrontPage 2003, заходите в пункт феню Файл/Открыть. Переключаетесь на браузер, в котором уже должен быть загружен выбранный Вами сайт, загружена должны быть именно главная страница, то есть адрес должен быть вида http://mysite.ru/, не http://mysite.ru/index.html, не http://mysite.ru/index.php и т.п., должен быть только домен. Вот теперь берете и копируете адрес сайта, переключаетесь на FrontPage 2003 и там в окошке Открыть вставляете скопированный адрес выбранного сайта. Когда сайт загрузится нажмите внизу на кнопку "С разделением", она находится между кнопками "Конструктор" и "Код" - нажав на эту кнопку Вы будете видеть вверху страницы html-код сайта, внизу - сам вид этого сайта в Интернете. Учтите, что флеш и анимация в FrontPage 2003 не загружается - она есть, но видно будет ее только после загрузки страницы на хостинг. Вообщем, дождались загрузки сайта, кликнули на "С разделением". Теперь переходим в меню Файл/Сохранить как...и сохраняете загруженную страницу в какой-нибудь папке(лучше создать новую там же, к примеру, под названием Mysite), называем его, к примеру, site.htm. Теперь снова в меню Файл/Создать, и в правом всплывшем меню в разделе Создать страницу жмёте на "Пустая страница". Далее переходим в окно уже загруженного сайта, который мы минуту назад сохраняли, кликаем где-нибудь в верхнем поле кода и жмем комбинацию клавиш по очереди - сначала Ctrl+A, потом Ctrl+C - этим мы выделили весь код страницы и скопировали. Теперь возвращаемся в окно пустой новой страницы, тоже кликаем к поле кода и жмём Ctrl+A и Ctrl+V по очереди - этим мы заменяем ненужные теги в пустой страницы на весь код скопированной страницы нашего будущего сайта, другими словами - Выделить всё и Вставить. Кликните в нижнем поле чтобы увидеть уже наш будущий дизайн. Теперь Файл/Сохранить как... и сохраняем нашу уже не пустую страницу как index.html, Далее выскочит окошко предлагающее сохранить рисунки и элементы сайта, Вы жмете на кнопку "Сменить папку", переходите в папку, где Вы сохранили index.html, там создаете папку images, и указываете эту папку images как ту, в которой будет хранится графика сайта. Теперь тот файл site.htm, который мы сохраняли самым первым можно уже удалять, дизайн уже Вашего сайта наполовину готов.

Далее, уже после удаления site.htm, переходим к редактированию нашего сохранённого index.html. Первичное редактирование заключается в том, чтобы удалить все старые связи этого дизайна со старым, с которого Вы его взяли. Для этого ищите в самом вверху верхнего поля кода сайта такие теги как:

- здесь удаляете все слова между кавычками какие есть, и вставляете между ними свои - это поле ключевых слов Вашего сайта, т.е. это такие слова, которыми Вы можете охарактеризовать содержимое Вашего сайта. Первым словом обязательно должно идти главное слово, которое Вы используете на сайте чаще всего, далее другие слова, которые как Вы думаете будут интересны другим людям. Интересны ли будут эти слова другим людям можете узнать пройдя по ЭТОЙ ССЫЛКЕ. Все ключевые слова должны писаться через запятую. Если Вы еще не знаете о чем будет Ваш сайт то можете оставить это поле пустым.
- тут все просто - вместо значения в кавычках вписываете имя автора сайта.
- это метатег описания сайта, в котором можно указывать общее описание своего будущего сайта, о чем он и что он предлагает. Можете просто скопировать сюда все ключевые слова, только смотрите чтобы Главное ключевое слово использовалось либо первым, либо вторым в описании.
... - название Вашего сайта, то которое будет отображаться в браузере в самом вверху окна как название. Тут тоже используйте Главное ключевое слово в первых трех словах.

Так, с главными тегами закончили, теперь просмотрите весь код сайта, а также сам дизайн - Вы можете удалять элементы сайта как из поля код, так и с поля визуального вида страницы. Во-общем, просмотрите всю страницу и поудаляйте или поизменяйте все данные, связанные с тем сайтом, с которого Вы брали дизайн. Обязательно не забудьте удалить все счетчики. Теперь, поудаляв все ненужное и добавив что-то нужное в дизайн, наполните эту страницу содержимым, т.е. текстом, картинками... ну чем угодно, что Вам нужно. Вы заметьте - Вы ведь наполняете страницу index.html, а это на всех серверах и хостингах считается главной страницей сайта. Т.е. все что Вам нужно - оформите index.html как главную страницу своего сайта. Сохраняете, закрываете.

Теперь можете отдохнуть и оценить результаты своей работы - просто запустите свою index.html через браузер, увидите как будет отображаться страница в браузере. Но лучше все таки, если вы уже купили домен и хостинг, выложите свою страницу index.html и папку images в корневую папку сайта на хостинге, и можете запускать свой сайт - там Вы сможете увидеть лишние элементы, которые не видно при обычном просмотре в браузере - их нужно будет поудалять в index.html и снова выложить в корневую папку, т.е заменить. Как вылаживать сайт на хостинг можете узнать более подробно ЗДЕСЬ.

Проделав все корректировки главной страницы Вашего сайта и устранив все дефекты можете приступать к созданию внутренних страниц. Ссылки на них будут размещаться на главной странице сайта index.html, обычно в меню сайта, его расположение Вы должны спланировать заранее. Чтобы создать внутреннюю(вторую) страницу откройте файл index.html в редакторе и при помощи Файл/Сохранить как...сохраните его под другим именем в той же папке, что и index.html, к примеру pervaya.html. Ну и напоняете необходимым содержанием(контентом). Также поступаете и при создании последующих страниц. Связываете все страницы либо через меню сайта, либо ссылками между собой.