SocialSMM.ru Создание сайтов своими руками
|
Введение: Программы для создания сайта![]() Как вы уже догадались, в этой статье речь пойдёт о программах для создания сайта. Вернее, о программах, которые использовались для создания этого сайта. Скачать или приобрести их можно в Интернете. Я не поклонник пиратских версий программ и, на вашем месте, приобрел бы лицензию на некоторые из них. Но, опять же, это ваш выбор. Давайте немного отвлечёмся. Для начала я расскажу вам о выборе доменного имени для сайта. Здесь нужно запомнить несколько простых правил:
Для своего сайта, я выбрал доменное имя SocialSMM.ru. Как видите, оно не противоречит основным правилам выбора. Программы для создания сайтаВот те инструменты, которые понадобятся вам для создания сайта:
Рассмотрим их подробнее. Для создания этого сайта, я использовал пакет «Денвер». Этот пакет предоставляется бесплатно. Инструкции по его установке вы можете найти на офицальном сайте: http://www.denwer.ru/. Ещё об установке и настройке «Денвера» подробно писал Андрей Морковин. Теперь выберем редактор кода. Многие веб-программисты советуют новичкам пользоваться обычным «Блокнотом», чтобы закрепить знание языка HTML. Но можно воспользоваться мощным редактором Adobe Dreamweaver. Просто отличный редактор, который облегчает жизнь и вы поймёте, почему. Хотя, можете выбрать другой редактор (например, HomeSite или ещё какой-нибудь). Это выбор каждого. Но мой взгляд остановился на Adobe Dreamweaver. Какой же сайт может обойтись без графики? Редактором графических изображений для этого сайта стал Adobe Photoshop. С другими я просто не знаком. Только слышал название ещё одного редактора — Corel Draw. Можете «поюзать». Говорят хороший! Надеюсь, вы немного изучили HTML и CSS, чтобы начать делать свой сайт. Для начала, нам понадобится настроить Adobe Dreamweaver. Перед настройкой Adobe Dreamweaver, убедитесь, что пакет «Денвер» у вас уже установлен и настроен правильно. Поехали! Первым делом, загружаем программу: ![]() Отлично! Наш Adobe Dreamweaver запустился. Полдела сделано (шутка). Впереди нас ждёт много работы, ведь мы с вами делаем сайт, а не «лажу» какую-нибудь! Далее нажмите вкладку верхнего меню «Правка = > Настройки = > Создать документ», расположенную в левом верхнем углу. ![]() В открывшемся окне, нужно поставить следующие параметры:
Жмём «Ok». ![]() Далее открываем вкладку «Файлы = > Управление веб-сайтами». На время свернём Adobe Dreamweaver. Заходим на локальный диск «Z», созданный «Денвером» по умолчанию. В директории «home» создаём папку с названием вашего сайта ( в моём случае — «socialsmm.ru», как вы уже догадались, это будущее название уже знакомого, надеюсь, вам сайта). Далее создаём папки «www», «img». Должно получиться следующее: Z:\home\socialsmm.ru\www\img. Открываем свёрнутый Adobe Dreamweaver. Нажимаем «Создать = > Site». Откроется окно: ![]() Далее, на вкладке «Локальная информация», вводим данные для нашего сайта:
Нажимаем «Ok». Далее нажимаем вкладку верхнего меню «Файл = > Создать = > HTML = > Создать». Продолжим. Нажимаем «Файл = > Сохранить как...» и сохраняем в папке «Z:\home\socialsmm.ru\www\» под именем «index.html». Перезапускаем «Денвер». Запускаем любой браузер и вводим в адресной строке доменное имя для сайта, в данном случае «https://socialsmm.ru». Чуть не забыл, в Adobe Dreamweaver нужно прикрепить таблицу стилей. Для этого делаем следующее:
В браузере должен отобразиться наш (ваш) будущий сайт. Пока на нём ничего нет, но в скором будущем мы наполним его текстом, рисунками, сделаем меню и много других интересных вещей. Что касается основных браузеров, то желательно, чтобы у вас под рукой всегда были: Internet Explorer, Opera и Mozilla Firefox. Они понадобятся для просмотра сайта. Ведь в разных браузерах сайт может отображаться по-разному. Надо расчитывать, что сайт должны увидеть большинство пользователей, поэтому все три браузера должны быть у нас. Я лично пользуюсь Mozilla Firefox. В следующей статье мы поговорим о создании каркаса для данного сайта.
Комментарии
|
Наши соцсети: |
Сайт создан в 2011 г. © SocialSMM.ru