Авторизация на сайте

Размещено на http://www.allbest.ru/

МИНИСТЕРСТВО ОБРАЗОВАНИЕ И НАУКИ РЕСПУБЛИКИ КАЗАХСТАН

КОЛЛЕДЖ "АДИЛЕТ" КАСПИЙСКОГО ОБЩЕСТВЕННОГО

УНИВЕРСИТЕТА

ОТЧЕТ

ПО УЧЕБНОЙ ПРАКТИКЕ ДЛЯ ПОЛУЧЕНИЯ РАБОЧЕЙ ПРОФЕССИИ УЧАЩЕГОСЯ

ПО СПЕЦИАЛЬНОСТИ 1304000 - "ВЫЧИСДИТЕЛЬНАЯ ТЕХНИКА И ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ"

Мордачевa Анастасия Сергеевна

Место прохождения

Практики колледж "Адилет"

Период прохождения практики "15" ноября 2015 г.

"29" ноября 2015 г.

Алматы 2015 г.



Введение

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

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

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

Так же на практике были освоены методы работы с базами данных MySQL. При работе с виртуальным сервером Denwer доступны огромное количество настроек базы данных.

Связку БД с сайтом проекта реализовали с помощью языка сценариев PHP. Создание формы авторизации ярко продемонстрировала работу базы данных и выполнение запроса.



Среды редактирования HTML

Среда редактирования HTML является обыкновенный простейший текстовый редактор Блокнот и др. Выбор среды редактирования дает все преимущества текстового редактирования; что же касается недостатков: ошибки придется искать самостоятельно - для HTML нет специализированного компилятора, который бы проводил проверку синтаксиса.

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

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

Немного истории... HTML (от англ. HyperText Markup Language -- «язык гипертекстовой разметки») -- стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста.

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

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986--1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Основные тэги HTML

Основные теги
<html></html>	Указывает программе просмотра страниц что это HTML документ.
<head></head>	Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.
<body></body>	Определяет видимую часть документа.
Теги оглавления
<title></title>	Помещает название документа в оглавление программы просмотра страниц
Атрибуты тела документа
<body bgcolor=?>	Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
<body text=?>	Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.
<body link=?>	Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.
<body vlink=?>	Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.
<body alink=?>	Устанавливает цвет гиперссылок при нажатии.
Теги для форматирования текста
<pre></pre>	Обрамляет предварительно отформатированный текст.
<h1></h1>	Создает САМЫЙ БОЛЬШОЙ заголовок
<h6></h6>	Создает самый маленький заголовок
<b></b>	Создает жирый текст
<i></i>	Создает наклонный текст
<tt></tt>	Создает текст - имитирующий стиль печатной машинки.
<cite></cite>	Используется для цитат, обычно наклонный текст.
<em></em>	Используется для выделения из текста слова (наклонный или жирный текст)
<strong></strong>	Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)
<font size=?></font>	Устанавливает размер текста в пределах от 1 до 7.
<font color=?></font>	Устанавливает цвет текста, используя значение цвета в виде RRGGBB.
Гиперссылки
<a href="URL"></a>	Создает гиперссылку на другие документы или часть текущего документа.
<a href="mailto:EMAIL"> </a>	Создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="NAME"></a>	Отмечает часть текста как цель для гипперссылок в документе.
<a href="#NAME"></a>	Создает гиперссылку на часть текущего документа.
Форматирование
<p>	Создает новый параграф
<p align=?>	Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center
<br>	Вставляет перевод строки.
<blockquote> </blockquote>	Создает отступы с обеих сторон текста.
<dl></dl>	Создает список определений.
<dt>	Определяет каждый из терминов списка
<dd>	Описывает каждое определение
<ol></ol>	Создает нумерованный список
<li>	Определяет каждый элемент списка и присваивает номер
<ul></ul>	Создает ненумерованный список
<li>	Предваряет каждый элемент списка и добавляет кружок или квадратик.
<div align=?>	Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
<img src="name">	Добавляет изображение в HTML документ
<img src="name" align=?>	Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle
<img src="name" border=?>	Устанавливает толщину рамки вокруг изображения
<hr>	Добавляет в HTML документ горизонтальную линию.
<hr size=?>	Устанавливает высоту(толщину) линии
<hr width=?>	Устанавливает ширину линии, можно указать ширину в пикселах или процентах.
<hr noshade>	Создает линию без тени.
<hr color=?>	Задает линии определенный цвет. Значение RRGGBB.
Таблицы
<table></table>	Создает таблицу.
<tr></tr>	Определяет строку в таблице.
<td></td>	Определяет отдельную ячейку в таблице.
<th></th>	Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
Атрибуты таблицы
<table border=#>	Задает толщину рамки таблицы.
<table cellspacing=#>	Задает расстояние между ячейками таблицы.
<table cellpadding=#>	Задает расстояние между содержимым ячейки и ее рамкой.
<table width=#>	Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<tr align=?> или <td align=?>	Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign=?> или <td valign=?>	Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan=#>	Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)
<td rowspan=#>	Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap>	Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
Кадры
<frameset></frameset>	Предваряет тег <body> в документе, содержащем кадры;
<frameset rows="value,value">	Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.
<frameset cols="value,value">	Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.
<frame>	Определяет единичный кадр или область в таблице кадров.
<noframes></noframes>	Определяет, что будет показано в окне браузера если он не поддерживает кадры.
Атрибуты кадров
<frame src="URL">	Определяет какой из HTML документов будет показан в кадре.
<frame name="name">	Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров.
<frame marginwidth=#>	Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.
<frame marginheight=#>	Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.
<frame scrolling=VALUE>	Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.
<frame noresize>	Препятствует изменению размеров кадра.
Формы
Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы.
<form></form>	Создает формы
<select multiple name="NAME" size=?></select>	Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.
<option>	Указывает каждый отдельный элемент меню
<select name="NAME"></select>	Создает ниспадающее меню
<option>	Указывает каждый отдельный элемент меню
<textarea name="NAME" cols=40 rows=8></textarea>	Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.
<input type="checkbox" name="NAME">	Создает checkbox. За тегом следует текст.
<input type="radio" name="NAME" value="x">	Создает radio кнопку. За тегом следует текст.
<input type=text name="foo" size=20>	Создает строку для ввода текста. Параметром Size указывается длина в символах.
<input type="submit" value="NAME">	Создает кнопку "Принять"
<input type="image" border=0 name="NAME" src="name.gif">	Создает кнопку "Принять" - для этого используется изображение
<input type="reset">	Создает кнопку "Отмена"

Первая проектная деятельность

После рассмотрения многообразия тегов (дескрипторов) необходимых для написания простейших страниц мы приступаем к созданию своих первых «проектов». Изучение тегов строится в соответствие с логическими связями самого HTML. В конце первого дня мы создаем проект, который должен отвечать нескольким требованиям:

1) Нести обязательную информационную нагрузку.

2) Применение только востребованных тегов.

3) Иметь графическое оформление.

4) Дать понимание для чего создается данный проект.

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

Выполненная работа:

рис 1. HTML-страница с применением наиболее востребованных тегов языка гипертекстовой разметки.

Возможности CSS или создание шаблона web-дизайна

Каскадные таблицы стилей, или Cascading Style Sheets (CSS), обеспечивают творческую свободу в разметке и дизайне веб-страниц. Пользуясь CSS, мы сможем украсить текст страниц привлекательными заголовками, буквицами, рамками, как в красочных глянцевых журналах. Можно точно разместить и позиционировать изображения, создать столбцы и баннеры, выделить ссылки динамическими эффектами. Кроме того, можно добиться постепенного появления и исчезновения элементов, перемещения объектов по странице или медленного изменения цвета кнопки при прохождении над ней указателя мыши.

Вы думаете, что все это довольно сложно? Напротив! Каскадные таблицы стилей как раз и предназначены для упрощения процесса оформления веб-страниц.

Как работает CSS

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

Например, мы могли бы использовать HTML, чтобы превратить фразу в заголовок, отделяя его от содержания страницы, но лучше применять CSS для форматирования заголовка, скажем, большим полужирным красным шрифтом с позиционированием на 50 пикселов от левого края окна. В CSS это форматирование текста включает в себя стиль -- правило, описывающее внешний вид конкретной части веб-страницы. А таблица стилей (style sheet) является набором таких стилей.

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

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

Два HTML-тега, о которых не следует забывать

Даже весь спектр HTML-тегов не может удовлетворить потребностей веб-дизайнера в разметке разнообразного содержимого веб-страниц. Конечно, тег <code> удобен для обозначения и выделения программного кода, но кто-то скажет, что тег <recipe> («набор команд») подошел бы лучше. Но, увы, такого тега не существует. К счастью, HTML предлагает два тега для группировки, объединения и разбивки, в общем, для определения логического фрагмента веб-страницы. Они позволяют точно и просто задать любой фрагмент содержимого веб-страницы и впоследствии, определив обработчик для данного элемента, придать ему необходимый вид с помощью стилей CSS.

Осмысление тегов <div> и <span>

Теги <div> и <span> похожи на пустые сосуды, которые мы сами и заполняете. Поскольку у них нет никаких свойств для визуализации, вы можете применять к ним CSS-стили, чтобы фрагменты внутри этих тегов выглядели так, как вам хочется. Тег <div> (предназначен для деления на фрагменты) определяет любой отдельный блок содержимого, как, например, абзац или заголовок. Однако вы также можете логически объединить любой набор таких элементов, как заголовок, несколько абзацев, маркированный список и т. д., в единственном блоке <div>. Тег <div> -- замечательное средство разбивки веб-страницы на такие логические фрагменты, как баннер, нижний колонтитул, боковая панель и т. д. Впоследствии при использовании CSS вы сможете позиционировать любой из этих фрагментов в выбранное место веб-страницы, создавая сложную схему разметки (см. часть 3).

Тег <span> применим к внутренним (inline) элементам страницы, то есть к словам, фразам, находящимся в пределах абзаца текста или оглавления. Его можноиспользовать точно так же, как и другие внутренние HTML-теги, например как <a> (чтобы добавить ссылку к фрагменту текста) или <strong> (чтобы выделить слово в абзаце полужирным шрифтом). Можно применять тег <span>, чтобы указать название компании, и затем использовать CSS, чтобы выделить это название другим шрифтом, цветом и т. д. Рассмотрим пример этих тегов в работе. К ним добавлены атрибуты id и class, часто используемые для применения стилей к фрагментам страницы.

<div id="footer">

<p>Copyright 2006, <span class="bizName">CosmoFarmer.com</span></p>

<p>Call customer service at 555-555-5501 for more information</p>

</div>

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

Создание таблиц стилей

Определение стиля в CSS, устанавливающего внешний вид какого-либо элемента (фрагмента) веб-страницы, -- это всего лишь правило, которое сообщает браузеру, что и каким образом форматировать: изменить цвет шрифта заголовка на синий, выделить фото красной рамкой, создать меню шириной 150 пикселов для списка гиперссылок. Если бы стиль мог говорить, он сказал бы: «Браузер, сделай, чтобы вот это выглядело так-то». Фактически определение стиля состоит из двух основных элементов: это сам элемент веб-страницы, который непосредственно подлежит форматированию браузером, -- селектор, а также форматирующие команды -- блок объявления. Селекторами могут быть заголовок, абзац текста, изображение и т. д. Блоки объявления могут, например, окрасить текст в синий цвет, добавить красную рамку (границу) вокруг абзаца, установить фотографию в центре страницы -- возможности форматирования бесконечны.

{ color: red; font-size: 1.5em; }

Этот стиль говорит браузеру: «Сделай текст всех абзацев веб-страницы, помеченных тегом <p>, красным и установи размер шрифта равным полуторакратной высоте латинской буквы m (em -- буква m, напечатанная шрифтом Cicero, -- стандартная единица измерения в полиграфии, обычный размер шрифта текста в браузере, см. гл. 6). Любой стиль, даже самый простой, содержит несколько элементов (рис. 2.2). Он состоит из селектора, сообщающего браузеру, что именно форматировать, и блока объявления, в котором перечислены форматирующие команды, используемые браузером для стилизации фрагмента, определенного селектором.

рис 2. Схема реализации CSS

Вторая проектная деятельность

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

Пример, создания каскадных таблиц стилей в отдельном файле:

Рис 2. Создание собственного шаблона

В отдельном файле ссылками на объекты на сайте использовались классы:

Рис 3. Использование классов для задания стиля

Весь сайт построен из блоков со своими свойствами:

Рис 4. Блоки сайта

Язык PHP

Язык PHP был создан для решения конкретной практической задачи в среде интернет (какой именно можно узнать, прочитав первую лекцию курса). Мы тоже постараемся не отвлекаться слишком сильно на теоретические рассуждения, и будем стремиться к решению какой-нибудь конкретной задачи в каждой из лекций. Большинство примеров взяты из реально существующей системы: виртуального музея истории информатики. Первая часть курса посвящена изучению основ синтаксиса и управляющим конструкциям. После этого рассматривается технология клиент-сервер, как основная сфера приложения языка PHP. Затем переходим к изучению наиболее полезных на наш взгляд встроенных функций и решению с их помощью практических задач. Хотя объектная модель в языке PHP не самая богатая, ее принципиальное наличие позволяет естественным образом описывать объектные модели данных. В качестве базовой модели будет рассмотрена модель документа виртуального музея информатики. После этого будет рассмотрен ряд прикладных аспектов: работа с файловой системой, с БД, строками, сессиями, DOM XML - все это позволит рассмотреть ключевые задачи практического использования языка.

Его создатель, Расмус Лердорф, хотел знать, сколько человек читают его online-резюме, и написал для этого простенькую CGI-оболочку на языке Perl, т.е. это был набор Perl-скриптов, предназначенных исключительно для определенной цели - сбора статистики посещений.

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

Первая область, как уже говорилось, - это создание приложений (скриптов), которые исполняются на стороне сервера. PHP наиболее широко используется именно для создания такого рода скриптов. Для того чтобы работать таким образом, понадобится PHP-парсер (т.е. обработчик php-скриптов) и web-сервер для обработки скрипта, браузер для просмотра результатов работы скрипта, ну, и, конечно, какой-либо текстовый редактор для написания самого php-кода. Парсер PHP распространяется в виде CGI-программы или серверного модуля. Как установить его и web-сервер на свой компьютер, мы рассмотрим немного позднее. В этом курсе мы будем обсуждать, как правило, создание именно серверных приложений, как пример использования языка PHP.

Вторая область - это создание скриптов, выполняющихся в командной строке. То есть с помощью PHP можно создавать такие скрипты, которые будут исполняться, вне зависимости от web-сервера и браузера, на конкретной машине. Для такой работы потребуется лишь парсер PHP (в этом случае его называют интерпретатором командной строки (cli, command line interpreter)). Этот способ работы подходит, например, для скриптов, которые должны выполняться регулярно с помощью различных планировщиков задач или для решения задач простой обработки текста.

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

Итак, область применения PHP достаточно обширна и разнообразна. Тем не менее существует множество других языков программирования, способных решать похожие задачи. Почему стоит изучать PHP? Что это нам дает? Во-первых, PHP очень прост в изучении. Достаточно ознакомиться лишь с основными правилами синтаксиса и принципами его работы, и можно начинать писать собственные программы, причем браться за такие задачи, решение которых на другом языке требовало бы серьезной подготовки.

Третья проектная деятельность

В моем сайте использовался php-сценарий для реализации формы авторизации на основе базы данных (Рис5.).

Рис 5. Форма авторизации

Процесс создания можно разделить на два этапа: создание БД, написание формы.

1-й этап:

Рис 6. Процесс создания БД

2-й этап:

Рис 7. Написание формы

Написание запроса состояло из своих тонкостей настройки:



Рис 8. SQL запрос

Из всего этого следует сделать вывод, что для написания хорошего и динамичного сайта надо знать не только основные языки, которые я перечислил, но и языки, которые требуются для построения, так сказать, визуального вида страницы, чтобы она была «красочная». Также в большинстве Веб-страниц используются базы данных, удовлетворяющие нуждам страницы. Иллюстрацией их работы служит работа таких сайтов, как Wikipedia.com, amazon.com, Ozon.ru и т.д.

Общая проектная деятельность

Общая проектная деятельность основывалась в объединении всех выше изученных материалов (Рис 9.).



Рис 9. Объединение проектов.



Заключение

Одно из самых сильных преимуществ PHP перед другими языками сайтостроения, используемыми для разработки WEB-приложений, - поддержка баз данных самых разных типов. При этом для PHP характерна простота генерации страницы, работающей с базой данных. PHP поддерживает работу со следующими базами данных: MySQL, ODBC, dBase. Еще одним важным достоинством PHP является возможность создания самых разнообразных локальных приложений.

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

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

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

При этом мною были решены следующие частные задачи:

· ознакомление с современными Интернет - технологиями и использование их в своей разработке;

· изучение основных программы применяемых для разработки и создания Web-сайта;

· ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

· ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им в своей практике;

· определение структуры Web-страниц;

· предоставление пошаговой стратегии разработки web-сайта;

· предоставление инструкции для пользователей web-сайта.

В результате проведенных работ на базе выбранных технологий был создан современный Web-сайта.

сайт шаблон дизайн авторизация



Список литературы

1.Основы программирования на JavaScript <http://flibusta.net/b/287711> - Марк Кан <http://flibusta.net/a/72347>

2.Курс "Язык программирования PHP" <http://flibusta.net/b/269445> - Нина Владимировна Савельева <http://flibusta.net/a/92967>

3.HTML <http://flibusta.net/b/46625> - Александр Ромаданов <http://flibusta.net/a/10453>

4.Wikipedia



Приложение

Header.php

<html>

<head>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

<?PHP

/*error_reporting(E_ERROR);*/

$dbhost="localhost";

$dbuser="root";

$dbpass="";

$dbname="test_db1";

ini_set('display_errors','off');

error_reporting('E_ERROR');

($link = mysql_pconnect($dbhost,$dbuser,$dbpass)) || die("not connekted");

mysql_select_db($dbname,$link)|| die ("error".

mysql_error());

mysql_db_query('SET NAME utf8');

include("auth.php");

?>

Index.php

<?php session_start(); ?>

<?php include("header.php");

if(isset($_SESSION['id']) && $_SESSION['id']!=NULL){

echo <<<END

<div id="Forma">

<div id="header">

<div id=logo></div>

<div id=telephon>+77778889966</div>

</div>

<div class="content_container">

<div id="left">

<div id="levt">

<h4 id="navig">Навигация</h4>

<ul>

<li><a align="center" href="uroki.php">Уроки</a><br></li>

<li><a align="center" href="pravila.php">Правила</a><br></li>

</ul>

</div>

</div>

<div id="center">

<p id=zagolovok>Добро пожаловать</p>

<img src="img/4.jpg" align=right>

<p>Приглашаем Вас семинар «как сделать шаблон для сайта»</p>

<p> посвященный Дню Программиста, </p>

<p>Пожалуйста, известите нас в ближайшее время,</p>

<p>сможете ли вы присутствовать</p>

END;

include("footer.php");

}

?>

Footer.php

</div>

</div>

<div class=footer>

<center><p>Все права зашищены</p></conter>

</div>

</div>

</body>

</html>

Auth.php

<?php

echo '<div class="auth_content">';

if(isset($_SESSION['id']) && $_SESSION['id']!=NULL){

$da =mysql_query('select name From users Where id="'.$_SESSION['id'].'"');

$us=mysql_fetch_array($da);

$data =mysql_query('select* From users Where LOGIN="'.$_POST['login'].'" AND PASSWORD="'.$_POST['password'].'"');

$userdata=mysql_fetch_array($data);

echo "Приветствую ".$us['name'];

if(isset($_POST['auth'])&&($_POST['auth']=='log_out')){

$_SESSION['id']=NULL;

exit("<meta http-equiv='refresh' content='0; url= $_SERVER[PHP_SELF]'>");

}else{

echo <<<END

<div class=auth>

<form action="{$_SERVER[PHP_SELF]}" method=POST>

<center><button name="auth" value="log_out">log out</button></center>

</form>

</div>

END;

}

} else {

if(isset($_POST['auth'])&&($_POST['auth']=='log_in')){

$data =mysql_query('select* From users Where LOGIN="'.$_POST['login'].'" AND PASSWORD="'.$_POST['password'].'"');

$userdata=mysql_fetch_array($data);

if($userdata!=NULL){

$_SESSION['id']=$userdata['id'];

exit("<meta http-equiv='refresh' content='0; url= $_SERVER[PHP_SELF]'>");

} else {

echo "Неверный логин иои пароль!";

}

} else {

echo <<<END

<div class=auth>

<form action="{$_SERVER[PHP_SELF]}" method=POST>

Логин:

<center><INPUT type="text" size=20 name="login"></center>

Пароль:

<center><INPUT type="password" name="password"></center>

<br>

<center><button name="auth" value="log_in">log in</button></center>

</form>

</div>

END;

}

}

echo '</div>';

?>

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