Главная
страница 1
Способы создания Web-сайта
Существуют разные способы создания сайтов. Можно выделить пять:
1) Универсальный. Пишем html-код странички от руки в стандартном блокноте Windows (Пуск> программы> стандартные> блокнот), не забываем сохранить файл с расширением .html или .htm (его дописываем прямо к названию файла через точку) (НЕ txt!) Естественно, тут нужно знать html :)
2) C помощью редакторов. Таковых существует множество, например, Microsoft FrontPage (визуальный и очень простой в обращении. Здесь уже знать html не обязательно), AceHTML, HomeSite...
3) C помощью обычного Word'a. Набиваете страничку, размещаете картинки, таблички... как на простом документе. Жмете: файл> сохранить как> тип: веб-страница.
4) На шаблонах. Сейчас в инете много разных шаблонов, которые можно скачать и отредактировать первым или вторым способом (см.выше)
5) C помощью конструкторов на готовых шаблонах за несколько минут в режиме on-line. См. narod.ru или ucoz.ru. Вообще, конечно, первый способ — лучший :)
Редакторы html
Небольшой обзор WYSIWYG-редакторов html

1) Adobe Golive Cs (HTML, CSS, JS, SSI, PHP, Java, Vbscript, C# )

2) Macromedia HomeSite

3) Macromedia Dreamweaver (HTML, CSS, JS, ASP, PHP, JSP)

4) Microsoft FrontPage (очень рекомендую тем, кто не хочет изучать html)

5) Namo WebEditor

6) CuteSite Builder (нет доступа к html-коду)

7) CoffeeCup VisualSite Designer (нет доступа к html-коду)

8) Acella

9) EasyWebEditor (нет доступа к html-коду)


PS самый простой редактор html/php страниц — блокнот винды :)
Структура Html-документа

Структура Html-документа или с чего начинается каждая страничка

Html-код страничек будем писать в обычном блокноте Windows (Пуск> программы> стандартные> блокнот).

После того, как весь код будет написан (см. ниже), не забываем сохранить созданный файл с расширением .html или .htm (его дописываем прямо к названию файла через точку), но ни в коем случае не .txt!

Отредактировать сохраненный html-файл можно следующим образом: открываем страничку в браузере и выбераем команду меню (для IE): вид> просмотр HTML-кода, после чего и откроется html-код выбранной странички в блокноте (но может открыться в другом редакторе. Все зависит от настроек браузера).
Рассмотрим структуру html-документа...
Самая первая строчка html-документа:

Лучше всего указывать метод strict, иначе под IE появятся разные виды глюков. Самый расспространенный — неверная интерпретация IE margin'ов и padding'ов: он их суммирует сверху к общей длине блока. Новичкам советую пока не заморачиваться по этому поводу)


Весь html-документ заключается в теги:
....
Добавляем голову html-документа — head:


....
В голову пишем заголовок нашего сайта в тегах title:




Заголовок.....




Затем добавляем мета-тег кодировки нашей странички (если пропустить этот важный момент, на вашем сайте возможно нежелательное появление иероглифов и других неопознанных объектов :) )





Заголовок.....






На самом деле существует еще множество интересных мета-тегов, но об этом позже)
Далее (после title) добавляем тело html-документа (здесь содержится весь наш сайт: картинки, таблички, тексты...) — body:





Заголовок.....



.......


Смотрите также:
Лекция №7 проектирование web-сайтов учебные вопросы: Этапы создания Web сайта
220.28kb.
1 стр.
Способы создания Web-сайта
247.65kb.
1 стр.
Проектирование web-сайта образовательного учреждения и размещение его в сети Интернет Разработка web-сайта
264.93kb.
1 стр.
Создание веб-сайта обычно проходит в несколько этапов
21.67kb.
1 стр.
Анализ эффективности работы web-сайта с применением методов иад
117.4kb.
1 стр.
1. Назначение и цели создания Сайта Назначение Сайта
110.74kb.
1 стр.
Техническое задание на разработку сайта этапы и сроки создания сайта
59.42kb.
1 стр.
Техническое задание на разработку промо-сайта этапы и сроки создания сайта
34.74kb.
1 стр.
Лабораторная работа №3 Объектно-ориентированная реализация Web-страниц в asp. Net
535.81kb.
7 стр.
Лабораторная работа №5 Использование Web сервисов xml в консольных приложениях и приложениях Windows Forms цель и задачи работы
284.97kb.
1 стр.
Инструкция по установке приложения «Удостоверяющий центр ммвб» Общая конфигурация. Система состоит из: web-приложения (сайта), базы данных, в которой web-приложение хранит свои данные
28.07kb.
1 стр.
Назначение и цели создания Сайта 3
454.94kb.
7 стр.