С чего начать?

Как создать сайт?
Как создать свой сайт легко и просто, имеются библиотеки html, css, php, javascript, jquery, web-график.

автор: Васильев Олег Никандрович.

С чего начать?

Попробуем начать создавать сайт и своими руками и головой. Открываем Total Commander. Нажимаем на функцинальную клавишу F7. Открывающемся окне "создать папку(каталог)" пишем имя будущей папки "Сайт" нашего корнего каталога сайта. В дальнейшем в эту папку "Сайт" Вы будете размещать все вновь созданные папки, файлы с любым расширением, которые будут иметь отношение к создаваемому сайту. Заходим в папку "Сайт". Нажимаем одновременно клавиши Shift-F4 ( то есть на клавишу Shift и на функциональную клавишу F4); в открывающемся окошке "введите имя редактируемого файла" пишем имя главной страницы нашего будущего бесплатного сайта "index.html" . Расширение .html нашего файла "index.html" означает, что файл будет содержать коды языка разметки HTML.

Закрываем все открытые окна. Открываем Adobe Dreamweaver CS5 . В развернутом окне ( обычно справа) в колонке "Локальные файлы" видим содержание нашего компа. Разварачиваем "Локальный диск(D)" и видим наш +Сайт, разварачиваем видим файл " index.html" . Все. Забегая вперед, скажу, что нам не помешало бы "кисточку" ввиде папки " stylesheet" сразу заиметь для создания своего бесплатного сайта. Хотя файл каскадных таблиц стилей с расширением .css при создании сайта автоматом прикрепляется, но на будущее при увеличении сайта в размере и качестве без этой папки " stylesheet" нам не обойтись. Так почему нам сразу эту папку не создать? Давай создадим. В эту папку Вы будете укладывать все файлы с расширением .css , они нужны будут для украшения и изменения страниц сайта в очень эффективных кодах каскадных таблиц стилей. То есть выглядеть будет так: Мы создали какую-то страничку, например, под названием " История Маши из 5"б" класса. Имя файла этой странички скорее правильное будет назвать "masha.html", тогда файл для каскадных таблиц стилей соответственно masha.css и этот файл с расширением .css будет управлять структурой сайта, дизайном и многими другими изменениями Вашей странички сайта " История Маши из 5"б". Как-то так все будет происходить при создании сайта. Заметим имя файла страниц сайта требуется писать в нижнем регистре на английском, есть некоторые нюансы - запоминается легко. Так давайте создадим эту папку "stylesheet". Заходим в Total Commander. Заходим в папку "Сайт". Нажимаем на функциональную клавишу F7; в открывающемся окошке пишем имя нашей папки "stylesheet". Заходим в папку "stylesheet"; нажимаем одновременно клавиши Shift-F4; в открывающемся окошке "введите имя редактируемого файла" пишем index.css .

Можно ли где - нибудь на страницах бескрайнего интернета скачать обучающие материалы по программе Adobe Dreamweaver CS5 или CS6? То есть сделать себе подарок. Такие курсы имеются и вы его легко найдете, просто ссылки здесь не оставлю, потому что в интернете куча сайтов, где есть адреса этого обучающего курса для скачивания.

Изучив видеокурс Adobe Dreamweaver CS5 или CS6, Вы почувствуете уверенность в легкости создания своего сайта. Обучающий курс по универсальному редактору разложен очень удобно и имеется закрепляющие тесты для запоминания. И голос за кадром на экране приятный и легкий, что тоже не маловажно. Видно человек хочет, чтобы вы быстрее и легче усвоили возможности редактора.

В универсальном редакторе Adobe Dreamweaver CS6 имеются самые навороченные возможности и технологии, с помощью которых можно создавать динамичные и современные веб-сайты, соответствующие сегодняшним стандартам. Adobe Dreamweaver CS6 позволяет не только с легкостью оформлять страницы сайта, используя визуальные методы, но и предоставляет необходимые средства для легкой и очень удобной разработки веб-приложений. Освоив данный курс Вы просто не сможете представить, как Вы раньше обходились без вашего любимого редактора - экономит кучу времени. В ней подсвечивается код, т.е. если написали что-то неверно, сразу будет понятно, где ошибка, имеется возможность работы с CSS, php, java, вставкой flash обьектов и др. В программе Adobe Dreamweaver CS6 предусмотрено три режима кодирования: визуальный , режим кода, и сразу оба режима, то есть совмещенный режим.

Вот теперь в принципе мы заложили крепкий первый кирпичик для создания собственного сайта. Эту процедуру можно проделать в любое время при создании сайта. Легко и просто. Но мы намеренно это сделали, чтобы понять суть создания сайта, хотя пока ничего не понимаем как оформлять сам сайт. Что дальше?

Да. Все что не копится в папке "Сайт" - это Ваши наработки по созданию сайта, поверьте там очень много труда вкладывается. И будет обидно, если каким-то образом, обычно вирус попадает, "крякнется" эта папка и в целом весь Ваш любимый бесплатный сайт. Вы поняли куда я веду Вас. Именно, надо обязательно создать резервную папку на флэшке или любой другой внешний накопитель, тем более, они теперь достаточно емкие и не такие дорогие и Вы убережете свой сайт. На сегодня некоторые используют переносной винчестер, очень удобно инадежно, закидывать туда предсталяете что только можн( от 512 Гб и выше!!!). Вы, скажете, что на сервере есть Ваш сайт. И Вы спокойно можете обратно перекачать себе. Однако, Вы не все наработки заливаете или что-то не успели. Поэтому не рискуйте своим бесплатным сайтом.

Где размещать сайт( чтобы было надежно и безопасно)? Теперь нам надо искать место, где понадежнее можно спрятать нашу ценность( своими руками созданный бесплатный сайт). Конечно, это Банк России и там получить ключи от ячейки. Но такая процедура нам никаких дивидентов не принесет. Значит, будем искать посредников, которые связаны с "Глобальной Всемирной паутиной" - Интернетом. Такие для нас посредники есть хостинги. Ячейками будут - домены, ключами - пароли. Самое интересное здесь то, что хостинги бывают как платные, так и бесплатные. И будем искать зарекомендовавших себя в сети партнеров. В поисковиках легко и просто найти и определиться, забив вопрос: платные хостинги, но можно напороться не на очень достойных партнеров.

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

Тут надо обязательно заметить, что если Вы создаете сайт так " от балды", то смысла покупать домен на платном хостинге нет никакого ( абсолютно!!!); потому как для всего этого удовольствия требуются кое-какие финансовые вложения. Думайте сами, решайте сами - иметь иль не иметь.

Осталось нам оформить главную страницу сайта по своему вкусу и залить в корневой каталог на хостинге. И у нас свой сайт будет в интернете. Как говорится стрижка началась.