Отчёт по практике на тему «Авторизация на сайте»

Скачать пример Заказать работу Скачать пример Заказать работу

Введение

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

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

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

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

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

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

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

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

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

Немного истории… HTML (от англ. <#»871819.files/image001.jpg»>

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

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

Нужна помощь в написании отчета?

Мы - биржа профессиональных авторов (преподавателей и доцентов вузов). Наша система гарантирует сдачу работы к сроку без плагиата. Поможем с характеристой и презентацией. Правки внесем бесплатно.

Цена отчета

Каскадные таблицы стилей, или Cascading Style Sheets (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, часто используемые для применения стилей к фрагментам страницы.

<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.).

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

-й этап:

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

-й этап:

Рис 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>

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

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

.Wikipedia

Приложение

Header.php

<html>

<head>

</head>

<body>

<?PHP

/*error_reporting(E_ERROR);*/

$dbhost=»localhost»;

$dbuser=»root»;

Нужна помощь в написании отчета?

Цена отчета

$dbpass=»»;

$dbname=»test_db1″;_set(‘display_errors’,’off’);_reporting(‘E_ERROR’);

($link = mysql_pconnect($dbhost,$dbuser,$dbpass)) || die(«not connekted»);_select_db($dbname,$link)|| die («error»._error());_db_query(‘SET NAME utf8’);(«auth.php»);

?>.php

<?php session_start(); ?>

<?php include(«header.php»);(isset($_SESSION[‘id’]) && $_SESSION[‘id’]!=NULL){<<<END

</div>

<div>

<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>

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

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

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

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

END;(«footer.php»);

}

?>.php

</div>

<div>

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

</div>

</body>

</html>.php

Нужна помощь в написании отчета?

Цена отчета

<?php'<div>

$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);»Приветствую «.$us[‘name’];(isset($_POST[‘auth’])&&($_POST[‘auth’]==’log_out’)){

$_SESSION[‘id’]=NULL;(«<meta http-equiv=’refresh’ content=’0; url= $_SERVER[PHP_SELF]’>»);

}else{<<<END

<div>

</form>

</div>;

}

} else {(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);($userdata!=NULL){

$_SESSION[‘id’]=$userdata[‘id’];(«<meta http-equiv=’refresh’ content=’0; url= $_SERVER[PHP_SELF]’>»);

} else {

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

Нужна помощь в написании отчета?

Подробнее

}

} else {<<<END

<div>

Логин:

Пароль:

<br>

</form>

</div>;

}

}'</div>’;

Предыдущий пример

Следующий пример