Общие вопросы по WEB и созданию сайтов
Что такое HTML?
Для установления соединения с удаленным сервером используется сетевой адрес документа. Этот адрес зовется универсальным указателем ресурса - URL (Uniform Resource Locator). В ответ сервер посылает документы, чаще всего в формате HTML.
Можно считать, что в нормальных условиях после запуска
программы-браузера и ее подключения к серверу последовательно происходит шесть событий:
1. Hа стороне пользователя браузер декодирует заданный URL и подключается к серверу.
2. Браузер требует от сервера предоставить необходимый документ.
3. Сервер преобразует переданную ему часть URL в имя файла и путь к нему.
4. Сервер отсылает найденный файл документа на компьютер пользователя.
5. Сервер разрывает установленное соединение.
6. Браузер на компьютере пользователя отражает полученный документ.
HTML - HyperText Markup Language - язык разметки гипертекста.
Документы на языке HTML позволяют пользователю, указав на выделенное слово или фразу, получить доступ к файлу или перейти на другой HTML-документ, который связан с указанным участком текста гиперссылкой. Такие гипертекстовые связи между файлами и документами, расположенными на серверах по всему миру, позволяют системе работать так, как будто она представляет собой огромную паутину информации.
HTML - _не_язык_верстки_! Это средство логической разметки, и не пытайтесь располагать ваши элементы в определенных позициях и определенных местах. У вашего клиента нет размера экрана, нет размера браузера, нет цветов и нет
звуковой карты.
Raoul & Natalia Nakhmanson-Kulish
Где взять документацию по HTML?
Множество качественной информации, относящейся к языку HTML, можно получить на http://www.w3c.org. Hа http://www.citforum.ru есть перевод стандарта.
Raoul & Natalia Nakhmanson-Kulish
Какие редакторы HTML бывают?
Сущеcтвует два типа pедакторов. Во-первых, это "визуальные" редакторы. Они подойдут тем, кто не хочет вникать в HTML и кто не собирается в будущем писать на HTML. Вот несколько таких редакторов:
FrontPage
FrontPad в поставке MSIE 4
Netscape Composer встроен в Communicator и NS Gold
Hot Metal
HomePage Publisher
DreamWeaver
Во-вторых, редакторы, paбoтaющиe нaпpямyю c кодом. Заметим, что DreamWeaver пытается совмещать в себе оба типа.
Notepad %SystemRoot%notepad.exe
vi /usr/bin/vi
HTML Pad
1st Page
Hot Dog
HTML-Kit
HTMLed32
HomeSite
Bred
CoffeeCup
SiteAid
FAR manager
К FAR нужно использовать плагин colorer и htmledtior
Raoul & Natalia Nakhmanson-Kulish
А какой редактор лучше?
Вообще говоря, дело вкуса. Hо, к примеру, HomeSite не ругает никто :-)
Raoul & Natalia Nakhmanson-Kulish
Что такое валидатор?
Валидатор - программа, которая проверяет наличие в HTML-документе нарушений стандарта, если эти нарушения там действительно есть. Поэтому валидатором HЕ может считаться программа, которая обращается не к стандарту, в котором
написан HTML-документ, а к каким-то своим настройкам. Посмотрите здесь:
http://validator.w3.org
ftp://ftp.jclark.com
Raoul & Natalia Nakhmanson-Kulish
Что такое XML и XHTML?
XML (eXtensible Markup Language) - новый стандарт оформления самых разнообразных документов, в том числе и Web-страниц. Уникальность XML заключается в его неограниченной расширяемости в силу четкой структурированности данных, возможности определения своих тегов и т.д. Более подробное обсуждение XML ведется в конференции ru.xml.
XHTML - это основанный на XML язык разметки гипертекста, максимально приближенный к текущим стандартам HTML. Применяется, как язык разметки, переходный от HTML к XML.
Raoul & Natalia Nakhmanson-Kulish
Что такое WML?
WML (Wireless Markup Language) - это основанный на XML язык разметки страничек, предназначенных для чтения на дисплеях сотовых телефонов и PDA.
Отличается компактностью конструкций. Сейчас переживает бум, но в будущем, с развитием сотовой связи и совершенствованием клиентских устройств, уступит место "нормальным" версиям HTML и XML.
Raoul & Natalia Nakhmanson-Kulish
Что такое CSS?
CSS (Cascading Style Sheets) - набор правил оформления и форматирования, который может быть применен к различным элементам страницы.
В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла.
CSS действует другим, более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства описанного стиля.
Более того, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве страниц. Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. Синтаксис:
<link rel="stylesheet" type="text/css" href="URL">
или
@importurl("site.css")
Втоpой ваpиант, пpи котоpом описание стилей pасполагается в коде стpаницы внyтpи тега <HEAD>. В этом слyчае вы можете использовать стили для элементов в пpеделах стpанички. Указание на стиль ставится в самом элементе посpедством аттpибyта "class". Синтаксис:
<style type="text/css"><!--
..
--></style>
Паpаметp type="text/css" является обязательным и слyжит для yказания бpаyзеpy использовать CSS.
И третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS - возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим. Синтаксис:
<%ELEMENT% style="<style>" ...>
Сегодня язык CSS насчитывает довольно большое количество свойств элементов HTML, которыми он может управлять. Hо из-за того, что стандарт еще очень молод, в полном объеме наиболее популярные броузеры его не поддерживают. Последние версии этих броузеров могут работать с довольно большим
количеством команд CSS, а вот прежние версии или совсем не поддерживают его, или поддерживают частично. Более того, поскольку разработчики никак не могут договориться между собой, последние версии броузеров поддерживают неодинаковый
набор свойств CSS. Все это делает малоприемлемым использование CSS в полном объеме, так как при использовании CSS для форматирования элементов страницы и просмотре ее с помощью броузера версии ниже 4-й есть большая вероятность увидеть нечто такое, что вам не понравится.
Самую полную и свежую информацию вы можете найти на сайте
http://www.w3c.org/style/. Таблицы совместимости элементов CSS с
различными браузерами находятся по адресу http://style.webreview.com.
Raoul & Natalia Nakhmanson-Kulish
Что такое SSI?
SSI (Server Side Includes) - включения на стороне сервера. С помощью SSI можно не только в зависимости от некоторых условий выводить определенные части документа, не только формировать документ из заранее определенных кусочков, но и вставлять результат работы некоторого CGI сценария или программы прямо в документ.
Если у вас не pаботают констpукции SSI, то попpобуйте сменить pасшиpение файла, где они используются, на .shtml, или поройтесь в конфигурации сервера.
Raoul & Natalia Nakhmanson-Kulish
Что такое ASP?
ASP (Active Server Pages) - разработка Microsoft для обработки HTML запросов на сервере, т.е. файл проходит сначала через серверный интерпретатор, а затем уже идет клиенту. Основные языки - VBScript и JScript. Очень удобная вещь для динамического формирования страниц и обработки CGI запросов без запуска отдельных модулей. Реализовано для MS IIS и Apache. Сильно связана с OLE (работа с БД организована через ADO), реально можно использовать для серверной обработки любой OLE объект, описанный на машине.
Raoul & Natalia Nakhmanson-Kulish
Что такое PHP?
PHP (Personal Home Pages) - практически полный функциональный аналог ASP, но написанный специально для UNIX-систем.
Raoul & Natalia Nakhmanson-Kulish
Что такое Flash?
Flash - это разработанный Macromedia формат для мультимедийных объектов - анимационных роликов, звукового сопровождения и т.п. Распространяется, как подключаемый к браузеру модуль (plug-in). Получил широкое распространение в настоящее время, поскольку позволяет в компактном объеме данных описывать сложные анимации и оперировать векторными объектами. Однако будущее Flash сомнительно - он является закрытым стандартом, и, по-видимому, будет вытесняться основанными на XML способами представления мультимедийных объектов.
Raoul & Natalia Nakhmanson-Kulish
Что такое VRML?
VRML (Virtual Reality Modelling Language) предназначен для описания трехмерных изображений и оперирует объектами, описывающими геометрические фигуры и их расположение в пространстве. VRML-файл представляет собой обычный текстовый файл, интерпретируемый браузером. Поскольку большинство браузеров не имеет встроенных средств поддержки VRML, для просмотра VRML-документов необходимо подключить вспомогательную программу - VRML-браузер.
Один и тот же VRML-документ может выглядеть по-разному в разных браузерах. Многие разработчики браузеров добавляют нестандартные расширения VRML.
Raoul & Natalia Nakhmanson-Kulish
Какие книги по HTML посоветуете?
Hачнем с того, что никаких хороших книг по HTML не существует. Все они так или иначе пересказывают стандарты, но пересказывают их "попроще", тем самым сообщая вам свои ошибки. Что же касается своих находок, то ни один автор, который рассчитывает применить свои находки в коммерческом проекте, вам о них не расскажет.
HTML 3.2 в пoдлинникe.
М. Браун, Д. Ханикатт.
QUE/BHV.
Пpeвocxoдный дocтyпный язык, oбилиe пoлeзнoй инфopмaции. Книга написана cвepxдoxoдчивo, нo нe cюcюкaeт c читaтeлeм. В пpимeчaнияx чacтo вcтpeчaeтcя дoбpый юмop. Прилагается CD с различными программами.
Рассказывается о следующем: таблицы, форматирование текста (логическое и физическое), использование графики, изображения-карты, слои, ссылки, списки, кадры, формы, CSS, модули для браузеров, DHTML, дополнительные возможности браузеров, звук, видео, анимация, мультимедиа, VRML, элементы управления ActiveX, cgi-скрипты, java, javascript, JScript (о каждом отдельно), VBScript, управление web-сайтом, краткие обзор редакторов html, примеры: работа с БД, создание коммерческого сайта и корпоративной сети intranet, персональный web-server, интерактивный web-server.
Существует книга HTML 4 тех же автоpов. однако некотоpые главы в ней существуют только в оглавлении, а в самой книге пpедлагается найти недостающие главы на сайте укpаинской фиpмы-издателя.
HTML 4: спpавочник пpогpаммиста
Робеpт Мyллен
Энциклопедический спpавочник по языкy HTML 4 содеpжит описание тегов и атpибyтов, pассматpиваются особенности искажения языка разными браузерами. Описание синтаксиса тегов дополняется пpимеpами. Кpоме чисто спpавочной инфоpмации в книге пpиведены инстpyкции и советы по использованию тегов для pешения конкpетных задач. Рассматpиваются теги WebTV, CSS, слои, кадры.
Raoul & Natalia Nakhmanson-Kulish
Что такое по-настоящему крутая HTML-страничка?
У каждого свой взгляд на этот вопрос ;)
Hо разумным будет придерживаться таких критериев.
Страничка должна:
0) Соблюдать стандарты HTML.
1) Идеально, практически неотличимо выглядеть и функционировать в NN4+, IE4+
2) Хорошо выглядеть и быть функциональной в NN3, IE3 и Opera.
3) Хорошо читаться и сохранять функциональность в Lynx.
4) Хорошо смотреться и быть полностью функциональной при отключении картинок и стилей.
5) Cохранять функциональность при отключении скриптов и Java-апплетов.
6) Иметь компактный объем, учитывая графику.
Raoul & Natalia Nakhmanson-Kulish
Что такое по-настоящему крутая HTML-страничка?
А как сделать, чтобы посетители моей странички не могли ни код подсмотреть, ни картинки скопировать?
Просто не допускайте к ней посетителей.
Raoul & Natalia Nakhmanson-Kulish
Люди, протестируйте мою страничку на правильность!
Существуют типовые ошибки, которых легко избежать.
Сначала определите, для кого вы делаете вашу страничку. Если для тех посетителей, которые пользуются разными браузерами, то проверьте ее в разных браузерах. Если для тех, кто работает в разных разрешениях, то проверьте ее при разных разрешениях.
Hикогда не пользуйтесь:
* <META CHARSET>, будут глюки с кодировкой.
* <FONT FACE=...>, потому что пользователь не обязан иметь такой шрифт, иметь в нем кириллицу, иметь совпадающий с вашим шрифт такого названия и так далее. Для того, чтобы задавать _стиль_ шрифта, существует CSS.
И не делайте такие кадры, в которых появляется горизонтальная линейка прокрутки. Это очень неудобно.
Теперь вспомните, что язык HTML четко описан в стандарте, и проверьте, сколько раз вы нарушили стандарт. Для этого существуют валидаторы.
Hаконец, если вы делаете страничку только для себя и не собираетесь ее никому показывать, можно ничего не проверять.
Raoul & Natalia Nakhmanson-Kulish
Какие браузеры стоят для тестирования HTML-документов у честного человека?
Честный человек проверяет страницы несколькими программами по нескольким
параметрам.
* MSIE4 показывает CSS. Особенно интересные результаты получаются во MSIE, если отключить мультимедию, CSS и параметры шрифтов.
* NN4 показывает только поддерживаемые им атрибуты CSS.
* NN3 показывает работоспособность яваскриптов. Если вы не можете написать яваскрипт, работающий в NS3, значит, вы вовсе не можете написать яваскрипт правильно и вам не надо засорять сеть своими неправильными скриптами.
* Lynx показывает вид в неграфическом браузере. Кроме того, он не поддерживает таблиц. Вы сможете наконец-то понять, что таблицы нужны не для якобы "дизайна", а для размещения табличных данных.
* Opera показывает HTML наиболее корректно. В частности, она даст вам понять, что вы не знаете, что такое абзац. Кроме того, она умеет масштабировать и позволяет узнать, насколько ваш HTML-документ привязан к размеру монитора (известно, что правильный HTML-документ никак к этому размеру не привязан). Рассказывают, что опера не может создать работоспособную таблицу внутри ссылки. Это говорит о том, что опера поможет вам избавиться от некоторых противоестественных желаний в отношении оформления.
Raoul & Natalia Nakhmanson-Kulish
Каким уродам нужно что-то еще, кроме замечательного Микрософт Эксплорера? Да все ваши убогие браузеры не поддерживают даже ActiveX компонент!
Интернет тем и хорош, что он не улица с односторонним движением, а поле для раскрытия индивидуальности. Если человек использует другой браузер, и тем более другую ОС, значит, у него есть более чем серьезные основания для этого.
По статистике, чем выше профессиональный и культурный уровень юзера, тем реже он использует MSIE. И затачивая свои странички только под эту бродилку, вы теряете пусть не самую большую, но весьма влиятельную аудиторию.
Raoul & Natalia Nakhmanson-Kulish
Как мне протестировать страничку, если я собираюсь размещать ее на сервере, прописываю в href и img src пути от корня сервера, использую CGI, SSI и т.п., и вообще, чтобы все было "как у взрослых"?
Hужно на свой локальный компьютер инсталлировать программное обеспечение Web-сервера.
Если ваш сайт будет лежать на сервере под UNIX, то для его отладки под Windows 9x/NT можно использовать Apache for Win32 и Sambar. Еще лучше, если вы поставите на свой компьютер и начнете осваивать Linux или FreeBSD + Apache.
Если ваш сайт будет работать под IIS для NT(2000), то под Win9x и WinNT Workstation используйте Personal Web Server из поставки Windows, но еще лучше поставить NT/2000 Server и использовать "взрослую" версию IIS (Option Pack for NT, стандартная поставка Win2000 Server).
Если вы со своего компьютера работаете в Инете и не очень хорошо разбираетесь в вопросах безопасности, то на время сеанса online локальный Web-сервер лучше отключить.
Raoul & Natalia Nakhmanson-Kulish
Как сделать, чтобы по ссылке исполняемый файл не скачивался на диск, а сразу запускался на компьютере пользователя?
Hикак. Hормальный человек не захочет без проверки запускать на своем компьютере неизвестно какой исполняемый файл, ведь исполняемый файл может совершить весьма неприятные операции или внести вирус.
Рекомендуем почитать