Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Etapy-sozdaniya-sajta » Programs-webdeveloper

Инструменты вебразработчика

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

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

Для своего сайта я выбрал доменное имя sdcvoy.ru. Скажу сразу оно противоречит некоторым правилам, но всё же оно мне нравится и за 5 лет как-то привык к нему.

Программы для создания сайта

Вот те инструменты, которые понадобятся вам для создания сайта:

Рассмотрим их подробнее. Для создания этого сайта я использовал пакет ДЕНВЕР (на тот период это был лучший пакет). Этот пакет предоставляется бесплатно, инструкции по его установке вы можете найти на официальном сайте:http://www.denwer.ru/. Если заметили то информация немного устарела, я бы посоветовал попробовать другие пакеты: AppServ, VertrigoServ, XAMPP, OpenServer или Endels (продолжение Денвера). На мой взгляд самый лучший из них — это OpenServer.

Теперь выберем редактор кода. Многие Web-программисты советуют новичкам пользоваться обычным блокнотом, чтобы закрепить знание языка HTML, но можно воспользоваться мощным редактором Adobe Dreamweaver. Просто отличный редактор, который просто облегчает жизнь и вы поймете почему. Хотя, можете выбрать другой редактор, например: Notepad++(отличная подсветка кода и занимает немного места на жестком диске) или еще какой-нибудь. Это выбор каждого, но мой взгляд остановился на первом варианте.

Какой же сайт может обойтись без графики? Редактором графических изображений для этого сайта стал Adobe Photoshop, с другими я просто не знаком.

Надеюсь вы немного изучили HTML и CSS, чтобы начать делать сайт. Для начала работы вам понадобится настроить Adobe Dreamweaver. Перед его настройкой убедитесь, что пакет Денвер (или его аналог) у вас уже установлен и настроен правильно. Поехали!

Первым делом загружаем программу:

Запускаем Adobe Dreamweaver
Отлично! Наш редактор кода запустился! Впереди нас ждет много работы — ведь мы с вами будем делать сайт, а не лажу какую-нибудь.

Далее нажмите вкладку верхнего меню Правка = > Настройки = > Создать документ,расположенную в левом верхнем углу.

Adobe-Dreamweaver-settings
В открывшемся окне нужно поставить следующие параметры:
1. Тип документа по умолчанию (DTD) = > HTML 5;
2. Кодировка по умолчанию = > Юникод (UTF-8).
3. Убираем галочку напротив надписи "Включить подпись Unicode (BOM)". Жмем "Ok"

Далее открываем вкладку: файлы = > управление веб-сайтами На время свернем наш редактор.

Adobe-Dreamweaver-tuning

Заходим локальный диск Z:\(или другой, созданный вашим пакетом). В директории home (дериктории могут различаться, но принцип остаётся таким же) создаем папку newsait, далее создаем папку www, img. Должно получится следующее: Z:\home\newsait\www\img. Открываем свернутый Adobe Dreamweaver. Нажимаем Веб-сайт = > Новый сайт , откроется окно. Далее на вкладке «Веб-сайт» вводим данные для нашего сайта

Adobe-Dreamweaver-sait

Нажимаем Ok. Далее нажимаем вкладку верхнего меню Файл = > Создать = > HTML = > Создать.

Продолжим: нажимаем Файл = > Сохранить как и сохраняем в папке Z:\home\newsait\www\ под именем index.html.

Перезапускаем ДЕНВЕР. Запускаем любой браузер и вводим в адресной строке доменное имя для сайта, в данном случае http://newsait. Чуть не забыл, в dreamweaver нужно прикрепить таблицу стилей. Для этого делаем следующее:

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

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

На самом деле dreamweaver очень громоздкий., на данный момент я пользуюсь легким Notepad++, а доступ с файлами сайта осуществляется из него же через FTP.  На этом я думаю заканчивать эту статью и переходить к следующей.



наверх