Введение в веб-программирование.
В этой главе я расскажу о том что предстоит изучить и что вас ждет.
Одним словом введу вас в курс дела в веб-программировании.
Наберитесь терпения. Хоть материал и являться достаточно легким, но все
же потрудиться придется. Создание сайта не что иное как программирование.
Но не пугайтесь, все достаточно просто. Следуйте инструкции, выполняйте
рекомендации, а главное изучив что то новое пробуйте делать это. Ведь
не что так не может научить как практика. Тренируйтесь после каждого
урока. Когда все будет хорошо получаться можно будет приступить и к
созданию сайта. Теперь коротко обо всех темах.
Выбор темы. О чем будет описано в этой главе я думаю понятно. Я
дам вам некоторые рекомендации которые помогут вам правильно выбрать
тему будущего сайта. Ведь это первое и одно из основных ваших действий.
От выбора правильной темы зависит все существование сайта.
План сайта. В этой главе мы будем строить для себя план сайта.
То есть делать первые образы нашего будущего проекта.
Программы. Здесь я предоставлю некоторые программы для того
чтобы упростить вам жизнь. :)
Изготовление сайта Этот раздел направлен на последний пункт в
подготовке. И так же последний теоретический материал. Дальше конечно
тоже будет теория, но все прочитанное мы будем применять на практике.
Знакомство с HTML. HTML это язык программирования. По моему
мнению самый легкий язык, но не смотря на это, основа в написании сайта.
Без него в дальнейшим не куда. Практически все остальные языки связаны с
ним. Но мы будем изучать только его. На одном HTML можно построить
очень хороший сайт.
HTML Справочник. Это сборник основных тегов. (Что такое тег вы
узнаете дальше.) Он будет вашей шпаргалкой, до тех пор пока вы их не
запомните. Учить их я вам не советую. Это довольно сложно и создаст
путаницу в вашей голове. Периодически их используя, вы сами не заметите
как без труда их запомните. И обращаться к справочнику придется все
реже.
Выбор домена. Глава о том что такое домен, какими они бывают,
как правильно выбрать и как зарегистрировать.
Выбор хостинга Я расскажу о том что такое хостинг, какие бывают
разновидности, зачем он нужен и как его приобрести.
Загрузка сайта на сервер Из этого урока вы узнаете что такое
сервер, как загрузить ваш сайт в интернет. Как сделать его доступным для
всех остальных.
Раскрутка Некоторые рекомендации и советы по раскрутке. А так
же что это и для чего необходимо выполнять определенные действия.
Заключение Подведем итоги по пройденному материалу. Выделим
основные черты в изготовлении сайта.
Советы новичку Пока опыта у вас еще маловато, и многих
тонкостей вы еще не знаете, будете совершать много ошибок. Хотя все
учатся на своих ошибках, я все же постараюсь сократить их число, и дам
вам некоторые необходимые советы.
О сайте Кому будет интересно можете прочесть эту главу. Тут
основная характеристика сайта, небольшая история. Так же я рассказал не
много о себе, что бы вы имели представления об авторе этих уроков, и
поняли почему стоит прислушиваться к моим советам и рекомендациям. А
так же почему мое руководство действительно поможет вам.
Как правильно выбрать о чем будет сайт.
Это очень важная часть. От выбора тематики вашего сайта будет зависеть
вся дальнейшая история его развития. Сайт должен быть о том что вы лучше
всего знаете, в чем хорошо разбираетесь и в каких знаниях превосходите
многих посетителей вашего сайта. Для того что бы им интересно было
знакомиться с материалом изложенным на вашем сайте. Не пытайтесь
создавать то в чем вы ничего не понимаете, какой бы популярной тема не
была. Вы должны четко представлять себе всю информацию которую хотите
выложить на сайте. Эта тема должна быть не только хорошо известна вам,
но так же интересна. Ведь если это интересно вам, то с таким же
интересом ее будут читать и другие. Постоянно помните что в первую
очередь вы делаете сайт для людей которые будут его посещать. Сделав в
уме наброски подумайте над тем, на сколько перспективна эта тема. И о
том как в будущем ее можно будет расширить. Не живете одним днем.
Смотрите вперед. Ведь сделав ошибку сейчас, в будущем она даст о себе
знать, и исправить ее возможно будет трудно. Поэтому выбирая тему четко
представляйте себе содержание сайта, прикиньте для себя какому
количеству народу она будет интересна, для какого контингента сделана.
Поищите в поиске сайты на эту тему и решите для себя что на вашем сайте
будет такого, чего не будет у других. Ни в коем случае не пытайтесь
повторять на другими сайтами, а тем более размещать чужую информацию или
дизайн. Это не только нарушение авторских прав, но и очень пагубно
скажется на вашем сайта. Практически это гибель сайта. Даже если вы не
будете точно копировать содержимое, а сделаете очень похожий сайт, он не
будет пользоваться популярностью. Так как сайт с которого вы скопируете
информацию существует на много дольше, и пользуется большей
популярностью.
Разработка плана для сайта.
После того как вы определились с темой сайта, нужно сделать не большой
план или схему будущего сайта, называйте как вам удобнее. Я бы
порекомендовал взять лист бумаги или блокнот и схематично нарисовать как
будут выглядеть страницы вашего сайта, сколько их будут, какими вы их
хотите видеть. Перечислите их и начертите схему к каждой. Укажите на
страницах информацию которую вы будите размещать на той или иной
странице. Это поможет с первого раза сделать все правильно. Чтобы потом
не возникали какие то ошибки, не приходилось что то менять и
переделывать в каких то частях сайта, а то и весь сайт. Поверьте мне,
сделать правильно с первого раза на много легче, чем потом исправлять и
что то переделывать. Вспомните все что вы прикидывали в голове когда
выбирали тему сайта, что то дополните нового сейчас. Потом вписывать
будет сложнее. Старайтесь продумывать заранее все детали, чтобы четко
представлять перед собой цель, то что вы хотите увидеть в конечном
итоге. Это не только поможет сделать все правильно, но и избавит вас от
тупиковых ситуаций. Например, размышляя что "А сейчас это сделаю, а
потом что нибудь придумаю" Может получиться так, что потом что бы вы не
придумали у вас не как не подходит не к продолжению, не к дополнению.
Попросту не вписывается в вашу тему.
Поэтому всегда продумывайте на будущее. Чтобы ваши мысли всегда
опережали ваши действия. В голове переделать легче. :)
Скачать бесплатно редактор html
Для того чтобы писать теги сайта(мы изучим их позже) вам нужно скачать
редактор-HTML. Можно конечно обойтись без него, но он значительно
облегчит вам жизнь. К тому же без такого редактора трудно будет сделать
хороший сайт. Скачать вы можете его бесплатно чуть ниже. Он на русском
языке и обращаться с ним очень просто. Для тех кто всетаки на сможет
разобраться я объясню как с ним работать.
Скачать
HTML-редактор.
После того как вы скачали программу на свой компьютер распакуйте архив и
установите ее. Думаю объяснять не стоит как это делать. Практически все
не раз устанавливали игры или программы на свой компьютер. :)
Запустите редактор. Если вы сделали все правильно у вас должно открыться
два окна. В нижнем вы будите писать код страницы, а в верхнем окне
будите видеть результат. Очень удобно. Не приходиться постоянно
открывать страницу и сохранять файл в разных форматах. Так же этот
редактор сохраняет страницы в формате html. Именно в этом формате
пишутся страницы web-сайта. Этот формат поддерживает браузер. Если вы
попробуете сохранить страницу, найти этот файл на компьютере, то
страница откроется в вашем браузере.
Для начала этой программы будет достаточно. В дальнейшим если вам что то
понадобиться вы сможете найти в интернете. А пока мы ограничимся одной
программой.
Изготовление сайта. Или как создать сайт на своем
компьютере.
Это последняя глава которая считается подготовительной. В следующей мы
приступим непосредственно к написанию сайта. Здесь мы будем
создавать сайт на своем компьютере. Можно конечно делать сразу в
онлайн, но это займет больше времени, к тому же если интернет не
безлимитный, то и обойдется он вам не очень то и дешево. Создайте на
компьютере пустую папку. Назовите ее как угодно, это не будет иметь
значение. Все файлы и страницы создавайте в одной папке. Первый сайт,
думаю, не будет очень большим. Поэтому не стоит пока создавать
дополнительных папок. Когда вы освоите весь материал вы поймете почему. И
научитесь в дальнейшем применять сортировку файлов по отдельным папкам и
даже сайтам. Подготовительный материал на этом заканчивается. Дальше
будет еще интереснее. Вы начнете воплощать свои идеи и наработки в
реальность. Если вы все подготовили, то можете смело двигаться дальше!
:)
Знакомство с языком программирования. Программирование на
HTML.
Как вы уже наверно поняли это язык программирования. А программировать
мы будем сайты. :)
Откройте свой редактор. Запустите новый файл указав ему путь к папке
которую вы создали для сайта. Сверните его не на долго пока мы разберем
некоторые понятия. Первое понятие с которым мы познакомимся это тег
. Тег- это специальный код на котором пишутся страницы сайта.
Например <HTML> ... </HTML> Тег заключен в треугольных
скобках. Первый тег открывается, а последний его закрывает. Они
отличаются только косой чертой. Все что между ними это то на что мы
влияем, например текст. если вместо этих подставлять те или иные теги,
то мы сможем делать текст больше или меньше, либо менять цвет.
Я не буду снова возвращаться к теории, поэтому перейдем сразу к
практике. В вашем редакторе, в нижнем окне начинаем создавать вашу
первую страницу. Для удобства в верху справа в вашем редакторе нажмите
кнопку "Авто обновление". Так вы будете писать, а результат
автоматически будет появляться в верхнем окне. Пишем первые теги. Все
страницы должны начинаться с такого кода:
<HTML>
<HEAD> <TITLE> Тут пишем имя вашей страницы <.TITLE>
</HEAD>
<BODY>
Это основа страницы. У вас по прежнему будет чистый лист, но основы вы
построили. Как вы заметили все теги закрываются в том же порядке котором
мы их открывали. тег <BODY> Это тело всей страницы. В нем мы
будем писать страницу сайта. Если сейчас что то не понятно, не
расстраивайтесь, позже поймете. Итак, после этого кода, к примеру мы
пишем статью.
<H1> Заголовок </H1>
<P> Ваш текст </P>
Обозначение основных тегов вы можете посмотреть в HTML-справочнике.
Для того чтобы понять все до конца скопируйте текст ниже и вставте его в
свой редактор, и попробуйте понять как работают теги.
<HTML>
<HEAD> <TITLE> Тут пишем имя вашей страницы <.TITLE>
</HEAD>
<BODY>
<H1> Заголовок </H1>
<P> Ваш текст </P>
Получится у вас должно примерно следующее:
Заголовок
Ваш текст
Основные теги html. Написание страниц сайта.
Итак, представление о тегах мы имеем. Теперь что бы работать с текстом
можно воспользоваться справочником. Первые теги которые мы рассмотрим
относящиеся к тексту . Выбирая нужный тег из справочника и вставляя
между открытием и закрытием текст, вы можете выбирать ему размер, цвет,
делать курсив, жирный или подчеркивать. Все эта в справочнике, в разделе
"Внешний вид". Так же там есть все остальные теги с которыми мы будем
сейчас знакомиться.
Имея те не большие знания вы уже можете сделать не большую страничку. Но
ведь на сайте как мы знаем несколько страниц. Таким же образом мы
создаем и все остальные. А как сделать переход от одной страницы к
другой. Для этого есть понятие "ссылка". Вот ее пример:
<A HREF="имя страницы на которую переходите.html"> слово которое
будет ссылкой </A>
имя страницы указывается латинскими буквами. А слово-ссылку русскими.
Это слово, при клике на которое откроется страница название которой вы
указали.
Идем дальше. Как вставить картинку на сайт. В эту папку где сайт кидаем
нужную вам картинку. Потом в том месте где она должна быть вставляем
код-ссылку на картинку. Имя картинки указываем с ее форматом. Например
картинка называется pic и имеет формат jpg следовательно ссылка на нее
будет выглядить так:
<IMG SRC="pic.jpg">
Этот тег закрывать не нужно.
Это были коротко основы языка программирования. Теперь пользуясь
справочником вы легко можете писать не сложные страницы. Если возникли
трудности, или вы чего то не поняли, рекомендую вам бесплатно скачать
электронный учебник ник ниже.
Скачать
учебник "Основы html"
В нем все просто и подробно написано. С его изучением трудностей не
возникнет.
Справочник html тегов. Теги и их обозначения.
| Тип документа |
<HTML> </HTML> |
Начало и конец файла. |
| Имя документа |
<TITLE> </TITLE> |
Должно быть в заголовке. |
| Заголовок |
<HEAD> </HEAD> |
Описание. Например имя. |
| Тело |
<BODY> </BODY> |
Содержание страницы. |
Определение структуры.
| Заглавие |
<H?> </H?> |
От 1 до 6. |
| Секция |
<DIV> </DIV> |
0 |
| Цитата |
<BLOCKQUOTE> </BLOCKQUOTE> |
Отступ по краям |
| Выделение |
<EM> </EM> |
Курсив+жирный |
| Большой шрифт |
<BIG> </BIG> |
+ |
| Маленький шрифт |
<SMALL> </SMALL> |
- |
Внешний вид
| Жирный |
<B> </B> |
Жирный шрифт |
| Курсив |
<I> </I> |
Шрифт- курсив |
| Подчеркнутый |
<U> </U> |
Часто не поддерживается. |
| Верхний индех |
<SUB> </SUB> |
0 |
| Нижний индех |
<SUP> </SUP> |
0 |
| Форматирование |
<PRE> </PRE> |
Оставляет текст без изменений |
| Центрировать |
<CENTER> </CENTER> |
В центре страницы по горизонтали. |
| Размер шрифта |
<FONT SIZE=?> </FONT SIZE=?> |
В пикселях |
| Цвет шрифта |
<FONT COLOR="#$$$$$$"> </FONT
COLOR="#$$$$$$"> |
цВЕТ ПИСАТЬ КОДОМ ВМЕСТО $$$$$$ |
Ссылка и графика
| Ссылка |
<A HREF="URL"> </A> |
На страницу или на сайт |
| Графика |
<IMG SRC="URL> |
Жирный шрифт |
Разделители
| Перенос |
<BR> </BR> |
На строчку ниже |
| Горизонтальная линия |
<HR> |
Тонкая линия по горизонтали |
Таблица
| Определить таблицу |
<TABLE> </TABLE> |
0 |
| Окантовка таблицы |
<TABLE BORDER=?> </TABLE> |
Бордюр |
| Строка таблицы |
<TR> </TR> |
0 |
| Ячейка |
<TD> </TD> |
0 |
| Цвет Таблицы, ячейки, строки |
<BGCOLOR="#$$$$$$"> |
Ставить после TABLE,TR, TD. Соответственно |
| Заголовок таблицы |
<TH> </TD> |
Появляется вначале таблицы |
Бесплатный и платный домен. Как выбрать домен. Что такое
доменное имя.
После того как сайт на компьютере готов, начинается подготовительный
этап для загрузки сайта в интернет. Как вы знаете у каждого сайта есть
свое имя или адрес. Например www.molodejniy.ru
Это и называется доменом. Расскажу не много о разновидностях. Домены
бывают нескольких уровней. www- это начало адреса любого web сайта.
После него идет непосредственно домен. Домен первого уровня состоит из
одной составляющей RU,COM,NET и т.д. Например: www.ru Эти домены и
представляют имя сайта второго уровня. Обычно характеризуют
принадлежность к какой либо зоне. Пример таких доменов www.molodejniy.ru
Чаще всего они регистрируются платно. Стоимость регистрации порядка
100-500рублей в зонах RU NET ... Домены третьего уровня в основном
предоставляются бесплатно. Но сайт будет непосредственно зависеть от
домена второго уровня, будет как бы его поддоменом. Пример такого домена
www.web.molodejniy.ru
Как выбрать для себя домен и зарегистрировать его. Регистрация довольно
простая и предоставляется практически всеми хостингами. О них мы
поговорим в следующей главе. Если сайт у вас получился достаточно
качественный, то рекомендую выбрать домен второго уровня. Хоть он и
платный, зато сайт практически не от кого не будет зависеть. А потом
если вам еще понадобятся домены третьего уровня, вы можете сделать его
бесплатно. Но поддомен тогда будет зависеть от вашего сайта. И ваш, а не
чужой сайт, будет его основой.
Когда вы решили что лучше заплатить или быть хвостом чьего то домена,
нужно придумать ему имя. Рекомендации: Имя не должно быть слишком
длинным. Чем оно короче, тем легче запоминается. Если короткое не
получается, то сделайте его легче запоминающимся. Проверить не занято ли
это имя, и там же зарегистрировать можно на хостинге. Для этого
перейдем к следующей главе где я расскажу как правильно выбрать хостинг.
Что такое хостинг. Выбор хостинга.
Хостинг- это сервер или дисковое пространство. Там где вы будете
размещать ваш сайт в интернете. Хостинг предоставляет память в
интернете, куда вы загрузите свой сайт и он будет доступен посетителем.
Так же все управление сайтом вы будите производить через него. Хостинг
так же бывает платный и бесплатный. Бесплатный это хостинг так же
предоставляет бесплатный домен третьего уровня. Сайты предоставляющие
бесплатный хостинг и домен такие как: www.ucoz.ru www.narod.ru
Но при выборе бесплатного хостинга, вы сможете иметь домен третьего
уровня на основе чужого сайта. К тому же на ваш сайт будут вешать
рекламу. Та что если вы все таки решили сделать качественный сайт,
предлагаю выбрать платный хостинг и там зарегистрировать домен второго
уровня. К тому же цена за него относительно мала. от 60рублей в месяц.
Вот пример сайта предоставляющий платные услуги: www.sweb.ru Очень
качественный и легкий в управлении хостинг. Там же не регистрируясь
можно проверить не занят ли домен, и в каких зонах можно его
зарегистрировать. Выбирайте домен, регистрируйте его на хостинге, и
можно переходить к загрузки сайта на ваш сервер.
Как закинуть сайт в интернет.
Когда все готова нужно закинуть сайт в интернет. Ему
автоматически будет присвоено выбранное ему имя. Вы сможете найти его в
интернете введя домен который вы зарегистрировали. Я не буде заострять
внимание на том как загружать файлы на сервер. Там очень удобный
файловый менеджер, вы без труда разберетесь. Скажу лишь одно. Файловые
редакторы предоставленные хостингом зачастую имеют множество ограничений
по размеру файла, или их количества. В любом случае вы можете скачать
любой файловый менеджер из интернета. Убедитесь только что он имеет
функцию подключения к сети. Так как смысл работы заключается в том чтобы
перекинуть файл из папки на вашем компьютере, в удаленную папку на
сервере. Если возникнут вопросы, можете уточнить написав мне, или
обратиться в службу поддержки вашего хостинга.
Как бесплатно и быстро раскрутить свой сайт.
Теперь вы можете набрать адрес вашего сайта в браузере и убедиться в его
работоспособности.
Но если вы думаете что работа на этом закончена, вы сильно ошибаетесь.
Ваш сайт в интернете, но никто кроме вас и ваших друзей о нем не узнает.
Для того чтобы привлечь на ваш сайт посетителей нужно начать долгий и
достаточно сложный процесс раскрутки. Но не пугайтесь. Когда вы увидите
на сайте первых посетителей ваше желание возрастет, а раскрутка станет
интереснее. В чем заключается ее смысл. Для того чтобы раскрутить сайт
самостоятельно потребуется уйма времени, и не как не обойтись без
хорошего объема знаний. Вы можете обратится сайтам предоставляющем
платную раскрутку или продолжить обучение в этой области и продолжать
продвижение самостоятельно. Так же можете воспользоваться нашими
услугами зайдя в меню "услуги". Но прежде чем воспользоваться услугами
вам нужно поставить на ваш сайт счетчики посещаемость. Так вы сможете
контролировать работу по продвижению и видеть результат. Чтобы
установить счетчик на сайт вам необходимо зарегистрироваться в рейтингах
и каталогах. Это бесплатно. Вот несколько сайтов в каталогах которых вы
можете зарегистрироваться и получить счетчик:
www.liveinternet.ru ; www.top100.rambler.ru ; www.top.mail.ru
После регистрации установите счетчики на ваш сайт скопировав код
счетчика который вам предложат сайты рейтингов и каталогов. Очень
советую пользоваться различными способами раскрутки, для достижения
наибольшего эффекта. К тому же процесс раскрутки нельзя останавливать ни
на день. В противном случае сайт окажется "на дне" интернета и все
придется начинать сначала..
Советы и ошибки начинающих.
В принципе, все советы и рекомендации уже давались по ходу изучения
материала. Но все некоторые моменты я повторю.
1. Четко определитесь с темой сайта, некогда не повторяйте, а тем более
не копируйте информацию с других сайтов.
2. Не делайте страницы слишком тяжелыми, то есть яркими и со множеством
рисунков. Это затруднит процесс их загрузки.
3. Не пишите на сайте то в чем вы не разбираетесь, а уж тем более не
размещайте ложной информации, это не только не предаст ему популярности,
но и полностью заблокируют во всех поисковиках и рейтингах.
4. Не пытайтесь раскручивать сайты с помощью спама или ложной рекламы.
Это не даст результатов, или он будет совсем не значительным.
5. Помните всегда, в первую очередь сайт предназначен для ваших
посетителей. Отнеситесь к ним с душой, делайте материал интересный и
полезный для них.
|