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

Изложение процесса разработки технологии создания web-сайта посредством языка гипертекстовой разметки html, дизайна сайта: понятия web-страницы, web-сайта, web-браузера, их основные функции, назначение; таблица стилей CSS; структура и оформление сайта.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 27.03.2014
Размер файла 67,6 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Тег <SPAN>

Тег <span> предназначен для определения строчных элементов документа. В отличие от блочных элементов, таких как <table>, <p> или <div>, с помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль. Например, внутри абзаца (тега <p>) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег <span> и определить для него стиль текста. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

Тег <IMG>

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег <img>.

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

Атрибуты

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

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

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

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

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

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

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

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

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

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

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

Usemap - Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения

Тег <FONT>

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

Атрибуты

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

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

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

Атрибут align

Задает выравнивание содержимого колонок по горизонтали. Этот атрибут действует на все ячейки в колонке, в том числе и на заголовки таблицы, которые определяются тегом <th>. Чтобы управлять выравниванием содержимого разных элементов воспользуйтесь стилями или устанавливайте атрибут align для отдельных ячеек таблицы.

Left - Выравнивание контента по левому краю.

Center - Выравнивание по центру.

Right - Выравнивание по правому краю.

Justify - Выравнивание по левому и правому краю.

Значение по умолчанию left

Тег <UL>

Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.

Атрибуты

Type - Устанавливает вид маркера списка.

Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol> устанавливает тип списка - маркированный или нумерованный.

Атрибуты

Type - Устанавливает вид маркера нумерованного или маркированного списка.

Value - Число, с которого будет начинаться нумерованный список.

Тег <table>

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

Атрибуты

Align - Определяет выравнивание таблицы.

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

Bgcolor - Цвет фона таблицы.

Border - Толщина рамки в пикселах.

Bordercolor - Цвет рамки.

Cellpading - Отступ от рамки до содержимого ячейки.

Cellspacing - Расстояние между ячейками.

Cols - Число колонок в таблице.

Frame - Сообщает браузеру, как отображать границы вокруг таблицы.

Height - Высота таблицы.

Rules - Сообщает браузеру, где отображать границы между ячейками.

Summary - Краткое описание таблицы.

Width - Ширина таблицы.

Тег <TR>

Предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Тег <TD>

Предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Тег <marquee>

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

Первоначально тег <marquee> был предназначен только для браузера Internet Explorer, но современные версии других браузеров также понимают и поддерживают этот тег.

Атрибуты

Behavior - Задает тип движения содержимого контейнера <marquee>.

Bgcolor - Цвет фона.

Direction - Указывает направление движения содержимого контейнера <marquee>.

Height - Высота области прокрутки.

Hspace - Горизонтальные поля вокруг контента

Loop - Задает, сколько раз будет прокручиваться содержимое

Scrollamount - Скорость движения контента.

Scrolldelay - Величина задержки в миллисекундах между движениями.

Truespeed - Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.

Vspace - Вертикальные поля вокруг содержимого.

Width - Ширина области прокрутки.

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

2.2 Разработка дизайна сайта

Основная концепция

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

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

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

Графическая составляющая должна четко указывать на тематику сайта - «Мода для животных». Он должен быть легок для восприятия, иметь логически понятную навигацию. Сайт должен обладать оригинальными особенностями среди прочих сайтов данной категории.

Цветовое решение

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

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

Особенности восприятия цвета, основанные на ассоциациях, должны учитываться при проектировании любого объекта дизайн-графики. Если, объект рекламы рассчитан на зарубежного зрителя, то необходимо учитывать национальные особенности восприятия цветов, чтобы избежать неправильных визуальных толкований. Учитывать необходимо и психоэмоциональные состояния, обусловленные возрастом, социальным статусом и т.д.

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

Эмоционально-пространственные свойства самых распространенных цветов следующие:

* желтый - визуально удаляет, повышает, расширяет, раздражает; создает ощущение тепла, сухости, легкости, рыхлости; настроение бодрости, веселья;

* оранжевый - визуально приближает, утолщает; создает ощущение сухости, высокой температуры; настроение радости;

* фиолетовый - визуально снижает, сжимает; создает ощущение прохлады, прочности, массивности, густоты, эмоционально лишает воли; наводит грусть;

* синий - визуально снижает, укорачивает; создает ощущение холода, влажности, плотности; эмоционально делает пассивным; утешает, сосредотачивает, успокаивает; ленивый, антисептический, чистый;

* зеленый - визуально немного сужает, объединяет; создает ощущение холода; эмоционально успокаивает, уравновешивает; приятный, здоровый, натуральный;

* красный - визуально приближает, ограничивает; создает ощущение тепла, тяжести; возбуждает.

Замечено, что:

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

* белый - визуально раздвигает, расширяет, повышает; создает ощущение легкости и рыхлости; эмоционально оставляет равнодушным;

* черный - визуально приближает, уменьшает; создает ощущение угнетения тяжестью, густотой; эмоционально делает устойчивым; отчаяние, смерть, оригинальность, благородство, изящество, классический «стильный» цвет;

* серый - визуально ничего не меняет; создает ощущение безразличия; ощущение умеренности, солидности.

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

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

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

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

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

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

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

2.3 Структура сайта

На всех страницах сайта будет использован одинаковый шаблон:

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

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

2.4 Оформление сайта

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

1. фон - серый;

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

3. ссылки в основных меню - оранжевый на приглушенном сером фоне;

Подбор шрифтов

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

В компьютерных приложениях часто термином «шрифт» называют гарнитуру, а термином «размер» - кегль (например, Word).

Шрифты являются:

* одним из самых важных элементов дизайна сайта;

* элементом стиля;

* носителем информации;

* элементами концентрации внимания пользователя.

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

Для текстов на веб-странице используются мелкие шрифты размером от 7 до 12 пунктов. Удобство пользователя во многом определяются (кроме размера):

* гарнитурой,

* цветом фона,

* цветом текста,

* наличием вспомогательной графики,

* размером текстовой колонки и полей, межстрочным и межсимвольным расстоянием.

Самой легким для чтения в Интернете является гарнитура Verdana, которая создавалась именно для этой цели. Применяются также и такие простые и строгие гарнитуры, такие, как Arial, Courier, Tahoma и Georgia.

Каждый шрифт обладает своим характером, добавляющим эмоциональный посыл читателю. Так, например, шрифт Century Gothic очень похож на классический Arial, но буквы имеют более округлую форму и мелкие отличия в написании. Все буквы хорошо различимы и узнаваемы. Шрифт достаточно универсальный. Его можно использовать для написания статей в газетах и журналах, для изготовления баннеров, для ведения деловой переписки и документации.

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

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

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

Читать же текст на ярком фоне, а тем более на пестром фоне довольно затруднительно.

Одним из показателей комфортности чтения является ширина строки документа. Идеальная строка должна вмещать 50-70 знаков. Как при их большем, так и при меньшем их количестве скорость чтения замедляется и утомляемость повышается.

Для удержания взгляда на текстовой колонке страницы и устранения непроизвольных переводов взгляда на соседние колонки размер полей должен быть не менее 10% от ширины текстовой строки, практически достаточно порядка 7-10 символов.

Слишком малые межсимвольные и межстрочные расстояния значительно снижают комфортность чтения

Страницу можно разбить на две значимые зоны, на которых располагаются все элементы сайта Зона 1 - шапка сайта, 2 - информационная зона.

В свою очередь на первой из них располагаются элементы:

3 - логотип;

4 - основное меню;

Во второй области:

6 - дополнительное меню;

7 - основной контент;

8 - текстовый блок;

9 - дублирующая навигация.

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

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

Техническое задание и структурный проект приведены в приложении A.

Части оснащения ПК

Требования к аппаратным средствам:

· система должна полнофункционально работать на ПЭВМ, оборудованных процессорами семейства Pentium, Celeron, AMD Duron, Athlon XP с объёмом кэш-памяти не менее 128Кб и совместимых с ними материнскими платами;

· наличие оперативной памяти объёмом не менее 16 Мб;

· видеоадаптер с объёмом встроенной памяти не менее 256 Мб;

· привод накопителей на жёстких магнитных дисках, дисковод, привод CD-ROM и CD-RW;

· сетевая карта;

· принтер;

· Microsoft Office Access.

Характеристики:

§ Операционная система: Windows7;

§ Операционная память: 4,00 Гб;

§ Разрешение монитора: 1366х768;

§ Процессор:1,30 Ггц;

§ Видеокарта:Intel (R) GMA 4500MHD (1631Mb).

3.ТЕХНИКО-ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ

Главной задачей при составлении технико-экономического обоснования (ТЭО) является оценка затрат на инвестиционный проект и его результатов, анализ срока окупаемости проекта.

Составить ТЭО необходимо самому предпринимателю для понимания того, чего стоит ждать от проекта, а для инвестора ТЭО предпринимателя, запрашивающего инвестиции необходимо, для понимания сроков окупаемости вложенных денег. Разработка ТЭО может быть поручена как группе специалистов (в сложных проектах), так и может быть составлено и самостоятельно предпринимателем.

Цель дипломной работы состояла, в разработке базы данных «Рецепты уйгурской кухни», содержащей информацию об уйгурской национальной кухне. Говоря о стоимости создания базы данных, начать необходимо с определения ее внутренней себестоимости в самой компании. Все агентства продают время своих сотрудников, и определение себестоимости должно отталкиваться именно от этого фактора.

Для небольшой фирмы из 5 человек распределение статей расходов, как правило, выглядит так:

· ФОТ сотрудников - 45%;

· Производящие ресурсы - 15%;

· Менеджеры, обслуживающий и административный персонал - 3%;

· Условно-постоянные расходы - аренда офиса, техника и прочее - 10%;

· Налоги - 20%;

· Маркетинг и реклама - 7%.

Преимущество данного проекта в том, что проект выполнялся не фирмой, а одним человеком, и, следовательно, прибыль не будет делиться. Оценим стоимость проекта. Стоимость проектирования рассчитывается из расчета $25 за 1 час работы. Разработчик сам может устанавливать цену и обсудить это с заказчиком. Окончательную оценку по проекту можно дать только после просмотра макета и согласования технического задания по нему.

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

4. ТЕХНИКА БЕЗОПАСНОСТИ

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

1. поражение электрическим током;

2. механические повреждения;

3. электромагнитное излучение;

4. инфракрасное излучение;

5. опасность пожара;

6. повышенный уровень шума и вибрации.

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

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

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

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

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

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

2. Во избежание повреждения изоляции проводов и возникновения коротких замыканий не разрешается:

§ вешать что-либо на провода;

§ закрашивать и белить шнуры и провода;

§ закладывать провода и шнуры за газовые и водопроводные трубы, за батареи отопительной системы;

§ выдергивать штепсельную вилку из розетки за шнур, усилие должно быть приложено к корпусу вилки.

3. Для исключения поражения электрическим током запрещается:

§ часто включать и выключать компьютер без необходимости;

§ прикасаться к экрану и к тыльной стороне блоков компьютера;

§ работать на средствах вычислительной техники и периферийном оборудовании мокрыми руками;

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

§ класть на средства вычислительной техники и периферийном оборудовании посторонние предметы.

3. Запрещается под напряжением очищать от пыли и загрязнения электрооборудование.

4. Запрещается проверять работоспособность электрооборудования в неприспособленных для эксплуатации помещениях с токопроводящими полами, сырых, не позволяющих заземлить доступные металлические части.

5. Ремонт электроаппаратуры производится только специалистами-техниками с соблюдением необходимых технических требований.

6. Недопустимо под напряжением проводить ремонт средств вычислительной техники и периферийного оборудования.

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

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

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

10. Спасение пострадавшего при поражении электрическим током главным образом зависит от быстроты освобождения его от действия током.

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

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

Искусственное дыхание пораженному электрическим током производится вплоть до прибытия врача.

На рабочем месте запрещается иметь огнеопасные вещества

В помещениях запрещается:

1) зажигать огонь;

2) включать электрооборудование, если в помещении пахнет газом;

3) курить;

4) сушить что-либо на отопительных приборах;

5) закрывать вентиляционные отверстия в электроаппаратуре.

Источниками воспламенения являются:

1) искра при разряде статического электричества;

2) искры от электрооборудования;

3) искры от удара и трения;

4) открытое пламя.

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

Помещения с электрооборудованием должны быть оснащены огнетушителями типа ОУ-2 или ОУБ-3.

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

ЗАКЛЮЧЕНИЕ

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

Дипломная работа была выполнена по материалам одной из компании интернет-провайдера “Sharq Telekom”.

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

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

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

В ходе дипломного проектирования был создан сайт для “Sharq Telekom”, был выполнен предпроектный анализ, разработан структурный проект сайта, для чего было сформулировано техническое задание; и создана структура сайта.

С помощью Adobe Photoshop и CorelDraw был разработан дизайн сайта. Для этого была сформулирована основная дизайнерская концепция и определено цветовое решение

На созданном сайте имеются следующие разделы:

· главная

· о компании

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

· интернет

· телефония

· хостинг.

язык гипертекстовая разметка сайт

Список использованной литературы

1. www.google.ru/search

2. www.eos.ru

3. www.credonew.ru

4. www.ru.wikipedia.org

5. www.metod-kopilka.ru

6. www.yusto.ru

7. www.narod.ru

Размещено на Allbest.ru

...

Подобные документы

  • Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML и языка скриптов JavaScript. Программные средства, используемые при выполнении работы. Основные средства для создания сайта. Разработка CSS-файла (таблица стилей).

    лабораторная работа [31,0 K], добавлен 28.10.2010

  • Понятие сайта и их классификация - корпоративные, презентационные, тематические, интернет-магазины. Язык гипертекстовой разметки HTML и его средства разработки. Виртуальный web-сервер Denver и MySQL базы. Этапы разработки сайта и структура навигации.

    дипломная работа [2,4 M], добавлен 13.01.2015

  • Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.

    методичка [1,9 M], добавлен 06.07.2011

  • Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.

    контрольная работа [2,8 M], добавлен 02.12.2009

  • Экономическое обоснование создания программного продукта web-сайта мебельной компании. Применение гипертекстового языка разметки HTML, технологии CSS и JavaScript совместно с библиотекой JQuery. Использование Интернет-технологий в создании сайта.

    дипломная работа [8,1 M], добавлен 30.11.2014

  • Создание основы интернет-сайта - набора таблиц, которые расположены в нужном порядке. Использованные теги и их атрибуты. Кодовое оформление сайта, наложение второго слоя. Стильный текст в HTML. Использование скриптов для большей информативности сайта.

    методичка [813,6 K], добавлен 08.11.2013

  • Концептуальное проектирование сайта по онлайн-продаже кофе, его древовидная логическая структура страниц. Описание языка гипертекстовой разметки сайта HTML, особенности отображения HTML-тегов в браузерах. Создание формы заказа для онлайн-торговли.

    курсовая работа [2,2 M], добавлен 16.04.2017

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Назначение информационно-новостного сайта. Структура пользовательской и административной частей. Эмулятор Web–сервера Denwer 3. Типы данных, используемые в PHP. MySQL база данных. Каскадная таблица стилей CSS. Язык гипертекстовой разметки документов HTML.

    дипломная работа [2,0 M], добавлен 05.02.2013

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

    дипломная работа [4,7 M], добавлен 19.01.2017

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

    курсовая работа [686,4 K], добавлен 13.06.2022

  • Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".

    курсовая работа [3,5 M], добавлен 05.06.2015

  • Создание сайта при помощи HTML и CSS. Язык гипертекстовой разметки HTML и таблица стилей CSS. Основные понятия об этих языках, этапы и алгоритмы программного обеспечения. Добавление стилей в документ. Свойства элементов, принцип построения Web-страницы.

    курсовая работа [2,9 M], добавлен 12.01.2016

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

    курсовая работа [1,2 M], добавлен 21.06.2011

  • Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.

    дипломная работа [86,7 K], добавлен 25.03.2013

  • Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.

    презентация [2,8 M], добавлен 01.09.2019

  • Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.

    курсовая работа [1,6 M], добавлен 13.06.2013

  • Анализ сетевых технологий в гостиничном деле. Официальные сайты компаний. Технологии при создании и поддержке сайтов. Разработка модели web-ресурса, шаблона, тестового примера. Основные этапы создания веб-сайта и презентации. Цены на разработку сайта.

    курсовая работа [3,6 M], добавлен 30.03.2014

  • Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript. Проблема высокого уровня нагрузки на хостинг и создания уникального контента. Выбор средств CMS.

    курсовая работа [3,6 M], добавлен 25.05.2014

  • Особенности создания сайта "Ремонт и эксплуатация автомобилей ВАЗ" содержащего необходимую информацию поэтапной разборки запчастей, а также устранение неисправностей, написанного с использованием языка гипертекстовой разметки HTML и языка JavaScript.

    дипломная работа [10,5 M], добавлен 04.06.2019

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.