Главная » Создание сайтов » Инструменты веб-мастера

Инструменты веб-мастера

12 июля 2012 - Рубрики Создание сайтов

1306 просмотров

Привет! Рад видеть тебя (пусть и на страничках Яндекс Метрики :) )

Продолжаем тему создания сайтов. Сегодня рассмотрим инструментарий, который облегчает жизнь веб-разработчика на этапах со 2 по 6, описанных здесь.

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

Второе что нам понадобится - текстовый редактор. Я предпочитаю Notepad++. Но можно пользоваться средствами веб-разработки, которые упрощают процесс. Например, Dreamweaver или php designer. Для линуксоидов любой текстовый редактор, например, Gedit или консольный nano :-D .

В сайдбар справа добавлена кнопка Google+. Если вам поможет данный материал, прошу вас нажмите на кнопку - порекомендуйте сайт в Google.

Обязательно потребуется установить наиболее популярные браузеры: Opera, Mozilla, Google Chrome и IE (7,8,9). IE 6 специально не указал, т.к. браузер уже очень старый и глючный, и если кто-то им еще пользуется, то это его проблемы (чувствую сейчас в меня помидоры полетят :-D ).

Также желательно установить Total Commander или что-нибудь альтернативное.

Еще необходим графический редактор, например Paint.Net. Если есть Photoshop, то совсем шикарно. Для ubuntu-водов есть Gimp (он кстати и под windows тоже есть).

В дальнейшем потребуется ftp-клиент, но это уже при переносе на хостинг. В ubuntu есть встроенный ftp-клиент, для windows рекомендую Filezilla. Можно конечно и Total Commander использовать, но он иногда у меня глючит, поэтому мой выбор Filezilla.

Обязательно, слышите, обязательно иметь музыкальный плеер, например Winamp или Audacious для ubuntu. Ну или музыкальный центр (как у меня) — музыка настраивает на творчество.

Про то как установить все эти программы я рассказывать не буду — типичная виндовая установка по типу «Далее — Далее — Готово». Только немного скажу про установку Denwer-а. Она также проста, после запуска установщика откроется браузер — мы его сразу закрываем и продолжаем. Все параметры ставим по-умолчанию как предлагает установщик, вводя везде английскую букву «y». Тип запуска виртуального диска ставьте 1, как и рекомендуется, и завершаете установку. После этого на рабочем столе появятся 3 ярлыка для запуска, остановки и перезапуска сервера.
Вот и все, далее приступаем к созданию первой странички.
Для этого заходим по адресу C:\WebServers\home\localhost\www и создаем там папку, например MySite. Кстати, вместо C:\WebServers можете выбирать ваш виртуальный диск — он как раз ведет в данную папку. В созданной папке создайте текстовый файл с содержимым

<html>
<head>
<title>Первая тестовая страничка</title>
</head>
<body>
<h1> Моя первая страничка </h1>
</body>
</html>

Далее меняете имя и расширение файла на index.html, запускаете сервер с ярлыка Start Denwer и в браузере открываете ссылку

http://localhost/mysite/

Пожалуй на сегодня хватит! Поздравляю, вы сделали первый шаг по пути сайтостроения :)

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

П.С. не забудьте оставить комментарий к статье, а также поделиться ссылкой с друзьями и коллегами через социальные сервисы или скопировав ссылку на статью ниже. Кроме того, вы можете предложить тему статьи через кнопку слева "Предложить тему статьи". Там же можно оставить пожелания, идеи по развитию сайта, а также благодарности (ну а вдруг)
П.П.С. предлагаю вам также вступить в Группа Вконтакте!группу Вконтакте, где вы сможете пообщаться с участниками на интересующие вас темы. Смелее!!!
Если вы больше времени проводите в Twitter, то за обновлениями на сайте можно следить, подписавшись на мою лентуTwitter: follow me!

Возможно вам также будут интересны статьи :

 

Предыдущие материалы из данной категории:

Комментариев: 0 , , , , , , , , ,

Понравилась статья? Поделитесь ссылкой




Оставьте комментарий:




:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)

Я человек, а не бот.