Проектирование сайта

Автор работы: Пользователь скрыл имя, 06 Марта 2015 в 07:36, курсовая работа

Описание работы

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

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

Содержание работы

Введение……………………………………………………………………...3
1 Общая часть……………………………………………………………......4
1.1 Постановка задачи. Основные требования, предъявляемые к проектированию сайтов……………………………………………….........4
1.2 Обзор аналогичных сайтов……………………………………….........6
1.3 Обоснование выбора средств для проектирования сайта………......7

2 Специальная часть……………………………………………………….
2.1 Разработка сайта………………………………………………………...15
2.1.1 Разработка структуры сайта…………………………………………15
2.1.2 Разработка интерфейса сайта………………………………….........17
2.1.3 Разработка дизайна сайта……………………………………...........18
2.2 Тестирование сайта ......................…………………………………....19
2.3 Способы публикации сайта в Интернет……………………..............21
Заключение………………………………………………………………...........35
Литература…………………………………………………………………........36

Файлы: 1 файл

Kursovaya_Maria.docx

— 59.80 Кб (Скачать файл)

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

 

 

 

 

 

 

 

 

 

 

 

 

2.2 Тестирование  сайта.

 

Тестирование — это контроль некоторой системы (например, web-сайта) с целью выявления ошибок и проверки определенных показателей.

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

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

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

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

Существуют пять простых способов тестирования:

  • □   общая поверхностная проверка работы сайта на вашем компьютере. Дело в том, что в любом случае вам когда-нибудь придется разместить свой сайт в Интернете, и только после этого сможете качественно протестировать такие его показатели, как скорость загрузки страниц и графики, корректность определения кодировки ваших страниц, работу внешних разделов сайта (таких как «Гостевая книга», «Опросы и голосование»). Также вам придется снова проверить, не появились ли на сайте «битые» гиперссылки, ведь вы могли пропустить какой-нибудь файл во время загрузки сайта со своего компьютера в Интернет, или мог произойти какой-то сбой, в результате чего страница загрузилась не полностью. Возможна и такая ситуация, что какие-то настройки на интернет-сервере, на который вы загрузили свои страницы, мешают сайту нормально работать и т. д. Все эти проверки в любом случае придется сделать, но прежде многие моменты необходимо проверить прямо на вашем компьютере, возможно даже не имея никакой связи с Интернетом;
  • □   внимательный просмотр внешнего вида всех до единой страниц, при котором вы сможете увидеть неожиданно возникшую проблему, например, с кодировкой или отображением какой-то картинки (если вы спутали жестко заданные размеры картинки, и она стала сплюснутой) или, возможно, исчез какой-то шрифт, есть ошибка в указании цветов элементов и т. д. Существует множество примитивных ошибок, которые можно легко заметить, просто просмотрев весь сайт;
  • □   проверка сайта при отключенной графике и таблицы стилей. Это можно сделать, временно переименовав файл с таблицами стилей и каталог с картинками либо отключив поддержку этих элементов в настройках браузера (если вы это умеете). Тогда обращение к этим частям сайта в HTML-коде будет ошибочным (только не забудьте все вернуть на место).
  • Если ваш сайт будет выглядеть достаточно нормально (т. е. изменится только шрифт, цвет, границы, станут пустыми места под картинки), но сама структура и содержимое останутся на месте, значит, он выдержал такое испытание, иначе вам необходимо браться за исправление всех ваших страниц;
  • □   просмотр сайта в основных популярных на данный момент браузерах (Internet Explorer, Mozilla и Opera). Даже если учесть то обстоятельство, что, по статистике, наиболее часто пользователи работают в Internet Explorer 6.0, нельзя игнорировать остальные браузеры только потому, что вам лень проверить работу сайта, например в браузере Mozilla;
  • □   проверка работы вашего сайта на различных разрешениях монитора (надо воспользоваться настройками рабочего стола). На данный момент наиболее частыми являются разрешения монитора 800 х 600 и 1024 х 768 пикселов. Дело в том, что у пользователей может встречаться и то, и другое разрешение.

 

 

 

 

 

2.3 Способы публикации сайта  в Интернет

 

 

Способы публикации Web-сайта  

 

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

Что такое публикация сайта? Публикация сайта означает загрузку Web-страниц, шрифтов и графических файлов, составляющих ваш сайт, на Web-сервер любым из следующих способов:  

 

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

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

 

Второй способ менее распространенный. Некоторые бесплатные Web-серверы позволяют пользователю загрузить файлы его сайта через Web-обозреватель. Преимущество этого способа довольно призрачное: простота загрузки. Пользователь вводит в поля ввода имена нужных файлов и нажимает кнопку Submit (Отправить). Недостатки: невозможность отправки количества файлов больше определенного лимита (обычно пяти), плохой контроль отправки файлов и крайняя ненадежность соединения при плохой связи. 

 

Третий способ самый распространенный. Рассмотрим его более подробно. 

 

Публикация сайта через FTP-соединение  

 

Для отправки файлов клиентам Web-сервером используется протокол HTTP (HyperText TransferProtocol — протокол передачи гипертекста). Существует еще один интернет-протокол — FTP (File TransferProtocol — протокол передачи файлов), используемый для передачи в сети файлов. Причем по FTPнесложно организовать передачу файлов как от клиента серверу (используется специальный FTP-cepвep),так и от сервера клиенту; инициатором передачи всегда выступает клиент.

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

Эта особенность протокола FTP и легла в основу третьего и самого распространенного способа публикации Web-сайтов.

Заключается он в следующем. Администратор Web-сервера запускает и настраивает на компьютере программу FTP-сервера. После этого по запросу пользователя, которому нужно опубликовать на сервере свой сайт, он создает корневую папку для этого сайта. Пользователь с помощью программы FTP-клиента (например, CuteFTP) подключается к FTP-серверу и отправляет во вновь созданную корневую папку файлы своего сайта. После этого администратор конфигурирует Web-сервер так, чтобы он "увидел" новый сайт (для этого администратор записывает во внутренние списки сайтов Web-сервера путь к новой корневой папке и интернет-адрес нового сайта). Такова довольно грубая схема публикации сайта по третьему способу.

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

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

Этот способ публикации сайтов используется на большинстве бесплатных и корпоративных Web-серверов. 

 

Последовательность действий для осуществления публикации сайта на сервере по FTP-протоколу 

 

 

    1. Пользователь регистрируется на бесплатном сервере, задает имя и пароль, под которыми он будет заходить на FTP-сервер. После этого на дисках сервера создается корневая папка его сайта, чье имя, как правило, совпадает с именем пользователя. Если пользователь публикует сайт на корпоративном сервере, имя и пароль он должен получить у администратора; администратор же вручную создает на диске сервера корневую папку сайта. 

 
    2. Пользователь с помощью программы FTP-клиента подключается к серверу и, как правило, сразу попадает в свою корневую папку. Если подключение не произошло, нужно проверить, правильно ли введены имя пользователя и (пли) пароль. Если все введено правильно, но подключения все равно не происходит, пользователь должен обратиться к администратору сервера. 

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

 
    4. Пользователь отключается от FTP-сервера. Обязательно сделайте это, ведь FTP-сервер для поддержания соединения с пользователем забирает ресурсы компьютера, которые всегда ограничены. 

 
    5. Пользователь запускает Web-обозреватель и тестирует свой сайт. Если обнаружатся ошибки, он вносит исправления и повторяет все шаги со 2 по 5. 

 

Существуют программы, называемые Web-редакторами, обладающие функциями управления сайтом, т. е. в их среде предоставляется возможность публикации по протоколу FTP. К ним относятся -Macromedia Dreamweaver, Microsoft FrontPage — это хорошие программы, с помощью которых возможна публикация Web-сайтов. Более того, программное обеспечение этих программных продуктов ведет учет, какие файлы были изменены пользователем, и загружают на сервер только измененные файлы. Также с их помощью автоматически удаляются ненужные файлы на сервере. Пользователю необходимо будет только правильно ввести данные о FTP-сервере.  

 

ЧТО ТАКОЕ ХОСТИНГ? 

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

 

Слово хостинг произошло из английского языка от слова "host", у которого есть несколько значений: хозяин, основное устройство, главный компьютер, содержатель постоялого двора. Значение "содержатель постоялого двора" наиболее близко к правильному толкованию термина "хостинг" в Интернет, т.к. подразумевает, что ваша Web-страничка размещена на компьютере провайдера Интернет наряду со множеством Web-страничек других людей.

Хостинг - это размещение и поддержка Web - страниц пользователя на сервере. 

 

Почему возникает необходимость в хостинге? Предположим, Вы создали сайт на своем компьютере. Теперь перед Вами возникает следующий вопрос: как его разместить в Интернете, чтобы некий пользователь в любой момент времени мог получить к нему доступ? Разумеется, можно сделать так, чтобы из Интернета данную страничку любые желающие могли просматривать прямо с Вашего компьютера. Но это значит, что:

во-первых, ваш компьютер должен постоянно работать;

во-вторых, должен быть постоянно подключен к Интернету;

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

Кроме того, вам придется дополнительно установить на своем компьютере довольно сложное программное обеспечение.

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

 

Виртуальный хостинг  

 

Если Web-сайт небольшой (например, размером 20-50 Мбайт), то для него не требуется установка и использование отдельного сервера (компьютера), наиболее эффективным и популярным решением является так называемый виртуальный сервер, когда один сервер провайдера Интернет (хостинг-провайдера) обеспечивает функционирование нескольких (сотни и тысячи) виртуальных Web-сайтов. Эта услуга называется хостинг виртуальных серверов или просто виртуальный хостинг.  

 

Виртуальный хостинг обеспечивает доступ к вашему Web-сайту любого пользователя Интернет в любое время из любой точки мира по электронному адресу, который был вами ранее зарегистрирован (доменное имя). 

 

В качестве услуг виртуального хостинга автор сайта получает: 

 

·         дисковое пространство на сервере провайдера (обычно от 20 до 500 Мбайт);

·         имя виртуального сервера (доменное имя);

·         средства доступа и администрирования своего web-сервера;

·         средства настройки и конфигурации web-сервера;

·         возможность выполнения программ, скриптов и т.д. с целью создания сервисов (информационных, торговых и проч.) на вашем web-сервере;

·         почтовые ящики. 

 

Если Ваш первоначально небольшой web-сайт постепенно перерастает в крупный Интернет-проект, и Вы хотите, чтобы все технические ресурсы компьютера использовались только для него (чтобы не было ограничений на используемое вами программное обеспечение и технологии), тогда вам необходим физический хостинг.  

 

Физический хостинг (colocation) 

 

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

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

Информация о работе Проектирование сайта