Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30


Чувашия-это моя Россия

Основы HTML.

Основы HTML (Hypertext Markup Language) - это язык разметки для создании страниц сайта, используемый для включения текстовых документов в Web-страницы. Основы HTML позволяет определять элементы, создающие структуру страниц сайта: как заголовки h1, h2, h3, h4, h5, h6, абзацы a, и списки ul ol, разнообразные блоки div и т. п. Другие элементы документов сайта служат механизмами для добавления в Web-страницы гипертекстовых ссылок a на сайте, интерактивных форм и мультимедийных компонентов: как аудио и видео, просто картин и изображений.

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

XHTML - это переработка основ HTML в соответствии с требованиями XML при создании своего сайта. Иными словами, в нем используется тот же словарь ( те же элементы и атрибуты), как в HTML, но синтаксические правила взяты из XML, который является более строгим языком при создании сайта, чем основ HTML. И при этом требуется высококачественная подготовка как программиста, то есть абы-кабы тут писать программы при создании сайта не пойдет. Требования жестче и стандарт требуется соблюдать, чем старое представление основ HTML. И допуск ошибок не принимается, поэтому в начале пути, желательно работать с версией HTML 4.01, которая вполне лояльно относиться к простым ошибкам в написании символов тегов или их недописания в ходе оформлении своего сайта.

Размеченный HTML-документ образует структурный уровень Web-страницы сайта. Это основа сайта, над которой надстраиваются уровень представлений( инструкции по передаче и отображению элементов сайта методом табличных стилей CSS) и уровень поведения( интерактивная работа скриптами JavaScript и плагинами jQuery). Одна из концепций в сайтостроении состоит в том, что базовой целью основ HTML как языка разметки в структуре сайта является предоставление семантического описания( смыслового содержания документов на страницах сайтов) материала и формирование структуры документа при оформлении и обслуживании Вашего будущего сайта.

Основа языка HTML создание базовой модели документа, так называемого каркаса документа, на основе каркаса далее будет формироваться вся надстройка для правильного и приятного отображения содержания документа сайта на клиентской стороне. От того как как эта модель будет выстроена во многом определяется конечный результат, хотя не связано с представлением, т. е. с тем, как документ будет выглядеть в браузере.

Представление - это функция каскадных таблиц стилей( Cascading Style Sheets, CSS). Вот, все это шаг за шагом предстоить пройти и изучить основы HTML, так называемом варианте от простого к сложному и всегда об этом помнить в ходе строительства сайта. Я вам расскажу и покажу, вы научитесь писать программы на любую тему. Разукрашивать на своем сайте страницы так как вы сами того пожелаете. Не надо будет вам никаких движков для создания своего сайта. потому что вам лично будет все понятно и доступно. На моем сайте есть все.

Создание сайта в соответствии со стандартами сайтостроения, правилами или даже точнее с рекомендациями мира Интернета и положениями основ HTML. Это означает использование основ HTML и XHTML в соответствии с правилами создания сайта, определяемыми рекомендациями для создания сайта, обеспечение проверки документов сайта за соответствие заявленному DTD( как раз тому самому каркасу документа). Следование стандартам основ HTML обеспечит для Ваших документов совместимость вперед, с развивающимися технологиями и возможностями браузеров( машинами и центрами программных устройств для отображения Ваших страниц сайта на стороне пользовательского мира). Но в принципе замарачиваться этими требованиями ни к чему, если пользоваться DTD, которое лояльно относится к неточностям написания Вами элементов документов страниц сайта, но знание основ HTML пока никому не мешало - просто всегда поддерживало и помогало. Об этом поговорим позже и более конкретно с объяснениями как написать правильно шапку Вашей страницы сайта.

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

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

Логическое структурирование документов сайта( тоже представления основ HTML). Обеспечивайте чтение Ваших материалов на страницах сайта в логической последовательности, чтобы повысить удобство чтения в разных браузерных средах. Информация, которая должна читаться первой на странице сайта, должна находиться в начале документа сайта. Вы всегда можете использовать таблицы стилей для размещения элементов сайта там, где Вы хотели бы их видеть на странице сайта. Забегая вперед можно сказать, что созданы инструменты для изменения логической структуры сайта впоследствии в ходе обслуживания уже созданного сайта. Таким образом, появилась возможность с минимальными потерями времени и средств улучшить и доработать Ваш сайт впоследствии, то есть имеется инструментарий безболезненного вмешательство в структуру уже написанных страниц сайта; поменять классы элементов, изменить форму и цвет любых элементов документов или добавить другие свойства к существующим уже на странице сайта.

Храните инструкции представления сайта( стили CSS) отдельно от структуры страниц сайта( теги HTML), то есть создавайте внешние файлы для форм представления с расширениями .css. Используйте для управления представлением страниц сайта каскадные таблицы стилей CSS - очень эффективное средство оформления страниц сайта. Если хранить всю стилевую информацию документа сайта в отдельном документе таблицы стилей, в так называемых файлах с расширением .css, то это упростит изменение дизайна сайта или изменение назначения документа сайта.

Далее помните, что для разметки страниц сайта нужно избегать использования стилевых (X)HTML- элементов и атрибутов, которые все еще присутствуют в рекомендациях( например, элемент < b> для жирного шрифта), и использовать соответствующую семантическую альтернативу( например, < strong>) в правиле таблицы стилей на сайте. В принципе знать об устаревших элементов и их атрибутах необходимо, хотя Вы увидите, что их не так уж и мало набирается. Ведь Вам надо будет разбираться не только в языке HTML-кодов при оформлении и в дальнейшем обслуживании Вашего сайта.

Конечно, переживать по этому поводу пока нет оснований, так как легко и просто переваривают браузеры любое представление элементов документа сайта и их атрибутов в старых записях и обозначениях. Но постепенно отвыкать приходиться, постолько рекомендации консорциума W3C становятся все жестче и требовательной и помните об этом в ходе разработки своего сайта( поживем увидим или всему свое время).

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

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


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: