Блок-базирана оформление - как работи сайта, увеличаване на сигурността, както и HTML код структура

Здравейте, скъпи читатели на блога KtoNaNovenkogo.ru. В тази статия ние ще, както вероятно сте се досетили от името, така наречените модулна структура на сайта. но на език, който беше ясно на никого, дори и с сблъсквал.

В момента има два основни начина verstaniya - блок оформление DIV и табличен. По-рано, в статия, посветена на създаването на таблици в HTML. Написах за някои от недостатъците на последната опция, така че сега аз няма да се спирам на този въпрос.

Това, което трябва да се създаде проста оформление на сайта

Ние приемаме за даденост, че използването на DIV оформление в повечето случаи за предпочитане е да се използва таблица. В същото време тя е малко по-трудно да се научат и да разберат, отколкото табличен, но си струва.

Отделете малко време и да се опитаме да се потопи, за да започнете, ако след като прочетете тази статия, в която аз ще се опитам по разбираем начин за основните точки и принципи, използвани в оформлението (2 или 3 колони) уебсайт divah (или в друг контейнер).

Обръщам внимание, че си в тази статия аз съм почти като изпревариха в този процес с вас изучаването на основите. Факт е, че в допълнение към основни познания по HTML (всичко е за манекени), ще трябва най-малко основни познания по CSS (Cascading Style Sheets), които са неразделна и основна част от оформлението на блок. Но само за CSS, не съм казал.

За да можем да се създаде проста оформление на обекта, въз основа на блоковете, ще бъде достатъчно, за да два файла, единият от които можем да предписват нашия HTML код оформление (нека да бъде файла index.html), а другата - след стилистично оформление дизайн (ние наричаме това style.css файл). Защо ние наричаме първата от индексни файлове, а не като нещо по-различно?

Как браузърът работи с файловете на индекса

браузъра търси в основната папка на моя блог (блог файлове се намират физически на хост сървър в public_html., което е свързано с името на домейна на моята папка блог ktonanovenkogo.ru). Какво браузър търси в основата на моя блог? И той търси индекс файла и го намери, ще се отвори:

1. в случай на index.html, браузърът незабавно преобразува HTML кода се вижда в нашия блог страница
2. в случай, че index.php, хостинг сървър ще бъде изпълнена в реално време на PHP скрипт, който е регистриран в нея. Скоростта на изпълнение зависи от силата и заредите вашия хост сървъра, както и броят на посветен лично на Вашия сайт на нейните ресурси. В резултат на това PHP код, на изхода се генерира в HTML страница, че браузърът вече трансформира в изглед вашата уеб страница.

Между другото, в една папка с разпределение Joomla, който по подразбиране не трябва да имат индекс на файлове. сила е добавил празен index.html. Всичко това се прави с цел повишаване на сигурността. Но този метод е много трудоемко, защото тези директории може да бъде голямо разнообразие. Поради това, можете да използвате алтернативен метод.

Налице е файл за сървър конфигурацията на Apache повече (повечето уеб Силите се изпълняват управление Apache), който се нарича .htaccess. Да, да, точно така, до точката преди името без разширението. Специфика на Linux, обаче. Така че той вероятно вече имате в главната папка на Джумла.

All. Всъщност, ние искахме.

Напишете просто оформление на обекта в 2 колони

Нека се върнем към нашата оформление на сайта въз основа на разположението на блока, които в най-простата си форма се състои от само два файлове - index.html и style.css. Можете да ги сложи, например, който и да е създаден специално за директорията на отдалечения хост. Така например, в главната директория Създаване на нов тест с помощта на една и съща Faylzily.

В схематичен изглед 2 колона на базата на Div ще изглежда така:

Всеки един от неговите елементи ще се постави в контейнер за DIV, я зададете уникален идентификатор, за които в CSS файла, за да добавите редица свойства, които описват външния вид и състояние на контейнера на страницата.

В допълнение, всички контейнери с елементи на оформление 2-колона ще се постави в една обща на DIV, което ще ни позволи да регулирате позицията на цялата оформлението на страницата (настроите ширината му, подравнена с края на страницата, и т.н.)

Основните елементи на структурата на всеки HTML код

Започваме, разбира се, с писане на код във файла index.html. Може би вече знаете, че има първоначални задължителни елементи във всяка HTML файл, който изглежда така:

сключен между главата, нека каже на браузъра, в която е кодирана в руския език е съхранен документът. В нашия случай (той съдържа UTF-8 кодиране, но също така и доста често е и Windows-1251 Като цяло, използването на мета тагове в заглавната част на документа, в допълнение към кодировката на руски език, обикновено все още да добавите ключови думи документ (ключови думи), например .:

или описание (описание), например:

ред

определя заглавието на страницата (заглавие), създаден с помощта на този документ. Можете да видите съдържанието на заглавието в горната част на прозореца на браузъра.

Мисля, че цялостната структура на документа е добре визуализира следната фигура:

Е, това трябваше да бъде много по-разсеяни, като обяснява важните моменти, възникнали по време на началото на историята на блок оформление (оформление DIV) в такава степен, че в тази статия места на историята на създаването на оформление 2-колона, и не е оставил. Но аз мисля, че нищо лошо няма да се случи, ако ние продължаваме в следващия.

На добър час! Ще се видим скоро на страниците на блога KtoNaNovenkogo.ru

Неправилно твърдението, че браузърът търси тези файлове. В действителност, сървърът е достъпен от името на домейна, вижте Конфигуриране на място и се връща на страница, която е зададена по подразбиране. Индекс дума по подразбиране не е единствена (има по подразбиране). Така че можете да зададете всяка уеб страница, тъй като връщането по подразбиране по принцип.

Владимир. Благодаря за коментарите, ние се вземат под внимание.

Като цяло, благодаря ви за вашата статия.

Благодаря за статията.

Въпрос: Дали сега търсачката паяци обърнат внимание на мета име = "ключови думи»? Например, четох, че роботите са дълги за този удар с глава, не се наблюдава.

Ето например статията "Как браузърът работи с файлове на сайта, защо особено значение е прикрепен към index.php index.html и файлове, как да се гарантира сигурността на сайта" боли ме до мозъка на костите.

3. "Това е файл с име index.html или index.php» - това е вид не е вярно, тъй като имената на тези файлове, които са на индекса за всички, без изключение, в директорията на сайта, посочен в настройките на сървъра, и могат да бъдат произволни. Тези опции вас - това е само на често срещани имена.

PS Съжалявам за grouchiness, може би е написал за начинаещи и се опита да се опростят нещата, но все още продължават да се опитват да предотвратят такива очевидни грешки, за да не се подведе читателите.