Бесплатный онлайн опрос

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

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

На данный момент есть две темы для голосования:

Тема №1: Какая система управления сайтом лучше подходит для ведения своего блога?
Тема №2: Лучший способ заработка для блоггера
Тема №3: Какая тема блога популярнее

 

 

FAQ по HTML – Учимся делать ссылки

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

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

Для того чтобы обозначить ссылку существует тег "a" и его параметр htef, в котором указывается адрес страницы на которую ссылаются.

Читаем далее - Учимся делать ссылки

FAQ по HTML - Форматирование текста

Начну с самого главного тега, без которого нет смысла заниматься разработкой веб страниц.

Тег p - параграф.

Параграф – это текста разделенный по смыслу для более удобного обзора и прочтения. Получается, что какой бы вы текст не вводили, вы, так или иначе будете разбивать его на отдельные части, которые заключите в данный тег.

Далее к тексту применим форматирование, то есть заставим наш текст выглядеть визуально красиво.

Для этого будем применять следующие теги:

strong - Жирное начертание текста. Пример: Применение тега strong. Данный тег является парным, то есть требует закрытия.

em - Курсивное начертание текста. Пример: Применение тега em. Данный тег тоже парный.

Важно знать что теги b и strong, также как i и em являются не совсем эквивалентными друг другу.

Первый тег b — это тег физической разметки и устанавливает жирный текст. Тег strong — это тегом логической разметки и определяет важность помеченного текста.

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

Продолжение - Форматирование текста

FAQ по CSS - Введение в CSS

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

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

Каскадные таблицы стилей (Cascading Style Sheets, CSS) - это набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.

Стили позволяют с помощью всего одного созданного вами действия применить сразу всю группу атрибутов форматирования.

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

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

CSS представляют собой мощную систему для разработчиков сайтов, расширяя их возможности по дизайну и верстке веб-страниц.

Давайте рассмотрим, как включить CSS в вашу веб-страницу.

Существуют три разных способа включения:

• внутренние стили;


• таблица связанных стилей;


• таблица глобальных стилей.

Читать даее - Введение в CSS

Что такое HTML или история возникновения гипертекстовой разметки.

Немного предыстории. Примерно в 1991-92 годах в стенах Европейского совета по ядерным исследованиям в Женеве британский ученый Тим Бернерс-Ли придумал язык, цель которого - помочь многим научным работникам обмениваться научной и технической документацией.

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

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

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

Почему HTML называют языком разметки гипертекста?

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

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

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

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

Что необходимо, для того чтобы начать изучение языка:

1. Простой текстовый редактор Блокнот.
2. Для более профессиональной верстки лучше иметь инструмент более расширенный. Таким инструментом является PSPad:

http://www.pspad.com/ru/download.php

3. Для проверки правильности отображения страниц необходимо иметь в своем распоряжении несколько браузеров: Internet Explorer, Opera, Mozilla Firefox.

4. Валидатор – специальная программа или система, которая позволяет проверить правильность составления HTML документа и выявляет ошибки.
http://validator.w3.org

Программа валидатор Tidy: http://tidy.sourceforge.net

5. Справочник HTML и обучающие курсы:

http://htmlbook.ru/html/

http://htmlcss.infowind.ru

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

PS: Начинайте читать FAQ по HTML

Основные теги элементов веб-страницы

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

В этом посту я постараюсь поставить вас на путь истинный и раскрою для вас секрет использования тегов для построения сайтов. Так какие теги использовать?

На самом деле этот вопрос возникает в связи с малым опытом верстки. Любой продвинутый верстальщик вам скажет, что в своей работе он пользуется ограниченным количеством тегов. Обычно, для верстки web-страниц, вполне достаточно использования небольшого числа визуальных элементов в разных сочетаниях.

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



Тег заголовка web-страницы.

Данный тег необходим, так как создает название вашего документа, на который ориентируются поисковые системы.





Тег гиперссылки.

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

Читать далее...

Учимся делать ссылки в html

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

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

Для того чтобы обозначить ссылку существует тег "a" и его параметр htef, в котором указывается адрес страницы на которую ссылаются.





Запомните, тег "a" парный, требует обязательное закрытие.

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

У ссылке существует параметр target, с помощью которого можно изменить переход в другом окне.

Продолжение - Учимся делать ссылки в html