Разработка сайта компании (на примере ООО "Альтум Лтд")

Упрощение отладки. Поскольку вы сами написали HTML-текст, вам будет проще отладить его и найти необходимые решения, если что-то не работает.

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

Изучить HTML нетрудно. Одна из причин популярности Сети и разнообразия ее содержания как раз и заключается в том, что благодаря относительной простоте HTML многие смогли освоить этот язык и создать свои Web-страницы.

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

Основные преимущества CSS :

управление дизайном любого количества документов с помощью одной таблицы стилей;

более точный дизайн страниц, поддерживаемый всеми браузерами;

разделение документа на две составляющие: структура и дизайн, благодаря чему исходный код становится чистым и легко читаемым

новые расширенные возможности по сравнению с обычным html

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

Macromedia Dreamweaver включает в себя большое количество инструментов и средств для создания редактирования и профессионального сайта: JavaScript, CSS, HTML, отладчик JavaScript, редакторы кода, XML и иные текстовые документы, которые могут открываться в Dreamweaver.

Возможность визуального редактирования в Macromedia Dreamweaver дает возможность очень быстро создавать или менять внешний вид проекта без написания кода. Вы можете рассмотреть любые централизованные элементы и перетащить их с комфотной панели прямо в документ. Технология Roundtrip HTML позволяет импортировать документы HTML без переформатирования кода. Она дает возможность настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML, как вам это необходимо.

Рисунок 3.2 - Запуск Dreamweaver

К основным достоинствам Dreamweaver относятся:

Цветовая подсветка кода, которая позволяет легко отделить HTML от PHP и Java Script, сразу же найти область комментариев, увидеть ошибку в написании кода.

Автоматическая подстановка кода, что позволяет не тратить время на полное написание каких либо тегов или стандартных функций - стоит просто ввести первые несколько букв этого тега или функции и Dreamweaver сам догадается, что Вы имели ввиду - все что остается - просто нажать Enter. При работе над большими проектами с более 1000 строчек кода в странице это существенно и в разы экономит время. К тому же Вы уверены, что не ошибетесь при написании кода, и не придется долго выискивать - где же допущена ошибка. Для новичков - это прекрасный учебник HTML, CSS, PHP и других популярных языков программирования.

Автоматическая подстановка классов CSS из подгружаемого файла стилей. Эта функция Dreamweaver позволяет быстро и эффективно работать с классами подгружаемого файла стилей. Даже если над файлом стилей работает несколько человек (к примеру через систему контроля версий CVS или SVN), Вы всегда будете видеть все доступные и вновь созданные классы - что не даст запутаться или забыть о том, что уже написано, а что еще нет.

3.4 Руководство по администрированию Web-сайта

Для начала работы следует установить специальную FTP-программу, с помощью которой будем размещать и редактировать сайт на сервер (FTP- это компьютерный протокол, созданный специально для этого дела File Transfer Protocol). Программа выглядеть так:

Рисунок 3.3 - Окно LeepFtp

Следующий шаг. Сайт размещаем на сервере http://hoster.by/. После регистрации получили login (или username) и password (пароль). Домен для нашего сайта altum.by. Теперь нам надо настроить нашу программу.

Заводим новый проект. Жмем в окне Site Manager на кнопку Add Site. В появившемся окне пишем altum.by и жмем ОК.

После этого в левой части окна Site Manager появиться altum.by, а в правой части нам надо будет ввести параметры. Основных параметров всего три. Это IP adress, Username, Password.

Username (или login что вообщемто одно и тоже) и Password получили когда регистрировались на сайте hoster.by. Для того чтобы их ввести в программу, надо снять галочку Anonymous. После этого станут доступны поля Username и Password.

Теперь что такое IP adress. Вообще говоря IP adress это цифровая идентификация сервера в сети. Обычно это 4 числа разделенных точками, например IP adress этого сайта 93.125.99.18 . В общем случае правильнее вводить именно IP adress, однако программ LeapFTP может понять и другую запись - ftp. hoster.by. Жмем кнопку Apply.

Теперь настал момент чтобы соединиться с сервером. Жмем кнопку Connect (Соединиться). После того как произойдет соединение, в правом окне появяться файлы и директории которые есть на вашем сайте. Иногда правда файлы которые будут доступны из сети, должны заливаться в специальную директорию (папку), например hhtpdocs, WWW, html.

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

Рисунок 3.4 - Главная altum.by

Заключения

Результатом курсовой работы является создание WEB-сайта для компании ООО "Альтум Лтд", которая является официальным импортером автозапчастей Bosch масел и смазок DIVINOL немецкой компании "Zeller+Gmelin GmbH & Co".

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

Список использованных источников

1. MySQL [Электронный ресурс]. - 2011. - Режим доступа: http://www.webmasters.by - Дата доступа: 09.11.2012.

2. Средства создания сайтов [Электронный ресурс]. - 2011. - Режим доступа: http://www.in-internet.narod.ru/teor/sreda.html - Дата доступа: 19.11.2012.

3. Практические методы продвижения сайта. [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki/MySQL- Дата доступа: 10.11.2012.

4. HTML. Что это такое? [Электронный ресурс]. - 2010. - Режим доступа: http://i-vd.ru/articles/optimization_base.shtml - Дата доступа: 10.11.2012.

5. Обзор и сравнение php, java, cgi, ssi, css, asp [Электронный ресурс]. - 2010. - Режим доступа: http://webkill.ru/content/?id=597 - Дата доступа: 10.10.2012.

6. Языки программирования web-сайтов [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki - Дата доступа: 14.11.2012.

7. Все для создания сайтов [Электронный ресурс]. - 2010. - Режим доступа: http://siteprog.ru/- Дата доступа: 14.10.2012.

8. Прохоренок, Н. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н. Прохоренок. - СПб.: БХВ-Петербург, 2008. - 640 с.

9. Аткинсон, Л. MySQL. Библиотека профессионала / Л. Аткинсон. - М.: Диалектика, 2008. - 624 с.

10. Дунаев, В. Сценарии для Web-сайта. PHP и JavaScript / В. Дунаев. - СПб.: БХВ-Петербург, 2006. - 576 с.

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