Чат веб-разработчиков
Табличная вёрстка HTML-страничек. Прототип сайта

Табличная вёрстка HTML-страничек. Прототип сайта

Всем привет, друзья! Что же, пришло время подвести итог о проделанной работе. Мы научились оформлять текст, работать со ссылками и картинками, даже изучили такую сложную тему как таблицы.

Я очень рад за тех из Вас, кто дошёл с самого начала курса до этого урока. Поверьте, таких как Вы - единицы. И несмотря на то, что данный курс доступен абсолютно для всех чуть ли не бесплатно, способность довести начатое до конца получается далеко не у всех. Продолжайте в том же духе! У Вас всё получится!

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

В этом уроке было бы очень много буков. К счастью, у нас есть более удобный формат - видео :)

А в следующем уроке мы выложим получившийся мини-сайт в Интернет.

Результаты кода из видео:

styles.css:

Код доступен только после покупки курса HTML для начинающих.

index.html:

Код доступен только после покупки курса HTML для начинающих.

buy1.html:

Код доступен только после покупки курса HTML для начинающих.

В следующем уроке мы выложим наши странички в Интернет, чтобы их могли увидеть другие люди. Всем пока!

Читайте также
Комментарии


grigorov
grigorov

Спасибо за видеоурок, было очень познавательно!

ivashkevich
ivashkevich

И Вам спасибо!

ol
ol

Спасибо за урок!

ivashkevich
ivashkevich

Всё, прошли курс?)

ol
ol

Последний урок остался.

ivashkevich
ivashkevich

Супер! Поздравляю!) Сможете написать мне в ВК с целью обратной связи?

ol
ol

Спасибо) Конечно.

tishoma
tishoma

Спасибо за курс, написано простым доступным языком! Хотелось бы увидеть пример блочной верстки.

ivashkevich
ivashkevich

Спасибо, учту!

zlobni4
zlobni4

Добрый день! Спасибо за курс, все понятно и легко. Я как раз стремлюсь к изучению PHP, но стоит ли мне сначала взяться плотнее за css, js ?

ivashkevich
ivashkevich

Привет! Есть два разных направления: frontend и backend. В современных серьезных компаниях принято разделять обязанности между программистами как раз по этим направлениям. Я для себя выбрал бэкенд и пишу на PHP. JS и CSS знаю очень поверхностно - в работе мне это не нужно.
Если хотите тоже в этом направлении развиваться, то будет достаточно одного только HTML. Про CSS и JS вообще сейчас можете не думать.

Lungren
Lungren

Посоветуйте,пожалуйста, не могу уменьшить высоту хэдера.

ivashkevich
ivashkevich

Код просто скопировали, или добавляли что-то своё?

Lungren
Lungren

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

С уважением, Сергей.

ivashkevich
ivashkevich

Можно уменьшить отступы заголовка, добавив в стили:

#header h1 {
    margin-top: 5px;
    margin-bottom: 5px;
}

С этими значениями можно поиграться.

Ну и уменьшить сам размер шрифта можно через:

#header {
    font-size: 20px;
}
CoinDig1@mail.ru
CoinDig1@mail.ru

Редкий пример высочайшего профессионализма. Можно ли с Вами связаться через фэйсбук? У меня есть масса интересного для Вас. Просто потрясён качеством преподавания материала. Я работаю программистом в сельском хозяйстве садоводство. Сапранецкий Игорь - найдите меня на фэйсбук. Огромное спасибо за то, что Вы есть. Таких людей мало на планете

ivashkevich
ivashkevich

Приветствую, спасибо за отзыв :)
Мой facebook