Преддипломная практика

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

- стабильность;

- безопасность;

- масштабируемость;

- доступность;

- производительность;

- управляемость.

На предприятии ОГБУЗ «Краснинская ЦРБ» используется информационный Веб-продукт, который оповещает пользователей об основном направлении работы данного предприятия. Главная страница сайта представлена на рисунке 1.1.

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

Дизайнер задает вопросы клиентам такие как: Чем ваша компания отличается от конкурентов? Какие ключевые слова лучше всего описывают ваш новый макет? Какой тип макетов обычно вам нравиться?

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

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

Обычно всё начинается с исследования компании клиента и их конкурентов. Это помогает лучше понять их рынок – это помогает сформировать понимание того, какой общий вид и какое сообщение должен передавать окончательный макет.

Для подготовки Web-документа используется язык разметки гипертекста HTML (HyperText Markup Language). Как это следует из названия, HTML не является алгоритмическим языком программирования, а, как язык разметки, обладает средствами представления текста и изображений на экране в виде Web-страницы. HTML также позволяет работать с гипертекстовыми ссылками, с помощью которых осуществляется доступ к другим Web-страницам.

Стандарт HTML создан и поддерживается некоммерческой международной организацией W3C (World Wide Web Consortium).

Поскольку HTML-документ записывается в ASCII-формате, для создания Web-страницы может быть использован любой текстовый редактор, работающий с простым текстом, т.е. таким текстом, который не содержит служебной информации. Такими редакторами являются, например, NotePad (Блокнот) или FAR.

После того, как с помощью текстового редактора HTML-документ создан, он должен быть сохранен на диске в виде файла с расширением *.htm или .html. Это позволит после щелчка мыши по этому файлу запустить браузер, который осуществит формирование Web-страницы в соответствии с данным HTML-документом. Можно поступить по-другому. Сначала запустить браузер, а затем в его поле адреса (Address) указать путь к файлу с данным HTML-документом.

Браузером (browser, от англ. to browse - выслеживать) называется программа, которая выполняет следующие основные функции:

- после задания пользователем адреса Web-страницы и нажатия клавиши «переход» («Go») устанавливает с помощью http-протокола соединение с Web-сервером, передает ему запрос и получает от него требуемую Web-страницу в виде HTML-документа;

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

Чтобы понять всю мощь CSS по работе с текстом и в то же время освоить основные приемы создания таблиц стилей, создадим простую HTML-страницу, которая и будет служить примером.

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

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

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

Встроить сценарий JavaScript в HTML-страницу можно несколькими способами:

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

Символы ( // ) перед закрывающим тэгом комментария --> являются оператором комментария JavaScript. Он необходим для правильной работы интерпретатора. Документ может содержать несколько тэгов