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

Да Вам нужно написать именно сайт, пока, конечно вы не представляете как это делать, но на данный момент поставьте цель – написать сайт.

Теперь приступим к созданию Вашего первого сайта. Этот сайт не рассчитан на прибыль, это Ваш первый сайт который увидит мир. Этот сайт поможет Вам подготовится к следующему, серьезному проекту. Создавая первый сайт, вы многому научитесь.

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

Для вашего первого сайта использоваться будет только HTML, так же советую использовать стили и Java-script. Такой сайт Вы сможете опубликовать на любом бесплатном хостинге, например hotbox.ru.

Теперь какие учебники Вам нужны, посоветую те, которыми пользовался сам, учебник по HTML скачать, справочник по HTML скачать, или для "чайников" скачать, учебник по Java-script скачать и справочник скачать. Можете посмотреть еще учебники предлагаемые мною или найти в Интернете, покупать не советую – пустая трата денег, в Интернете найдете больше и лучше.

Для начала советую почитать учебники, что бы получить общее представление что такое HTML. Да Вам придется начинать с азов. Но стоит только начать. Не бойтесь, на самом деле там все просто. HTML это основной язык, даже не язык а разметка документа, именно HTML отвечает за отображение WEB документов. Все остальное надстройки, но об этом позже.

Параллельно с изучением учебников, продумайте тему вашего сайта. Если у Вас не будет темы, то дальше примеров вы не двинетесь. Тема определит и вид сайта, и дизайн. Здесь разделите время, тему можно обдумывать и не сидя за монитором, а например, по дороге на работу или учебу, а учебник читать за монитором.

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

Вы читаете учебник, пробуете примеры. Советую сразу переходить к написанию сайта. Для этого продумайте вид сайта и дизайн. Совет: распространенный размер мониторов 1024х768, не жмитесь в 800х600. Не выбирайте очень сложный вид, много там панелек и т. д. Даже при использовании 2-х страниц, довольно сложно будет отслеживать все изменения, там, где их быть не должно.

Советую следующий вид: Верхняя часть картинка, ниже строка меню сайта, ниже основная страница сайта, ниже подвал где будут ссылки, например на сайты каталоги.

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

Итак, вы создаете папку вашего сайта. Советую не делать много папок, сейчас вам это не нужно. Создаете первый файл index.html (все файлы советую писать только в нижнем регистре), если Вы еще не прочитали, с этого файла начинается отображение вашего сайта. Сделав какой-то пример сразу пробуйте что-то добавить к своему сайту. Пробуйте что-то поменять, и посмотрите результат. Желательно разобраться во всех элементах HTML, их не так много. Так постепенно вы поймете, как все работает.

Как просмотреть результат, просто запустите ваш файл .html и все.

Использование стилей. Мощная вещь. Здесь смысл в чем. При изучении HTML, вы узнаете, что например текст имеет несколько атрибутов, такие как цвет шрифта, размер шрифта и т. д. Например вы делаете заголовок красным, основную часть синим, выделенные какие-то фразы розовым. Теперь вам захотелось поменять цвет, для этого Вам нужно найти все фразы, слова, и т. д. и поменять цвет, и так каждый раз. При использовании стилей Вы например назначаете стиль для каждого элемента, например стиль для заголовков, стиль для основного текста, стиль для выделений в тексте. При написании назначаете соответствующий стиль для каждого элемента. Если хотите поменять внешний вид, изменяете цвет в самом стиле, и все разом поменяется. Вообще я бы советовал применять стиль везде, это упростит вам жизнь. Кстати если вы используете Macromedia Dreamweaver, то там все сделано очень удобно, я даже и не изучал, программа делает все сама. Кроме того, верстка слоями, и другие элементы HTML возможно только при использовании стилей.

Java-script – это элементы программы на вашей страничке. Использование его совсем не обязательно. Почитайте, можно сделать страничку довольно функциональной и красивой. На Ваше усмотрение. Но помните в браузере, выполнение Java-script можно отключить, и все, что вы напишите на Java-script работать не будет.

Совет: если вам понравилась какая либо страничка в Интернете, можете ее скачать и просмотреть в Macromedia Dreamweaver исходный текст, как сделана верстка, какие есть примочки на Java-script, и как настроены стили, очень полезно.

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

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

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

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

Добавить сообщение. Благодарю за Ваш отзыв!

* Имя или nik
E-mail
Хочу получить ответ
Символов осталось:
Код: Введите проверочный код 4 символа, который изображен в виде картинки.