Уроки HTML
Урок 6. Поздравляю! Но это только начало…
Ну как, надеюсь, вы справились с изображениями и вставили на каждую свою страничку по картинке. На этом я могу вас поздравить и сказать, что вы создали свой первый сайт на HTML! Да-да, это именно так – откройте любую из ваших страничек, посмотрите на это – есть заголовок, есть навигация по статьям, есть картинка, есть красиво оформленный текст. Это действительно сайт! Пусть и совсем маленький, пусть не очень функциональный, но это сайт.
Что, рады? Но хочу вам сразу сказать, что это только начало. Далее вы будете осваивать CSS для того, чтобы страницы выглядели красиво. Будете экспериментировать с версткой на div’ах. А самые любопытные и настойчивые дойдут до освоения php и построения настоящих динамичных сайтов с десятками, а то и тысячами страниц!
Как вы увидели на примере создания сайта на чистом HTML, это совсем не сложно, и заниматься этим могут не только «избранные» или «компьютерные гении», а совершенно обычные люди, как я и как вы.
Главное что я вам могу посоветовать – больше экспериментируйте, не бойтесь этого. Делайте перед каждым серьезным изменением резервную копию сайта и в случае ошибки – просто возвращайтесь на шаг назад и пробуйте снова. Когда-нибудь обязательно получится, я вам это точно говорю!
Ну а если появятся какие-то вопросы, то смело задавайте их мне в комментариях или на почту, я обязательно помогу. Спасибо что читали меня. Желаю успехов!
Урок 5. Вставляем картинки
Наконец, у нас есть мини сайтик из 3-5 страничек да при этом с навигацией, с помощью которой мы можем побродить по нему, перемещаясь от страницы к странице.
Давайте теперь наводить красоту и, первое что мы сделаем, это добавим картинки! С изображениями любая страничка становится гораздо лучше и информативнее. Запомните – картинки нужны любой статье. Без них информация не воспринимается, глазу не за что зацепиться. Человек читает сайты по диагонали, вернее, даже не читает, а просматривает и здесь нужны «якоря», например, картинки, которые будут притягивать взгляд и задерживать пользователя на странице.
Урок 5. Вставляем картинки
Урок 4. Навигация, ссылки. Относительные и абсолютные пути.
Надеюсь, вы успешно справились с прошлым заданием и создали три странички с текстом. Оформили его с помощью тегов и запомнили их назначение. Что же, возникает резонный вопрос: «Как перемещаться между этими страничками?». Легко! Тут нам понадобятся ссылки.
Урок 4. Навигация, ссылки.
Урок 3. Наполняем страницу текстом
Если вы читаете все уроки подряд за один раз, то прошло примерно минут 15, а вы уже на 3 части руководства и уже успели создать простенькую HTML страницу, поздравляю! Теперь же нужно идти дальше и наполнить ее полезной информацией, отформатировать эту информацию и сделать удобной для восприятия.
Урок 3. Наполняем текстом
Урок 2. Первая страница на HTML
Что же, в прошлом уроке вы узнали что такое теги и что они бывают открывающиеся и закрывающиеся. Теперь давайте используем эти знания на практике. Честно скажу, тут все просто. Браузер ведет себя как человек – он читает страницу и отображает ее. Читает сверху вниз, ничего не пропуская. Достаточно лишь описать страничку в соответствии с некоторыми правилами и все будет хорошо.
Урок 2. Первая страница
Урок 1. HTML теги
Давайте же начинать что-то делать и узнавать. Вернее, узнавать и делать. Перво-наперво, я расскажу вам об основе основ в HTML – о тегах. Что такое теги, спросите вы. А я, вместо того, чтобы рассказывать, сразу покажу вам их:
<b></b> <i></i> <br /> <strong></strong>
Уроки HTML. Введение, структура обучения
Если вы читаете этот текст, значит, у вас есть желание научиться создавать сайты на HTML. Что же, могу вас поздравить, ведь большое желание научиться чему-то это уже полдела. А в случае с HTML так и вообще, практически больше ничего не потребуется. Почему? Да потому что это очень просто! Буквально через пару часов у вас будет достаточно знаний, чтобы смастерить, как говориться, «на коленке» свою собственную страничку. Да, она будет простой и на ней не будет супер эффектов, но зато она будет Ваша, собственная, где каждый символ написан со знанием дела. Если у тебя, читатель, остались еще какие-то сомнения, то немедленно отбрось их в сторону! Не думай ни о чем, а просто прочти мои уроки и выполняй задания. Обещаю, что к концу этого мини курса вы будете знать и понимать, как устроена HTML страница, и как ее создать абсолютно с нуля.
Даже если у вас уже есть собственный блог на WordPress или другой CMS, все равно, искренне советую пройти данный курс и выполнить все задания, ведь вы начнете понимать, как устроен HTML изнутри, а это вам пригодится при работе с блогом ни раз. Вперед!
Уроки HTML. Введение