Htmlcss

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

Скелет
За этим названием скрывается обязательная последовательность тэгов, которые и образуют красивый внешний вид вашего сайта.

Выглядит он так







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

Где: ,,, -основные тэги, которые никоим случаем нельзя исключать.

,, - обозначают закрытие тэга, и тем самым, определяют границу каждой рабочей области из перечисленных .

шаблон (внешний вид сайта) следует сохранять в .html формате. Например, создаете текстовой файл "file.txt" и переименовываете его в нужное вам имя, меня расширение файла на .html

Если это ключевая страница вашего, простого шаблона, то назовите ее Index.html именно с такойго имени и расширения файла начинается индескация вашего сайтика на хостинге

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

Теперь можно начать делать наш простенький сайтик.

DIV
... - С этого момента это ваш основной друг, брат и папа. Именно в этих тегах и содержиться информация вашего сайтика.

данный тэг (...) необходимо вставлять в внутрь тэга . Пример:






* Привет я твой первый текст *




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








* Привет я твой первый текст *




где ... - область для присваивания значения для
.class 'ов и их параметров.




.text {
position:fixed;
width:20%;
height:20%;
top:40%;
left:40%;
}




* Привет я твой первый текст *




Для более быстрого восприятия css советую вам использовать Adobe Dreamweaver CS6.

Сохраняем наш index.html и перетаскиваем в окно браузера. Смотрим что получилось.

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

Вещь в себе - философский термин, означающий вещи, как они существуют сами по себе (или «в себе»), в отличие от того, какими они являются «для нас» — в нашем познании. Различие это рассматривалось ещё в древности, но особое значение приобрело в 17—18 вв., когда к этому присоединился вопрос о способности (или неспособности) нашего познания постигать «вещи в себе».

Способны ли мы познать истинную природу вещей? Что является основой нашего мира? Почему мы воспринимаем определённые вещи так, а не иначе?

Мы живём, думая, что то, что мы видим - это и есть реальное, истинное состояние окружающего мира. А что, если весь наш мир имеет чёткую структуру и вещи описаны элементарными законами и представлениями? А в голове у каждого человека находится инструкция по тому, как надо воспринимать и реагировать на "скелет" каждой вещи?
Получается, что основа мира - это HTML (разметка, структура), а в голове у нас - CSS (инструкции по представлению)!

Замечали, что разные люди смотрят на одинаковые вещи по-разному? Кому-то кажется красиво, а кому-то - безобразно. У дальтоников вообще некоторые пункты инструкции кардинально не совпадают с большинством (наверное баг закрался). Скорее всего основа мира (HTML) не меняется со временем, а меняются представления в голове людей. Например, в 19 веке основным транспортным средством были лошади, а сейчас - автомобили. Значит произошла подмена CSS-представления некого изначального элемента структуры, обозначающего индивидуальное средство передвижения.

Интересно, кто же всё это, эти инструкции, закладывает в нас? Может некое высшее существо в начале сотворило основу мира, разметило территорию и обозначило основные элементы (HTML), и, возможно, создало несколько пробных CSS-представлений (людей). И что дальше? Не может же оно следить за всем нынешним человечеством и всаживать в каждого родившегося ребёнка свои представления!
Значит есть некий алгоритм, по которому генерируются новые CSS-представления для каждого человека (и меняют их с течением жизни).

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

*написано на начальной стадии обучения веб-программированию, лет n-цать назад