Общие принципы создания web - страниц
drob Stepen(drob f1, int stepen) { int pchis=1, pznam=1; for(int i =0; i< stepen; i++) { pchis = pchis*f1.chis; pznam = pznam*f1.znam; } f1.chis = pchis; f1.znam = pznam; return Sokrasenie(f1); }
Содержание
Введение……………………………………………………………………….3 1. Теоретические основы создания программного продукта……….…….5 1.1 Общие принципы создания web – страниц……………………………...5 1.2 Основные элементы web – страниц……………………………………...8 1.3 Стандарты HTML………………………………………………………...13 2. Разработка программного продукта…………………………………….20 2.1 Обоснование выбора среды разработки программного продукта……20 2.2 Описание связей в программном продукте…………………………….23 2.3 Описание интерфейса программного продукта………………………..27 3. Специальная часть………………………………………………………..32 3.1 Правовые основы создания программного продукта………………….32 3.2 Методы и приёмы защиты информации………………………………..36 3.3 Охрана труда при разработке программного продукта……………….41 Заключение…………………………………………………………………...47 Список используемой литературы………………………………………….48 Введение
Множество вопросов по созданию сайта так или иначе начинаются с вопроса: Зачем нужен сайт? Сайт для организации – это увеличение числа клиентов, то есть увеличение прибыли. Ответ на вопрос «для чего нужен сайт организации»: для прибыли. Есть еще несколько сторонних ответов, но они все равно ведут к вероятности увеличения прибыли. А это: · Круглосуточное обслуживание клиентов. · Средство связи с удаленными офисами. · Привлечение поставщиков и инвесторов. · Реклама в сети Интернет. Совершенно очевидно, что организация собственного интернет-ресурса становится еще одним фактором, влияющим на успешность организации. Сайт для организации – это его лицо во всемирной сети. Успешность сайта может определять успешность в целом. Отсутствие сайта негативно скажутся на оценке компании, так как это является неким показателем ее состоятельности. Естественно, если человек находит полностью удовлетворяющий его сервис, он не станет тратить своё драгоценное время на поиски другого подобного ресурса. Все Web-сайты пишутся на довольно простом в освоении языком HTML. Так же при создании веб – сайта используются JavaScript, CSS, PHP, XHTML. Начало истории языка HTML было положено в 1986 году, когда Международной организацией по стандартизации (ISO) был принят стандарт ISO-8879. Он носил название Standard Generalized Markup Language (Стандартный Обобщённый Язык Разметки). SGML представлял из себя обобщенный метаязык, позволяющий строить системы логической, структурной разметки любых разновидностей текстов. При этом управляющие коды или теги не несли никакой информации о внешнем виде документа, а только задавали его логическую структуру. В 1989 году сотрудник Европейского института физики частиц (CERN) Тим Бернерс-Ли (Tim Berners-Lee) выдвинул предложение о создании Системы гипертекстовых документов. В 1990 году он назвал ее World Wide Web (Всемирная паутина). Одной из составляющих системы был язык гипертекстовой разметки. Его созданием Бернерс-Ли занялся в 1990 году, когда разрабатывал первый браузер — программу, позволяющую просматривать гипертекстовые документы. Тема дипломной работы: «Создание сайта организации Управление Образования Администрации Шадринского района». Цель дипломной работы: разработка и оптимизация сайта организации Управления Образования Администрации Шадринского Района, разработанный на языке HTML с использованием JavaScript либо CSS или PHP. Сайт предназначен для получения какой – либо информации, связанной с данной организацией. В дипломной работе поставлены следующиезадачи: · разработать сайт организации Управление Образования Администрации Шадринского района; · выделить и усвоить основные понятия о создании сайтов организаций. Объект исследования: проектирование сайтов организаций Предмет исследования: особенности проектирования сайта организации Управление Образования Администрации Шадринского района с помощью языка HTML. Теоретические основы создания программного Продукта
Общие принципы создания web - страниц World Wide Web (WWW) - это самая известная и самая популярная служба Интернета. Эта глобальная, распределенная по всему миру информационная гипертекстовая мультимедийная система позволяет соединить в одно целое информацию разных видов, которая сохраняется на разных компьютерах. Напомним, что информация в WWW распространяется в виде Web-страниц(Web-документов). Несколько Web-документов из одной темы, которые принадлежат одному владельцу или есть на одном компьютере, образуют Web-узел, который часто называют сайтом. Основным принципом использования Web-страниц является активизация гипертекстовых ссылок, с помощью которых можно осуществить переход в другие места Web-страницы или к другим Web-страницам. В основе WWW лежат два понятия: гипертекстовые ссылки и формат документов HTML. Благодаря гипертексту Web-страницу приобретают свойства интерактивности. HTML (Hyper Text Markup Language) - это специальный язык форматирования текстовых электронных документов. Например, для печатного документа задаются такие параметры, как размер бумаги и полей, шрифты и их размеры и тому подобное. Поскольку электронные Web-документы предназначены для пересмотра на экране, причем заранее не известно, на каком компьютере это будет делаться, а следовательно, неизвестны размеры окна программы - просмотрщика, шрифты, которые установлены на компьютере, и т.д., то язык HTML назначен как раз для того, чтобы оформлять электронные документы в расчете на то, что средства, которыми они будут пересматриваться, заранее неизвестны. Формирование документов языком HTML подобное программированию. Исходный текст документа состоит из последовательности команд, которые называют тэгами(tag). Во время пересмотра тэги срабатывают, и благодаря ним на экран выводятся запрограммированные элементы изображения. Например, если в начале абзаца стоит тэг, то весь абзац будет уровнен по центру окна, независимо от того, в каком окне осуществляется пересмотр документа и каким шрифтом он изображается. Тэги HTML позволяют выравнивать строки документа, руководить цветом фонона цветом текста, позволяют вставлять в текст иллюстрации, задавать заглавия разных уровней, строить таблицы, создавать гипертекстовые ссылки на другие документы. Web-документ сохраняется и пересылается как файл с расширением html или htm (HTML-файл). Это обычные текстовые файлы-программы, написанные языком HTML. Отображаются такие файлы на экране иначе, чем они выглядят в HTML-файле. Для отображения HTML-файлов используют браузеры. Типичный Web-документ состоит из текстовых блоков, рисунков, таблиц, линий, гиперссылок. Более сложные Web-документы содержат фреймы (вложены Web-страницы), элементы управления и вводу информации(кнопки, переключатели, поля вводу текста), динамические объекты (Java Applet, Java Script, ACTIVEX). Есть три типа текстовых блоков: текстовые абзацы, списки, таблицы. При умалчивании текст отображается черным цветом, но при потребности можно изменить цвет, размер, стиль и шрифт текста. Абзацы на странице по умолчанию ставятся переводом строки и не имеют отступлений в первой строке. Абзац может быть уровнен к одному из краев или по центру окна. Удобство пересмотра Web-страниц предопределено тем, что броузер автоматически масштабирует элементы по горизонтали, учитывая размеры окна, и при потребности отображает только вертикальную полосу прокрутки. информация на странице традиционно отображается на белом фоне, но его цвет можно изменить на другой или использовать фоновую картинку. Широкое распространение HTML-документы получили благодаря разнообразным возможностям представления информации, легкостью написания и совместимостью с разными операционными системами. Сначала напомним, что команды языка HTML называют тэгами. Тэги бывают одинарными и парными. Большинство тэгов являются парными, например, тэг определения HTML-файла. Парные тэги помечают начало и конец области действия соответствующей команды. Тэги записывают в угловых дужках, причем тот тэг, который закрывает область действия, имеет косую черточку (слеш/slash). Все программы, написанные языком HTML (HTML-файлы) имеют одинаковую структуру. Можно сэкономить время при создании своих Web-страниц, если использовать эту структуру как эталон. В частности, обязательно повинные быть такие команды (тэги). Тэги и ограничивают WWW-документ и записываются лишь ради формы. Команды и ограничивают заглавие страницы. Эти тэги также не являются обязательными, они помогают лучше структурировать страницу. Наконец, появляется в браузере в строке заглавию. Еще более важным является тэг, который позволяет описать собственно Web-документ. В этом месте размещается определенное количество параметров, которые определяют внешний вид документа. Эти параметры, например, определяют, как выглядит фон и цвет текста и какое изображение должно быть на заднем плане Web-страницы. На этом завершаем начальное ознакомление с тэгами языка HTML и их использованием, поскольку на практических занятиях будет детально рассмотрено создание собственной Web-страницы. В завершение обратим внимание, что для создания Web-страниц дизайнеры используют гипертекстовые редакторы, например, Macromedia Dreamweaver, Microsoft FrontPage и другие, хотя при достаточном владении языком HTML можно писать Web-страницы в любом текстовом редакторе, например, Блокнот(NotePad). После написания программ файл нужно сохранить на диске с определенным названием и расширением.html ли.htm. Современные текстовые процессоры, например, MS Word, Lotus WordPerfect дают возможность создать Web-страницы методом конструирования без применения команд HTML, поскольку они генерируют эти команды автоматически. Общее название таких программ, которые имеют возможность автоматизированного создания Web-страниц без явного приложения пользователем языка HTML - Web-конструкторы. Рассмотрим кое-что детальнее возможности конструктора, которые имеет программа MS Word. Чтобы создать Web-страницу или целый Web-сайт, нужно во время создания нового документу перейти на закладку Web-страницы и воспользоваться Мастером Web-страницы или создать новую страницу. Во втором случае алгоритм действий дизайнеров таков: · Командой меню Формат->Фон задают цвет фона определенной текстурой. · Удалять текст, выбирая шрифт, его размер, цвет, выравнивание и тому подобное. · Создают списки, как в обычном текстовом редакторе. · Вставляют горизонтальные линии командой меню Вставка>Горизонтальная линия, и выбирают тип линии. · С помощью команды Таблица создают и форматируют таблицы. · Используют команду Вставка для вставления картинок, фотографий, звука, гиперссылок и тому подобное. · Записывают созданный файл как Документ HTML, и просматривают его браузером.
1.2 Основные элементы web – страниц Любая web-страница содержит определенный набор стандартных элементов, являющихся обязательными компонентами каждого ресурса Интернета. Безусловно, ассортимент и количество подобных объектов могут варьироваться в зависимости от тематической направленности сайта, объема опубликованных на нем материалов, а также от целей и задач, которые ставит перед собой создатель данного ресурса. Компоновка таких элементов, проектирование их взаимного расположения и составляет одну из главных задач web-мастера. Первым элементом web-страницы, который нам предстоит рассмотреть, является ее заголовок. Он может быть выполнен как в текстовом, так и в графическом варианте, однако и в том и в другом случае он должен располагаться в верхней части документа. Иногда с заголовком совмещают меню выбора кодировки кириллицы и кнопки для перехода с русскоязычной на англоязычную версию сайта, если данный web-ресурс представлен на двух языках. Непосредственно под заголовком документа, как правило, располагается пространство, отведенное для размещения рекламного баннера. Включение баннера именно в верхнюю часть web-страницы в большинстве случаев является обязательным условием регистрации сайта в службах баннерного обмена - системах, рекламирующих созданный вами ресурс в обмен на показ на страницах вашего сайта рекламы других участников баннерообменной сети. Стандартный размер баннеров, публикуемых под заголовком документа, составляет обычно 468x60 точек. Если вы используете статический принцип компоновки страницы, ширина заголовка вашего документа будет составлять приблизительно 640 пикселов: это значение обусловлено, прежде всего, необходимостью обеспечить корректное отображение документа на мониторах с экранным разрешением 640x480 точек и избежать появления горизонтально полосы прокрутки, затрудняющей его просмотр. Очевидно, что ширина баннера в этом случае будет значительно меньше ширины заголовка, благодаря чему в той части страницы, где вы планируете отвести место под рекламу, образуется незанятое пространство, которое можно заполнить логотипом компании-владельца данного сайта или ссылкой на сервер, осуществляющий web-хостинг. Разумеется, логотип необходим далеко не всегда: как правило, он включается в состав web-страницы лишь в случае, если сайт имеет коммерческую направленность. Основную часть документа занимает так называемое текстовое поле - участок, где и размещается смысловое наполнение страницы: содержательный информационный текст и иллюстрации. Перечисленные элементы еще называют "контент" (от англ, content - содержание). Расположение текстового поля зависит в первую очередь от того, каким образом web-дизайнер разместит остальные элементы документа. Следующей обязательной составляющей частью web-страницы являются элементы навигации - гиперссылки, связывающие данный документ с другими разделами сайта. Элементы навигации могут быть выполнены в виде текстовых строк, графических объектов, то есть кнопок, либо активных компонентов, на- пример Java-апплетов. Последние представляют собой те же кнопки, которые, в отличие от своих "традиционных" сестер, умеют реагировать на движения мыши, выполняя при наведении на них курсора какие-либо несложные действия (включение подсветки, создание эффекта "нажатия", изменение формы и т. д.). Располагать элементы навигации следует таким образом, чтобы они всегда были "на виду", "под рукой", то есть так, чтобы пользователю не приходилось "отматывать" страницу назад, если текстовое поле занимает по высоте несколько физических экранов, после чего подолгу искать ссылки на другие разделы. Наиболее устоявшимся подходом является размещение элементов навигации у левой границы страницы. В нижней части документа принято публиковать информацию о разработчиках сайта и адрес электронной почты, по которому посетители ресурса могут направить владельцам странички свои отклики, предложения и пожелания. Если web-страница является стартовым документом, в нижней ее части также размещают счетчик посещений - небольшой сценарий, вызывающий установленный на сервере CGI-скрипт, который фиксирует каждое открытие документа в браузере пользователей, изменяя значение индикатора счетчика. Благодаря этому web-мастер без труда определит количество посетителей, навестивших его страничку в течение какого-либо времени. Счетчик посещений устанавливается только на первой странице, вызываемой при обращении к сайту, в остальных документах ресурса он отсутствует. Не рекомендуется также размещать на одной странице несколько разных счетчиков. Для верстки web-страниц обычно вполне достаточно использования небольшого числа визуальных элементов в разных сочетаниях. Дальше перечислены эти элементы и реализующие их теги html: заголовок web-страницы: <title>... </title> гиперссылка: <a href="">... </a> подробнее о гиперссылках перечисление (список): <ul> <li>... </li> ... <li>... </li> </ul>
подробнее о списках меню: <ul> <li><a href="">... </a></li> ... <li><a href="">... </a></li> </ul> пример меню заголовки: <h1>... </h1> <h2>... </h2> ... <h6>... </h6> текст блоками - теги параграфа: <p>... </p> текст строкой: <span>... </span> выделенный текст: <strong>... </strong> колонки, области, окна: <div>... </div> картинки: <img src="" alt="" /> таблицы: <table> <tr> <td>... </td> ... <td>... </td> </tr> ... <tr> <td>... </td> ... <td>... </td> </tr> </table> ввод данных: <form method="" action=""> <input type="" name="" id="" maxlength="" size=""> ... <input type="hidden" name="" value="" /> <textarea cols="" rows="" name=""></textarea> <input type="submit" value="Отправить"> <input type="reset" value="Очистить"> </form> Пара слов о теге <br /> - перевод строки. Как и пресловутый оператор goto в программировании, лучше не использовать, но иногда так и подмывает.
|
