Подход к созданию веб-сайта (окончание)

Для описания информационных данных используется расширяемый язык разметки (extensible Markup Language — XML), предоставляющий средства создания данных, описывающих самих себя. То есть, дескрипторы расширяемого языка разметки (XML tag) предназначены не для отображения информационных данных, а для создания структуры данных.

Для перехода со страницы на страницу и отображения на мониторе страниц сайта программный код HTML титульной страницы должен содержать ссылки на остальные страницы. В рассматриваемой задаче создания сайта “Производство изделий с криволинейной поверхностью” таких ссылок шесть: href=”Metod2.htm”, href=”Algoritm2.htm”, href=”Model2.htm”, href=”Telo2.htm”, href=”Instrument2.htm”, href=”Izdelie2.htm”.

Программный код страницы сайта должен содержать дескрипторы: <html> </html>, <head> </head>, <body> </body>. Дескрипторы <head> </head> и <body> </body> располагаются внутри дескриптора <html> </html>.

Дескриптор <head> </head> содержит дескрипторы <meta http-equiv=”content-type” content=”text/html; charset=windows-1251″/>, <title>Manufacturing</title>,

<style type=”text/css”> img {border:0;} </style>, передающие браузеру служебную информацию для воспроизведения любой страницы на компьютере.

Внутри дескриптора <body> </body> содержится дескриптор <table cellpadding=”0″ cellspacing=”0″> </table>, формирующий ряды и графы таблицы. Дескриптор <tr> <tr> формирует ряд (строку) таблицы, а дескриптор <td> </td> описывает графу (ячейку) в создаваемой строке.

Если в какой-либо графе строки в единую ячейку объединяются колонки таблицы, то в соответствующем дескрипторе <td> </td> указывается параметр colspan=”n”, где n — количество объединяемых колонок в одну графу. Например, <td colspan=”3″> </td>.

Если в какой-либо графе объединяются ряды таблицы в единую ячейку, то в соответствующем дескрипторе <td> </td> указывается параметр rowspan=”n”, где n — количество объединяемых рядов в одну графу. Например, <td rowspan=”7″> </td>.

Для вывода на экран монитора графического фрагмента страницы используется дескриптор <IMG>. Например, <tr><td colspan=”2″><IMG src=”21.gif”></td></tr>.

В дескрипторах <td> </td>, описывающих возможность перехода на другие страницы, вводится дескриптор <a > </a>, содержащий ссылку на соответствующую страницу. Например, <tr><td><a href=”Metod.htm”><IMG src=”41.gif”‘></a></td></tr> Название страницы указывается в дескрипторе <title> </title> дескриптора <head> </head> программного кода каждой страницы.

Графические фрагменты и файл с программным кодом титульной страницы сайта рекомендуется разместить в одной папке, например, SitePrlzd. Графические фрагменты других страниц рекомендуется разместить также в одной папке, имеющей другое название. В решаемой задаче для сайта “Производство изделий с криволинейной поверхностью” такая папка имеет название ElementiStraniciWeb. Папку ElementiStraniciWeb и файлы с программным кодом других страниц помещают в папку SitePrIzd.

При выполнении разработанного программного кода HTML любым браузером на экране монитора отобразится соответствующая страница сайта. Активизируя графические фрагменты титульной страницы “Начало”, такие как “Метод”, “Алгоритм”, “Модель”, “Твердое тело”, “Инструмент”, “Изделие”, можно перейти на нужную страницу сайта. Так, например, переход на страницу “Изделие” завершается ее отображением.

При анализе первоначального изображения страницы, например, “Изделие”, видно, что необходимо устранить зазоры (пустые промежутки) между ее отдельными графическими фрагментами. Отладка изображения страницы достигается редактированием программного кода HTML.

Отладив все страницы сайта, необходимо определить ему доменное имя, под которым он будет зарегистрирован в Интернете, и разместить сайт на сервере провайдера.

Таким образом, предлагаемый подход и разработанная методика создания сайта состоят из следующих этапов:

  • разработка информационной структуры сайта;
  • выполнение эскизов страниц сайта;
  • деление эскизов страниц на геометрические фрагменты единой таблицы;
  • разработка кода страниц на языке гипертекстовой разметки документа;
  • отладка страниц сайта.

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

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.