Создание сайта

     Разработка  комбинированных Web-страниц

     Конечно, не обязательно, чтобы Web-страницы были полностью фиксированными или гибкими. Можно разработать страницу, объединяющую оба подхода.

     Один  общеизвестный метод заключается  в том, что создается разметка фиксированной страницы с использованием таблиц, а затем производится ее центрирование на странице таким  образом, чтобы при выводе на большие  дисплеи она выглядела более  сбалансированной (избегая эффекта  пустого экрана с правой стороны). При использовании этого метода невозможно точно расположить таблицу  относительно фонового изображения.

     Другой  подход заключается в использовании  таблиц или групп фреймов, которые  состоят из столбцов (или фреймов), заданных комбинациями абсолютных и  относительных размеров. В этом случае при изменении размера окна один столбец или фрейм сохраняет  прежнюю ширину, в то время как  остальные изменяют размер и заполняют  свободное место.

     Стратегия разработки

     Определив, какие браузеры использует большинство  посетителей вашего сайта, вы сможете  решить, какие теги HTML и Web-технологии целесообразно использовать в вашей разработке. Точно так же можно определить, какую часть пользователей вы рискуете проигнорировать при использовании таких средств, как Java или JavaScript.

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

     Незначительная  часть разработчиков придерживается идеализированного представления  о том, что Web должен быть доступен всем. Также они могут считать, что способ внешнего представления должен находиться в руках конечного пользователя, а не автора. Они стремятся использовать только самый надежный, проверенный стандарт и убедиться, что страницы работают со всеми браузерами, включая Lynx и первые версии самых популярных браузеров.

     Еще одна группа разработчиков придерживается другой крайней точки зрения. Они  создают страницы только для самой  последней, новейшей версии популярных браузеров. Их не волнует, что страница не будет доступна для пользователей, использующих другие браузеры. Утверждение "посоветуйте им поставить новую  версию – это бесплатно" очень  часто звучит как оправдание такой  тактики. Кроме того, существуют авторы, которые работают только с последней  версией одного конкретного браузера. Заметим, что такой подход может  быть вполне разумным в рамках сетей  интранет.

     Большинство дизайнеров предпочитают идти на компромисс. В дизайнерских кругах распространена фраза о Web-страницах, которые "изящно деградируют" ("degrade gracefully"), что означает использование новейших технологий, подобных DHTML или JavaScript, таким образом, чтобы обеспечивать функционирование страницы и на более ранних версиях браузерах.

     Другой  удачный, но более трудоемкий подход – создать несколько версий сайта, рассчитанных на разные возможности  пользователей. Некоторые сайты  предоставляют пользователям самостоятельно решать, какую из версий они хотят  посмотреть. Часто при входе на сайт пользователя просят сделать выбор  между версией с полным набором  эффектов и просто текстовой или  между версиями – с фреймами и  без них. Такой вариант передает управление в руки пользователя.

     Еще более один подход – автоматический запуск версии, соответствующей типу браузера, который делает запрос. JavaScript может задавать действия в зависимости от используемого браузера. Кроме того, страницы могут быть скомпонованы в процессе работы для конкретного браузера серверными включениями (Server Side Includes).

     Независимо  от того, какой браузер выбран, одним  из условий успеха является правильное программирование HTML. Существует ряд онлайновых ресурсов, которые проверяют Web-сайт на соответствие различным показателям качества, включая совместимость с браузерами (или согласованность с HTML-спецификацией) вашей программы. Кроме того, имеются средства, проверяющие HTML-код на наличие ошибок. Наиболее популярные услуги по проверке качества HTML предоставляют:

     - Website Garage;

     - Net Mechanic;

     - Doctor HTML.

     Проверка  с использованием редакторов HTML. Базы данных совместимости браузеров и средства проверки HTML начинают прокладывать путь к авторскому инструментарию HTML. Так, GoLive Cyberstudio предоставляет полную базу всех тегов HTML, а также информацию об их поддержке браузерами. Еще более полезно средство "Check Target Browsers" инструмента Macromedia Dreamweaver. Авторы задают типы браузеров, для которых они разрабатывают сайт (Netscape 2.0, 3.0 и 4.0 и Internet Explorer 2.0, 3.0, 4.0, 5.0), a Dreamweaver проверяет, все ли теги и атрибуты поддерживаются выбранными браузерами. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

2. Описание  скрипта сайта.
1. Описание тегов.

 

     Сайты  создают  при помощи специальных  редакторов. Также, сайт, вполне реально  создать в обычном текстовом  редакторе  - «Блокнот».

Для описания тэгов  сайта мы взяли скрипт одной из страничек нашего сайта! 

Вот как это  всё выглядит:  

<html>

<head>

<title>Наши работы</title>

</head>

<body>

<body bgcolor="silver">

<center><table cellspacing="0"

<tr>

<td height="100" width="1000" bgcolor="white" colspan="2"><img src="Безимени-1.jpg"></td>

          </tr>

<tr>

<td height="600" width="800" bgcolor="white" valign="top"><font color="black"><br><center><img src="100_1070.jpg"></center><br><center><img src="теплица.bmp"></center><br><center><img src="решетка.bmp"></center>

<td width="200" bgcolor="white" valign="top"><font color="black"><a href="OCHER METALLSERVIS.html"><center><img src="knopka 1.png"></center></a><a href="novosti.html"><center><img src="knopka novosti.png"></center><a href="nashi raboty.html"><center><img src="knopka raboty.png"></center><a href="prais list.html"><center><img src="knopka prais.png"></center><a href="Obratnaya svyaz.html"><center><img src="obr svyaz.png"></center><a href="grafik raboty.html"><center><img src="grafik.png"></center><a href="kontakty.html"><center><img src="knopka kontakty.png"></center><a href="o kompanii.html"><center><img src="o kompanii.png"></center><br><center><img src="3021186_1278658996_small.jpg"></center><br><center><img src="bottom_banner3.gif"></center><br><center><img src="bottom_banner6.gif"></center><br><center><img src="bottom_banner5.gif"></center><br><center><img src="bottom_banner5.gif"><br><br><center><img src="bottom_banner8.gif"></a></td>

</tr>

<td height="100" width="800" bgcolor="white" colspan="2"><img src="банер.png"></td>

<tr>

<td height="70" width="800" bgcolor="white" colspan="2"><img src="baner 2.png"></td>

</table></center>

</body>

</html> 
 
 

HTML  <HTML> весь HTML документ </HTML>

Описание: Означает начало и конец HTML документа. Все HTML документы должны начинаться и оканчиваться этим тегом. 

HEAD  <HEAD> заголовочная часть </HEAD>

Описание: Указывает  начало и конец заголовочной части HTML документа. В частности здесь содержится название HTML документа. 

BODY  <BODY> текст, картинки и т.д. </BODY>

Описание: Указывает  начало и конец тела HTML документа (той части, которая должна отражаться на экране броузера). 

TITLE  <TITLE> название HTML документа </TITLE>

Описание: Название вашей HTML страницы. Это название будет  отражаться в самой верхней (системной  полосе броузера), а также будет использована поисковыми системами при индексировании ваших страниц. 

Картинки 

IMG  <img src=image.gif>

Описание: Указывает  параметры и источник картинки для  вставки в HTML документ. 

Ссылки 

A  <a href=page.html> текст ссылки или картинка </a>

Описание: Создание ссылок на другой HTML документ или часть  точку HTML документа (якорь), а также  создание якорей (или точек ссылок) в HTML документах. 

Форматирование  отдельных элементов текста

B  <B> текст </B>

Описание: Жирное начертание текста. 

  
 

I  <I> текст </I>

Описание: Наклонное  начертание текста. 

BIG  <BIG> текст </BIG>

Описание: Увеличенный  текст. Начертание текста увеличенным  шрифтом, по сравнению с тем, который  используется в данный момент. 

SMALL  <SMALL> текст </SMALL>

Описание: Уменьшенный  текст. Начертание текста уменьшенным  шрифтом, по сравнению с тем, который  используется в данный момент. 

STRIKE  <STRIKE> текст </STRIKE>

Описание: Зачеркнутый  текст. 
 
 
 

U  <U> текст </U>

Описание: Подчеркнутый текст. Пробелы между словами  тоже подчеркиваются.

Параметров  нет.  
 

           H1 - H6  <H1> текст заголовка </H1>

Описание: Эти  шесть тегов обозначают заголовки и предназначены для выделения заголовков и подзаголовков. Заголовки выделяются жирным шрифтом, до и после заголовка вставляется перенос строки. Отличие этих шести тегов друг от друга заключается только в размере шрифта, которым будет печататься заг 
 
 
 
 
 
 
 
 
 
 
 
 
 

3. Размещение  сайта в сети Интернет.

 

     Завершив  создание Web-узла, необходимо разместить его в Internet. Здесь возможны два варианта: первый — использовать компьютер, который вместе с Web-сервером и Web-узлом находится в вашем офисе и подключается к Internet по выделенной или коммутируемой линии; второй — воспользоваться для размещения Web-узла услугами специальных организаций.

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

На что  следует обратить внимание при выборе провайдера, размещающего ваш Web-узел на своем сервере?

Пропускная  способность каналов. Чтобы вашим  посетителям не пришлось слишком  долго ждать загрузки страниц, провайдер  должен обладать надежным высокоскоростным соединением порядка 1-2 Мбит в секунду. Поддержка сервером провайдера SSI (Server Side Includes, вставки на стороне сервера). Использование SSI позволяет Web-серверу вставлять небольшие объемы динамических данных непосредственно в пересылаемый пользователю HTML-документ. Запрошенная HTML-страница "просматривается" в поисках элементов SSI. Обнаружив такой элемент, сервер вставляет требуемую динамическую информацию. С помощью SSI можно включать один файл в состав другого, исполнять CGI-сценарии и передавать другую информацию. Необходимо уточнить, какие именно функции SSI поддерживаются на сервере провайдера. Поддержка сервером провайдера CGI-сценариев. CGI (Common Gateway Interface, общий шлюзовой интерфейс) — спецификация, позволяющая Web-серверу выполнять произвольные прикладные программы. В результате работы таких программ (сценариев, или "скриптов") создаются HTML-документы. С помощью CGI-сценариев могут приниматься данные от пользователя, они позволяют организовать диалог на Web-страницах, запросы к базам данных и т.д. Создать CGI-сценарий можно с помощью любого популярного языка программирования: Perl, Basic, C, C++, Pascal и т.п. Поддержка моментальной перекодировки. К сожалению, для русского языка в Internet при работе на разных платформах (Windows, Mac, Unix и т.д.) приняты различные кодировки. Чтобы пользователю было легко просматривать страницы, Web-сервер провайдера должен уметь автоматически перекодировать документы в зависимости от поступившего запроса. В противном случае либо содержание вашего Web-узла для некоторых посетителей будет нечитаемым, либо придется обеспечивать несколько копий Web-узла — по одной на каждую поддерживаемую кодировку. Способ обновления страниц. Обычно страницы обновляются по протоколу FTP (File Transfer Protocol, протокол передачи файлов). Некоторые FTP-клиенты позволяют работать с файлами на компьютере провайдера так же, как с собственным диском, — копировать, удалять, переименовывать и т.п.