Създаване на прост щепсела на сайта в HTML, jnetclass - училище уеб програмиране

Докато нашият сайт е създаден, можете да създадете временен шапка, с помощта на обикновен HTML код.

За да се ограничи имаме нужда от една снимка в JPG, PNG или GIF, позиция в "образи" на папките, index.html файл, файл стил style.css. И двете неща открих са много прости, за да програмирате бележник или Notepad ++. Така че аз подготвил shablonchik тези файлове. Ако това не се налага да ги създадете сами, просто да изтеглите тук. За да се разбере мястото на HTML ще ви помогне htmlbook.ru. Има много неща, на много достъпни уроци за начинаещи, чрез който можете лесно да се научат основите на HTML.

на index.html файл

Ето и съдържанието:

А файловете и папките style.css изображения

тяло шрифт семейство: Arial, Verdana, безсерифен; / * Font Family * /






шрифта: 11pt; / * Размерът на основния шрифт в точки * /
фон-цвят: # f0f0f0; / * Цветът на фона на уеб страницата * /
цвят: # 333; / * Цветът на основния текст * /
>
h1 текст подравняване: център;
цвят: # a52a2a; / * Header * Цвят /
шрифта: 24pt; / * Размер на шрифта в точки * /
шрифт семейство: Грузия, Times, сериф; / * Font Family * /
шрифт тегло: нормално; / * Текст * Средна марки /
марж ляв: 100px; / * Ляв вмъкнати в пиксели * /
марж-надясно: 100px; / * Право вмъкнати в пиксели * /
>
р текст подравняване: център; / * На подравняването на център * /
марж ляв: 100px; / * Ляв вмъкнати в пиксели * /
марж-надясно: 100px; / * Право вмъкнати в пиксели * /

уплътнение ляв: 10px; / * Изместване от линията на ляво на текста * /
подложка дъно: 10px; / * Изместване от най-долния ред на текста * /
>

block1 <
ширина: 800px; / * Ширината на контейнера, в пиксели * /
фон: #fff; / * Цвят на запълване на контейнера * /
подложка: 5px; / * Изместване на съдържанието на контейнера предимство в * /
марж-наляво: автоматичен; / * Изместване от лявата страна на контейнера - тя позволява да се приведе в центъра * /
марж-надясно: автоматичен; / * Изместване от лявата страна на контейнера - тя позволява да се приведе в центъра * /

Сега се опитват въз основа на тези файлове, за да създадете своя капак, да го качите на хостинга и шоуто чрез изпращане на връзка към него.