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

Немного о разметках, кодах, стилях.

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

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки( тегов) документов для создания сайта. Большинство веб-страниц сайтов создаются при помощи языка HTML( или XHTML). Библиотека HTML. интерпретируется( просто говоря, преобразовывается) браузерами и отображается в виде документа в удобной для человека форме на мониторах и экранах компьютеров..

Текстовые документы, содержащие разметку( теги) на языке HTML( такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называются «браузерами». Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer. Вот и все в принципе для общего понятия и развития. Далее мы потихоньку-помаленьку научимся управляться тегами, которые будут размещаться на страницах сайта, но не будут видны( тег — метки ключевого слова, описания, поиска данных и задания внутренней структуры страницы сайта) и составлять на языке HTML свои странички и закидывать их на свой сайт.

Повторимся и напишем, язык HTML разметки тегами страницы сайта – указания браузерам адекватно( то есть так как вы хотите) отображать абзацы, ссылки, изображения. HTML разметку определяют теги. Если Вы желаете самостоятельно наполнить сайт контентом( содержанием страницы сайта текстом, изображениями, опросниками, рекламой, и многими другими нужными, но порой и ненужными информациями), но не имеете достаточных знаний в области HTML или CMS, возникают проблемы при введении материала, текста, изображения или ссылки. Обычно происходит так: Вы собираетесь добавить на сайт какой-либо материал, используя Joomla, Drupal или другую CMS, создаете соответствующую страницу и вводите текст статьи в соответствующее поле. Такое поле, для ввода тела статьи, текста, обычно называют редактором. В этом редакторе можно форматировать текст. Но после публикации статьи, то что Вы видите на полученной странице не соответствует тому, что Вы ожидали увидеть. Это болезнь проявляется достаточно часто, избавиться от нее можно, отключив этот редактор, используемый в CMS. Но, отключив редактор, на этой странице, невозможно ввести изображение, установить ссылку, разбить статью на параграфы, обозначить список, выделить жирным или курсивом участок текста и другое форматирование. Поэтому выход из такого неприятной ситуации – ручная html разметка текста – HTML верстка – разметка тегами HTML без использования редактора, встроенного в CMS. Требуются определенные знания языка HTML разметки для того, что бы отформатировать нужным образом текст, расставить ссылки, изображения и готовую конструкцию вставлять в CMS при отключенном редакторе. Кроме знаний и опыта разметки тегами html, понадобятся навыки использования HTML-редактора, независимого от CMS. То есть современные программы типа Joomla не избавляют Вас от некоторых обязательных знаний основ языка разметки HTML.

Имейте ввиду, что параллельно Вы обязаны получать базовые знания( хоть поверхностные) о каскадных таблиц стилей ( CSS), синтаксисе JavaScript, и их возможностях, и никак не обойтись без основ Web-графики и иметь представление о расширениях .gif, .jpeg, .png . Для этого Вам всего лишь надо будет кликнуть в содержании сайта на мои библиотеки, что слева в колонке и Вы получите все необходимые данные для создания сайта.

Основным понятием CSS( каскадных таблиц стилей) является стиль – свод правил оформления и форматирования, который применяется к различным элементам страницы. В языке разметок HTML для присвоения какому-либо элементу( тегу) определенных свойств( цвет, размер, положение на странице и т. п.) приходится каждый раз описывать данные свойства, даже если на одной страничке должны располагаться 5 или 55 одинаковых элементов - абсолютно одинаковых элементов. Однако, Вы должны 5 или 55 раз вставить один одну и ту же строчку HTML­кода в страничку. CSS( каскадных таблиц стилей) действует совершенно удобным и экономичным способом. Для присвоения какому-либо элементу( тегу) определенных параметров один раз описать этот элемент и определить данное описание как стиль, потом просто указывать, что данный элемент( тег), который хотите оформить соответствующим образом, должен принять свойства стиля( CSS). Легко и просто в дальнейшем делать только ссылки изменения, но сценарий программ Вы не меняете, хотя меняется иногда страница полностью. Более того, Вы можете сохранить описание стиля не в тексте Вашей странички, а в отдельном файле( так наз. внешний стилевой файл с расширением .css) – позволит использовать описание стиля на любом количестве Ваших страниц. В одном месте изменили в тысячах страницх сразу появились Ваши изменения размера текста, шрифта, цвета, формы и т.д. CSS( каскадных таблиц стилей) позволяют работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой. Но, об этом Вы можете прочесть на моих страницах соответствующего раздела.

Не пугайтесь Вы пока будете обходиться минимумом и делать максимум при оформлении страниц сайта. Мы пойдем по очень оптимальному и кратчайшему пути при создании сайта, правда, это не всегда от простого к сложному. Мой принцип, чтобы было понятно и ясно. Но знайте, что в процессе наработки материалов столкнетесь монотонно повторяющимися процедурами, от которых желательно избавляться и унифицировать - это основа и краеугольный камень при создании своего сайта своими руками. Эти знания Вам и помогут. Кстати, прежде чем, начнем закладывать первую и главную страницу, надо Вам уже в глобальном масштабе представлять о чем будет Ваш сайт, чем будете заниматься? Чтобы хотя бы прикинуть структуру будущего сайта, потому как живучими сайты бывают от 150-250 и выше страниц, поэтому без четко продуманной системы бесплатного сайта, что с чем связано, что за чем и куда ссылается невозможно будет легко и просто управлять своим сайтом. Обычно по мере наработки посетителей некоторые начинают вешать рекламу. Тем более здесь без блочной структуры сайта и вкраплений в виде php кодов не обойтись. Но все это потом, но на ус мотать надо здесь и сейчас и потихоньку-помаленьку набирать багаж знаний как создавать сайт, чтоб потом не сесть на мель.

Вроде все сказано, все основные темы сайтостроения освещены ( ой-ли? чтобы разобрать все вопросы жизни не хватит), кроме SEO продвижения сайта ( seo) и зарабатывания индексов. Лиха беда - начало.

Вперед. Победа будет за нами!


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
... ... ...

обратно на главную   назад   дальше   вперед

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