Как написать веб страницу?

2 ноября 2014 г. Просмотров: 902 Инструкции
Писать сайты под силу каждому, а обучение этому ремеслу начинается с создания простых веб-страниц. Специального оборудования для работы не потребуется – достаточно стандартного пакета программ.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - программа «Блокнот»;
  • - Adobe Photoshop.

Инструкция

  • На локальном диске заведите папку, в которой будет сохранен ваш сайт. Держать документы на рабочем столе нецелесообразно, при перестановке системы файлы уничтожатся. А если перенести созданные web-страницы потом, то необходимо будет менять пути ко всем ссылкам.
  • Откройте блокнот, выберите команду меню «Сохранить как», пропишите имя файла с расширением html, например, Moi_sail.html. Названия лучше прописать латинскими буквами, чтобы они отображались корректно. Выберите созданную для сайта папку на компьютере, в которую хотите сохранить страницу.
  • Закройте блокнот – на его месте должен появиться значок браузера, в противном случае перепроверьте правильность расширения. Если оно неверное, удалите файл и на его месте создайте новый.
  • Правой кнопкой мыши щелкните по значку и выберите команду «Открыть как», в выпавшем списке найдите «Блокнот».
  • Пропишите основные теги, являющиеся основой для любой web-страницы. У вас должны присутствовать следующие из них.голова сайтатело сайта
  • Запомните основные теги, а лучше на первое время приготовьте шпаргалку. Такую информацию можно почерпнуть на многих сайтах, например, на http://htmlbook.ru/ или http://html.manual.ru/. Большинство тегов следует «закрывать», т.е. дублировать со слешем:Этот участок текста будет написан полужирным начертанием, а этот – нет.
  • Видимая часть страницы прописывается между тегами , в голову включаются стили, некоторые оформительские элементы для браузеров и прочие атрибуты. Вам, скорее всего, понадобятся следующие теги:- - значок в окне браузера;- - таблица, - колонка, - строка, background – фоновое изображение;- - вставка изображений;- - вставка ссылок.
  • Для картинок понадобится отдельная папка. Все иллюстрации пропускайте через графический редактор Adobe Photoshop и выбирайте команду «Сохранить для web» в папку Images, которая будет создана автоматически.
  • Оцените статью!