Уроки Phptoshop, Linux, Windows 7
20 Май 2012, 13:53:52 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
Новости:
 
  Начало   Форум   Помощь Поиск Календарь Пользователи Downloads Войти Регистрация  
Страниц: [1]   Вниз
  Печать  
Автор Тема: Создание WWW страничек -- дело несложное.  (Прочитано 1564 раз)
0 Пользователей и 1 Гость смотрят эту тему.
John Parker
Гость
« : 22 Июнь 2010, 11:14:08 »

WEB-страничка -- это текст, который Вы хотите увидеть на экране плюс специальные флажки, форматирующие его.
Язык разметки страничек называется HTML (HyperText Markup Language); Существует международный стандарт HTML3.2, полностью описывающий все возможные флажки и их допустимые сочетания. К счастью, программы просмотра терпимы к нарушениям стандарта и ошибкам в синтаксисе: если они встречают флажок, который им незнаком, они делают вид что этого флажка вообще не было.
Файл, содержащий HTML документ должен иметь расширение .htm или .html
Для компоновки Web-страничек можно использовать любой текстовый редактор, сохраняющий "только текст", т.е. текст без символов форматирования, установки шрифтов и т.д. Например редактор Norton Commander-а, edit в DOS, Notepad или Write в Windows или vi в UNIX.
Картинки и другие нетекстовые компоненты НЕ ВСТАВЛЯЮТСЯ в документ непосредственно и хранятся отдельно. Вместо этого в текст вставляется ссылка, указывающая программе просмотра имя файла, содержащего картинку. Стандартно поддерживаются только фораты картинок GIF и JPEG.
Для создания страничек совершенно не обязательно иметь доступ к сети. Все известные мне программы просмотра (Netscape, Mosaic, lynx и т.д.) могут открыть файл с документом, находящийся на Вашем жестком диске. (В Netscape, например, для этого из меню "File" надо выбрать пункт "open File").

Минимальный (пустой) документ имеет вид:
<HTML>

<HEAD>
<TITLE> здесь заголовок ОКНА Netscape </TITLE>
</HEAD>

<BODY>
здесь собственно документ
</BODY>

</HTML>

Почти все флажки -- парные (как открывающие и закрывающие скобки), закрывающий флажок предворяется символом "/". Например, если Вы хотите выделить слово жирным шрифтом, Вы пишете <B>слово</B>. Здесь <B> и </B> -- флажки, указывающие программе просмотра как надо изображать обрамленное ими слово.
Большие и маленькие буквы не различаются, например <BR>, <Br> и
 совершенно равноправны и одинаково вызывают принудительный перевод строки в тексте. Часто действие флажков интуитивно понятно (для знающих английский):
<B></B> -- Bold (жирный)
<I></I> -- Italic (курсив)
<P></P> -- Paragraph (параграф)
Программа просмотра заменяет все последовательно идущие символы пробелов, табуляции и возврата каретки на единственный пробел.

Наиболее часто используемые флажки:
<P> </P> -- абзац
<BR> -- принудительный перевод строки
<H1> </H1>, <H2> </H2>, ... <H6> </H6> -- заголовки разных размеров
<IMG src="имя_файла.gif"> -- вставить картинку.
мастерская -- сделать слово "мастерская" гипертекстовой ссылкой на сервер openWEB.
Последние два флажка иллюстрируют важный факт: кроме своего имени флажки могут содержать (и часто содержат) один или больше параметров. Например, чтобы вставить в документ картинку, я не просто указал флажок <IMG>, а еще и снабдил его параметром SRC="имя_файла.gif", (без которого флажок <IMG> особого смысла, надо полагать, не имеет). Часто параметры необязательны и служат для уточнения внешнего вида элемента:
<HR> изображается как горизонтальная канавка,
________________________________________
<HR NOSHADE> -- горизонтальная полоска,
________________________________________
<HR WIDTH=50%> -- горизонтальная канавка шириной в половину экрана.
________________________________________
Таким образом, создание гипертекстового документа -- простая и приятная работа:
1.   Вы создаете минимальный документ,
2.   Вставляете внутрь флажков <BODY></BODY> Ваш текст
3.   Размечаете текст (параграфы, заголовки и т.д)
4.   Вставляете ссылки на картинки
5.   Вставляете гипертекстовые связи
6.   Загружаете готовый документ в программу просмотра
ГОТОВО!


Записан
Уроки Phptoshop, Linux, Windows 7
   

 Записан
Страниц: [1]   Вверх
  Печать  
 
Перейти в:  



* Счетчики
Наша Кнопка

Powered by SMF 1.1.16 | SMF © 2006-2009, Simple Machines | Sitemap
SimplePortal 2.3 © 2008-2009, SimplePortal