WEB-Внедорожник

или

Как проложить путь от теории к практике?

10 шагов по HTML
к своему сайту
Меню ( Пример с сайта Внедорожник, первые шаги по HTML) Сайт в доработке под интернет-эксплорер (IE)



Онлайн обучение HTML, Excel, VBA, Word

Галерея фонов, рамки и клипарт на сайте Lenagold




BannerDrive.ru



BannerDrive.ru

Что нужно, чтобы самому сделать свой первый сайт?

  • Желание самому сделать сайт, а то в сети ведь и готовые водятся...
  • :-) считаем что компьютер уже есть, лучше с Интернетом, проще подбирать учебный материал)
  • и некоторые знания, которые по ходу можно будет углублять. Для набора необходимого минимума знаний - помогут пункты меню "справочники" и "копилка ссылок".
  • На HTML можно написать несложный сайт-визитку или домашнюю страничку. Если страниц больше 5 можно добавить CSS и технологию SSI. Последняя поможет собирать страницу из блоков и даже разнообразить её с помощью условных операторов. Это удобно на максимум до 20 страниц. Но если сайт в перспективе разрастется, то было бы очень не удобно работать с двумя сотнями страниц по таким схемам, при тенденции к разрастанию сайты лучше перевести на php, не затягивая. Обо всем этом позже поговорим подробнее. Решите, для начала,какой сайт вы будете делать.
  • А сейчас главный вопрос с чего начать.

С чего начать?

I. Смотрим основы основ: - HTML и дальше по шажочку, действуем, не напрягаясь, чтоб всё понятно было с самого начала...

II. CSS, посмотрите здесь - (Cascading Style Sheets — каскадные таблицы стилей)— технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL - источник Википедия

III. PHP - посмотрите здесь , а в качестве помощи книга Создаем, программируем, шлифуем и раскручиваем Web-сайт (+ CD-ROM) Авторы Ю. Ю. Замятин, М. А. Горин, В. А. Ищенко.


IV.и так далее и далее...


I.Но сначала о HTML - то, что мы сейчас начнем изучать, как фундамент всего "здания сайта".

HTML (хтмл)(html) — (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML).
Html не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы размечаем текст, таблицы, картинки и т.д. на нашей странице).

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

Нужно ли изучать HTML когда есть множество редакторов для HTML кода?

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

Обратите внимание:

    Не ленитесь комментировать все, что написали. Эта хорошая привычка сэкономит немало времени при попытке разобраться в собственном коде некоторое время спустя.

  • В Html используется для создания комментариев в любой части документа вот такой тег <!-- текст комментария -->.
  • В CSS комментарии обозначаются или ограничиваются так: /* текст комментария */
  • Другое новшевство (всего 10 лет ему и работает в IE начиная с 8 версии) // и не закрывать, тогда до конца строки все написаное на ней считается коментарием.
  • Внутри тегов комментарии лучше не писать, возможна некорректность, тег может не работать.

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

    Для задела на будущее скажу, что части кода, которые будут повторяться на всех страницах (Шапка, Меню), лучше выносить в отдельный файл.Это мы сделаем на 10 шаге, а до него у нас сплошной код будет для каждой страницы. Будто нет повторов.

    на главную | первая страница | теги | текст и оформление | цвета фона и картинка страницы | немного о ссылках | списки | фреймы | таблицы | первая верстка табличная | меню для сайта | Сайт готов... Что дальше? | Сайт вырос...Переход на PHP |
© Перепечатка, воспроизведение в любой форме, возможна при условии публикации ссылки на источник.