Технологическая часть. 
Разработка технологии создания web-сайта

Инструкция по исполнению сайта

Для создания моего мы я поделила его на 4 части.

• 1. «logo»
• 2. «menu»
• 3. «content»
• 4. «footer»

Создаем первый html документ и называем его index.html.

И начинаем создавать наш сайт.

Sharq Telecom.

Затем создаем следующий html документ и назовем menu.html.

Sharq Telecom.

Главная

О компании

Миссия компании

Интернет

Телефония

Хостинг

Далее мы создаем content. html

Sharq Telecom

Компания «Sharq Telekom»

начала свою деятельность в июле 2003 года. Сегодня является одним из ведущих операторов сетей передачи данных в Узбекистане. Компания располагает необходимым техническим потенциалом для оказания услуг на современном уровне и реализации новых проектов.

С наступлением эры информационных и коммуникационных технологий каждый из нас стоит на пороге вхождения в мировое информационное сообщество и на этом фоне вполне естественным является желание компании «Sharq Telekom» соответствовать самым высоким требованиям, предъявляемым нашими клиентами.

Далее идет 5. html:

Sharq Telecom.

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

Компания осуществляет постоянный мониторинг всех систем связи. Служба технической поддержки действует круглосуточно.

Далее создаем 6.html.

Sharq Telecom.

Миссия компании

Мы создаем и расширяем возможности доступного и безграничного общения для жителей Узбекистана. Наши технологии приносят людям новые знания и новые возможности в любой точке Узбекистана.

Исключительный комфорт.

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

Искренняя забота о жителях.

Являясь национальным оператором, мы призваны и рады заботиться каждый день о наших жителях в любой точке страны. Связь должна быть у каждого жителя страны. Мы единственная телекоммуникационная компания в Узбекистане, для которой забота о народе важнее прибыли.

Высокие технологии.

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

Непрерывная ответственность.

Понимая важность и категорическую неотъемлемость коммуникаций в повседневной жизни людей и в повседневной деятельности организаций, мы несем непрерывную ответственность за наши услуги 24 часа в сутки, семь дней в неделю, 365 дней в году.

Дальше 2.html.

Sharq Telecom.

Интернет от «Sharq Telekom»

Основным направлением деятельности компании «Sharq Telekom» является предоставление Интернет-услуг для физических и юридических лиц.

В успешном ведении бизнеса и постоянном прогрессе компании в современном мире большую роль играет качественный интернет. Интернет провайдер «Sharq Telekom» предлагает высокоскоростное подключение к сети Интернет для Вашего офиса.

Для Вас предоставлены следующие тарифы: с ограниченным трафиком, с неограниченным трафиком, Unlimited с негарантированной скоростью, тарифы для доступа по TAS-IX. Представленные тарифные планы позволят выбрать Вам оптимальный вариант для Вашей компании. Помимо тарифных планов в разделе помещена информация о дополнительных услугах (ссылается на) компании, связанных с подключением к сети интернет для юридических лиц.

Sharq Stream — услуга передачи данных в сети Интернет для физических лиц по технологии ADSL с использованием существующей телефонной линии абонента. Доступ в Интернет по технологии ADSL предоставляется по существующей телефонной линии, с высокой скоростью. При этом телефон остается свободным, что делает данную услугу гораздо более привлекательной для населения, чем подключение к Интернет по технологии dial-up или по выделенной линии.

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

Предлагаем Вам более подробно ознакомиться с условиями подключения и тарифными планами услуги Sharq Stream!

Далее 3.html.

Sharq Telecom.

Услуги телефонии от «Sharq Telekom»

Надежная телефонная связь обеспечивает бесперебойную и быструю работу любого современного офиса. Компания «Sharq Telekom» предлагает Вам различные решения по предоставлению качественного доступа к телефонной сети, в зависимости от местонахождения Вашего офиса, имеющихся коммуникаций и потребностей в сфере телекоммуникаций.

перечень услуг нашей компании входит:

• ISDN-телефония;
• NGN-телефония;
• местная, междугородная и международная связь;
• многоканальный номер;
• корпоративный PIN-код.

Традиционная телефония от «Sharq Telekom»

• Наша компания осуществляет предоставление услуг традиционной телефонии.
• В нашем распоряжении находится своя цифровая АТС с присвоенной нумерацией начинающейся на 113.
• Предоставление номеров в данный момент возможно только в зоне действия АТС 244 и при наличии у абонента прямого провода от 244 АТС.
• При подключении нашего номера мы предоставляем нелимитированный по времени и доступ к звонкам по городу Ташкент.

Дополнительные услуги телефонии.

Многоканальный номер

Использование многоканального номера позволяет одновременно обслуживать несколько входящих вызовов. При этом дозвон осуществляется на единый номер, а нагрузка распределяется между определенным количеством оконечных устройств, которые находятся в офисе Клиента.

Услуга удобна для офисов крупных компаний и организаций информационно-справочных служб, на номера которых поступает значительное количество телефонных звонков клиентов. Вашим клиентам надо запомнить только один телефонный номер, который не изменится даже в случае переезда Вашего офиса на другой адрес!

Абонентская плата за каждый дополнительный канал составляет 8 $/месяц.

Корпоративный PIN-код.

Услуга корпоративного PIN-кода представляет собой универсальное средство доступа к междугородней и международной связи как для юридических так и для физических лиц. Условием использования данной услуги является наличие у клиента номера телефона городской АТС и телефонного аппарата, обладающего возможностью тонального набора номера.

Удобство данной услуги заключается в следующем:

• постоянный неповторимый ПИН-код, который выдаётся нами после подписания договора на обслуживание;
• возможность пополнять баланс любой суммой денег;
• возможность доступа к международной связи даже при условии закрытого выхода на межгород (восьмерка) со стороны ГТС с АТС любого типа и сотовых телефонов. При этом любой звонок клиента тарифицируется ГТС как местный звонок.
• первые 6 секунд связи не тарифицируются
• круглосуточная служба технической поддержки клиентов

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

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

Для получения более подробной информации по условиям предоставления услуги обращайтесь в отдел продаж.

Далее 4.html.

Sharq Telecom.

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

Компания «Sharq Telekom» поможет разместить и поддерживать Ваши web-ресурсы. Мы предлагаем следующие типы размещения:

• виртуальный хостинг;
• VDS / VPS;
• collocation.

Затем создаем верхний заголовок и бегущую строку и называем html документ logo.html.

Sharq Telecom.

Sharq Telecom

Телефон для справок. . (+998 71) 113 — 00 00.

Уважаемые абоненты!

Уведомляем вас о переходе АТС 253/280, 251/215, 216/217, 242/249/227 на новую биллинговую систему 19 февраля 2014 г.

И последний html документ назовем footer. html в нем находится нижняя часть нижний заголовок и выглядит оно так:

Sharq Telecom.

Наш адрес в Ташкенте: Проспект Навои, Д. 6.

Телефоны:(+998 71) 113−00 00 Розничные услуги: 113−00 01. Корпоративные услуги: 113−00 02. Отдел продаж: 113−00 03.

Факс: (998 71) 113−13 02

Теперь я хочу дать информацию какие теги, атрибуты я использовала во всех html документах:

Элемент.

Элемент предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать .

Тег.

Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги и. Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент. Закрывающий тег должен всегда стоять в документе последним.

Атрибуты.

Title — Добавляет всплывающую подсказку на веб-страницу.

Manifest — Указывает файл манифеста, необходимый для создания оффлайнового приложения.

Xmlns — Указывает пространство имен для XHTML-документов.

Тег.

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

Содержимое тега не отображается напрямую на веб-странице, за исключением тега устанавливающего заголовок окна веб-страницы.

Внутри контейнера допускается размещать следующие элементы:, ,, ,, ,, .

Тег.

Определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью тега. С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Тег заменяет собой элемент на веб-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.

АТРИБУТ.

Задает высоту или пропорции фреймов в структуре в виде строк. Если создаются несколько строк, то для атрибута rows необходимо установить определенное значение. Для этого используется три варианта:

• 1. размер в пикселах;
• 2. размер в процентах от доступной ширины фрейма;
• 3. символ звездочки (*), который обозначает всю свободную ширину, оставшуюся после указания размеров в пикселах или процентах.

Удобство использования атрибута rows совместно со значением * состоит в том, что фрейм можно определить в нижней части окна браузера. Когда требуется создать равномерную сетку фреймов, используйте в теге одновременно атрибуты rows и cols. Для более сложной структуры необходимо вкладывать один тег внутрь другого.

АТРИБУТ.

Задает размеры или пропорции колонок фреймов в структуре. Если создаются несколько колонок, то для атрибута cols необходимо установить определенное значение. Для этого используется три варианта:

• 1. размер в пикселах;
• 2. размер в процентах от доступной ширины фрейма;
• 3. символ звездочки (*), который обозначает всю свободную ширину, оставшуюся после указания размеров в пикселах или процентах.

Используйте значение в пикселах, когда требуется установить размер фрейма заданной ширины. Это особенно полезно для отображения содержания заданных размеров, например, изображения. Проценты удобно применять для пропорционального разделения фреймов, в этом случае, независимо от размера окна браузера пропорции будут сохраняться, главное, чтобы суммарная ширина колонок равнялась 100%. Если значения не составляют в сумме 100%, браузер отобразит фреймы, но ширина их будет установлена не точно. Наконец, если требуется отвести оставшееся место под фрейм, то используется символ звездочки. В этом случае браузер вычисляет ширину фрейма, когда размеры для остальных фреймов уже установлены. Допускается смешивать отдельные типы значения, перечисляя их через запятую. Тогда работа по расчету нужной ширины выпадает на долю браузера.

Атрибут SRC.

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

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

Тег.

Элемент определен внутри контейнера и инструктирует браузер относительно полного базового адреса текущего документа. Тег предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег, определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как, то при добавлении рисунков достаточно использовать относительный адрес. При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images₁₅₁/image_158 893.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как, то полный путь к файлу будет http://www.megasite.ru/images₁₅₁/image_158 893.gif.

Второе применение тега — задание целевого окна для всех ссылок на текущей странице.

Атрибут TARGET.

Вы можете определить окно, в которое будет загружаться веб-страница, открытая по ссылке. Для этого используется атрибут target, в качестве его значения указывается имя окна или фрейма. Если target не установлен, возвращаемый результат показывается в текущем окне.

ТЕГ.

Элемент предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера. К такой информации относится текст, изображения, теги, скрипты JavaScript и т. д.

Тег также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

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

Атрибуты.

ALINK-Устанавливает цвет активной ссылки.

BACKGROUND-Задает фоновый рисунок на веб-странице.

BGCOLOR-Цвет фона веб-страницы.

BGPROPERTIES-Определяет, прокручивать фон совместно с текстом или нет.

BOTTOMMARGIN-Отступ от нижнего края окна браузера до контента.

LEFTMARGIN-Отступ по горизонтали от левого края окна браузера до контента.

LINK-Цвет ссылок на веб-странице.

RIGHTMARGIN-Отступ от правого края окна браузера до контента.

SCROLL-Устанавливает, отображать полосы прокрутки или нет.

TEXT-Цвет текста в документе.

TOPMARGIN-Отступ от верхнего края окна браузера до контента.

VLINK-Цвет посещенных ссылок.

Тег.

Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Тег

Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Атрибут HREF

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

Тег

Тег

является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Тег

Тег устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца

, использование тега не добавляет пустой отступ перед строкой. Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега можно сделать так, чтобы следующая строка начиналась ниже элемента.

Тег

Тег предназначен для определения строчных элементов документа. В отличие от блочных элементов, таких как

,

или, с помощью тега можно выделить часть информации внутри других тегов и установить для нее свой стиль. Например, внутри абзаца (тега.

) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег и определить для него стиль текста. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

Тег

Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег в контейнер

. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0″ в тег .

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

Атрибуты.

Align — Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

Alt — Альтернативный текст для изображения.

Border — Толщина рамки вокруг изображения.

Height — Высота изображения.

Hspace — Горизонтальный отступ от изображения до окружающего контента.

Ismap — Говорит браузеру, что картинка является серверной картой-изображением.

Longdesc — Указывает адрес документа, где содержится аннотация к картинке.

Lowsrc — Адрес изображения низкого качества.

Src — Путь к графическому файлу.

Vspace — Вертикальный отступ от изображения до окружающего контента.

Width — Ширина изображения.

Usemap — Ссылка на тег, содержащий координаты для клиентской карты-изображения Тег.

Тег представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Атрибуты.

Color — Устанавливает цвет текста.

Face — Определяет гарнитуру шрифта.

Size — Задает размер шрифта в условных единицах.

Атрибут align.

Задает выравнивание содержимого колонок по горизонтали. Этот атрибут действует на все ячейки в колонке, в том числе и на заголовки таблицы, которые определяются тегом.

. Чтобы управлять выравниванием содержимого разных элементов воспользуйтесь стилями или устанавливайте атрибут align для отдельных ячеек таблицы. Left — Выравнивание контента по левому краю. Center — Выравнивание по центру. Right — Выравнивание по правому краю. Justify — Выравнивание по левому и правому краю. Значение по умолчанию left. Тег. Тег. устанавливает маркированный список. Каждый элемент списка должен начинаться с тега . Если к тегу применяется таблица стилей, то элементы наследуют эти свойства. Атрибуты. Type — Устанавливает вид маркера списка. Тег. определяет отдельный элемент списка. Внешний тег или устанавливает тип списка — маркированный или нумерованный. Атрибуты. Type — Устанавливает вид маркера нумерованного или маркированного списка. Value — Число, с которого будет начинаться нумерованный список. Тег. Элемент. служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов и . Внутри допустимо использовать следующие элементы:, ,, ,. Атрибуты. Align — Определяет выравнивание таблицы. Background — Задает фоновый рисунок в таблице. Bgcolor — Цвет фона таблицы. Border — Толщина рамки в пикселах. Bordercolor — Цвет рамки. Cellpading — Отступ от рамки до содержимого ячейки. Cellspacing — Расстояние между ячейками. Cols — Число колонок в таблице. Frame — Сообщает браузеру, как отображать границы вокруг таблицы. Height — Высота таблицы. Rules — Сообщает браузеру, где отображать границы между ячейками. Summary — Краткое описание таблицы. Width — Ширина таблицы. Тег. Предназначен для создания одной ячейки таблицы. Тег. , который в свою очередь располагается внутри тега. Тег. , который в свою очередь располагается внутри тега. Тег. Тег создает бегущую строку на странице. На самом деле содержимое контейнера не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т. д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение. Первоначально тег был предназначен только для браузера Internet Explorer, но современные версии других браузеров также понимают и поддерживают этот тег. Атрибуты. Behavior — Задает тип движения содержимого контейнера . Bgcolor — Цвет фона. Direction — Указывает направление движения содержимого контейнера . Height — Высота области прокрутки. Hspace — Горизонтальные поля вокруг контента. Loop — Задает, сколько раз будет прокручиваться содержимое. Scrollamount — Скорость движения контента. Scrolldelay — Величина задержки в миллисекундах между движениями. Truespeed — Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay. Vspace — Вертикальные поля вокруг содержимого. Width — Ширина области прокрутки. И так я показала и рассказала какие теги, атрибуты я использовала в своей работе так я научилась создавать сайт, таблицу как менять шрифты, как перемещать текст по центру, левому, правому краю, по ширине. Как создавать гиперссылки, каким цветом нужно отметить что бы вышло иначе. Как создать бегущую строку и далее. , , , и должен размещаться внутри контейнера Предназначен для создания одной ячейки таблицы. Тег. должен размещаться внутри контейнера