В этом руководстве описывается сайта с помощью HTML и CSS, охватывающих все этапы: разработка веб-сайтов,
создания учетной записи на бесплатном хостинге и, наконец, загрузки файлов наш веб-сайт на этом хостинге, бесплатный хостинг является быстрый метод размещения веб-сайта наш интернет в течение нескольких минут, недостатком этого метода является то, что мы будем иметь некоторые объявления отображается во все времена в верхней части (заголовок выше).
Тот, кто хочет открыть веб-сайт, вы должны знать HTML и CSS, не нужно быть экспертом в HTML (HYper TExt MArkupe Language), но некоторая информация о коде абсолютно необходима для понимания того, как эти вещи работают.
Даже если вы строите один сайт, вы до сих пор не имеют ни малейшего представления о том, что происходит через эти файлы требуют периодической коррекции ошибок или достижения изменений.
Многие люди убегают от кода, многие сравнивают код с иероглифами, это совсем не так, кто-то однажды сказал: «КОД - ПОЭЗИЯ», он был прав, когда вы видите, что что-то рождается из серии строк кода, вы чувствуете себя прекрасно, вы создаете виртуальный мир только с клавиатурой и мышью.
Мы долгое время использовали приложения, созданные компаниями-разработчиками программного обеспечения, мы работали только на компьютере, пришло время заняться программированием, фактически это не язык программирования, это «язык разметки», но мы будем ссылаться на это как язык программирования, потому что это звучит довольно странно, «язык разметки», HTML - один из самых простых языков программирования (разметки), используемых в настоящее время, мы видим HTML на любом сайте, многие программы имеют в Это составляющие HTML, этот язык программирования есть везде, пора его изучать.
В первый раз, может быть менее сложной, но если вы осторожны, чем вы сразу поймете, что не все так сложно простые и красивые вещи, мы создаем что-то своими руками, это самое главное.
Мы будем изучать основы, то мы узнаем, как вводить текст на веб-странице, то мы организуем и цвет текста, мы используем CSS стиль страницы (каскадные таблицы стилей), с которым мы будем размещать все элементы страницы HTML у всех так, что вы будете размещать на нашем сайте сделан, чтобы выглядеть как единое целое.
Вы узнаете простые методы, основные HTML и CSS, хотя эти базовые вещи в HTML и CSS, создаст обзор приятный.
Для этого урока вы должны запастись терпением и вниманием, это руководство не то, что мы можем позволить себе вести мало, если спиральными несколько секунд вы можете пропустить что-то очень важное, и вы не увидите больше после этого не имеет смысла, концентрация информация чрезвычайно высока, и именно поэтому я прошу вас быть очень, очень осторожным.
После этого урока, даже интенсивный курс, я бы сказал, вы будете иметь лучшее представление о том, что HTML и CSS, вы можете контролировать код хорошо, и вы в полной мере понять HTML документ, чувствуя, что HTML не только массив heroglife будет рассеиваться, вы знаете, что это такое, когда вы смотрите на HTML или CSS один.
Мы узнаем о метки (теги), мы имеем здесь некоторые примеры метки (теги), которые вы можете использовать в HTML-документе, не волнуйтесь, не нужно запоминать их все, что вам нужно узнать только основы в первой таблице остальное можно найти здесь на сайте или в сети, когда вы нуждаетесь в них.
Даже таблицы упорядочены эти теги, сделаны с использованием HTML.
Основные элементы (теги).
| Определяет формат веб-файл | |
| заголовок документа | |
| Tilul документ | |
| страница тела HTML | |
| BGCOLOR = цвет | Цвет фона страницы |
| TEXT =цвет | Цвет текста на странице |
| LINK =цвет | цвет страницы непосещенных ссылка |
| VLINK =цвет | Посещенной ссылки цвет страницы |
| ALINK =цвет | Цвет ссылки во время пользователя нажмите exacutat |
| BACKGROUND = URL | страница фоновое изображение |
| пункт | |
| <Hn> <Hn> | Подзаголовок уровне документа (n = 1-6) |
| Конкретные атрибуты обрамлении текста | |
| РАЗМЕР =n | Размер текста 1-7 |
| FACE ="А, Б" | Укажите шрифт: aЕсли есть возможность, или b |
| COLOR =s | Цвет текста: либо имя цвета или значение RGB |
| новая строка | |
| информация отформатирован | |
| HTML Comenatriu | |
| Материальные центры страницы | |
| горизонтальная линейка | |
| РАЗМЕР =x | Высота Правитель в пикселях |
| WIDTH =x | Ширина Правитель в пикселях или процентах |
| NOSHADE | Отключить отображение тени для горизонтальной линейки |
| ALIGN =x | Выравнивание горизонтальная линейка на странице (слева, по центру, справа) |
| COLOR =x | Цвет горизонтальная линейка (только IE) |
| якорная Mark | |
| HREF =URL | гипертекстовой ссылки |
| HREF =#name | Ссылка на внутренний якорь |
| Name =имя | Определение внутренних анкеров |
Элементы для списков .
| Описание определения | |
| Определение типа Список | |
| В определении | |
| список возможностей | |
| <ПР | Нумерованный список (под номером) |
| TYPE =тип | Нумерация. Возможные значения: A, A, I, я, 1 |
| START =x | Число начал упорядоченного списка |
| <UL | Ненумерованный список (маркированный) |
| TYPE =форма | Форма закладки. Возможные значения: круг, квадрат, диск. |
Элементы форматирования символов .
| Вставить текст выделен жирным шрифтом | |
| Вставить текст курсивом | |
| Вставить выделенный текст | |
| Минивэн шрифта текста | |
| Цитировать bibliogarfica | |
| Листинг программы | |
| Стиль подсветка логических | |
| Текст с клавиатуры | |
| Выделите мощная логика | |
| Программа или переменной | |
| <БАЗОВЫЙ ШРИФТ SIZE = n> | Определяет размер шрифта по умолчанию страницы |
Элементы для кадров .
| Определение письменной страницу | |
| COLS =x | Количество и относительный размер колонки |
| Ряда =x | Количество и относительный размер линии |
| BORDER =x | Определяет состояние «включено» или «выключено» для кадра FRAMESET (1 или 0) |
| FRAMEBORDER = x | Определяет размер кадра |
| Framespacing = x | Объем пространства между двумя соседними кадрами |
| Определение определенных рамках | |
| SRC =URL | Рамки URL источника |
| NAME =имя | Имя фрейма (используется вместе с TARGET = name как часть метки привязки |
| Прокрутки =SCRL | Определить возможные опции бар derulare.Valori: On (включено), OFF (отключен), Auto (автоматический) |
| FRAMEBORDER =x | Граница вокруг размера кадра |
| MARGINHEIGHT =x | Дополнительное пространство выше и ниже определенных рамках |
| MARGINWIDTH =x | Дополнительное пространство корпуса слева и справа от данного кадра |
| Раздел отображаемой страницы для пользователей, которые не могут видеть кадр | |
| Внутренняя рамка (для (IE) | |
| SRC =URL | Источник рамках |
| NAME =s | Имя окна (полезно для TARGET) |
| HEIGHT =x | Высота Embedded |
| WIDTH =x | Встроенные шириной рамы |
Товары для таблиц .
| HTML таблице | |
| BORDER =x | Box таблице |
| CellPadding =x | Дополнительное место в ячейках таблицы |
| CELLSPACING =x | Дополнительное пространство между ячейками таблицы |
| WIDTH =x | Ширина таблицы, введенные |
| FRAME =значение | Точная настройка таблицы |
| ПРАВИЛА =значение | Точная настройка таблицы правителей |
| BorderColor = цвет | Определяет границы таблицы цветов |
| BORDERCOLORLIGHT = цвет | Светлый цвет из двух цветов указаны |
| BORDERCOLORDARK = цвет | Чем темнее цвет из двух цветов указаны |
| ALIGN =оставил | Совместите таблице в левой части страницы, а текст обтекает правую сторону |
| ALIGN =правую | Выравнивание таблицы на правой стороне страницы, а текст течет слева |
| Hspace =x | Дополнительный блок горизонтальное пространство вокруг стола |
| VSPACE =x | Дополнительный блок вертикального пространства вокруг стола |
| COLS =x | Указывает количество столбцов таблицы |
| Определяет набор определений столбцов с использованием разметки | |
| <КОЛ WIDTH =x> | Определить ширину столбца в пикселях |
| Определяет заголовок таблицы | |
| Определяет тело таблицы | |
| Линия таблице | |
| BGCOLOR =цвет | Задает цвет фона для всей линии |
| ALIGN =выравнивание | Выровнять ячейки в текущей строке (слева, по центру, справа) |
| Ячейки данных таблицы | |
| BGCOLOR =цвет | Задает цвет фона для ячейки данных |
| Объединения =x | Число столбцов, которые охватывает текущую ячейку данных |
| RowSpan =x | Число строк данных, охватывающих текущей ячейки |
| ALIGN =выравнивание | Выравнивание материала из возможных date.Valori клетки (слева, справа, по центру) |
| VAlign =выравнивание | Вертикальное выравнивание date.Valori клеточного материала возможно: (сверху, снизу, посередине) |
| Предпосылки =URL | Указать фоновое изображение для ячейки таблицы |
| NoWrap | Не допускать разделения строк текста внутри ячейки |
| ALIGN =базовая линия | Совместите клетки с исходными данными на соседние текст |
| ALIGN =характер | Выравнивает столбец по определенному символу (символ по умолчанию ".") |
| ALIGN =оправдывать | Совместите край левого и правого края текста |
Добавить элементов изображения.
| <IMG | Маркировка входных изображений |
| SRC =URL | Источником графический файл |
| ALT =текст | Альтернативный текст для отображения в случае необходимости |
| ALIGN =выравнивание | Выравнивание изображения на странице. Возможные значения: верхний (вверху), средний (в центре), нижняя (внизу), слева (слева), справа (справа) |
| HEIGHT =x | Высота изображения (в пикселях) |
| WIDTH =x | Ширина изображения |
| BORDER =x | Рамки вокруг изображения при его использовании в качестве гиперссылки |
| Hspace =x | Дополнительное горизонтальное пространство вокруг изображения (в пикселях) |
| VSPACE =x | Дополнительное вертикальное пространство вокруг изображения (в пикселях) |
Элементы форм.
| HTML формы активного | |
| ACTION =URL | CGI программы на сервер, который получает данные |
| METHOD =метод | Как данные передаются на сервер (GET или POST) |
| <ВВОД | Текстового поля или других входных |
| TYPE =вариант | Тип поля ввода . Возможные значения: текст, пароль, флажок, скрытый, файл, Радио, представить, сброс изображения. |
| NAME =имя | Символическое имя поля значения |
| VALUE =значение | По умолчанию содержимое текстового поля |
| ПРОВЕРЕНО = вариант | Кнопка / флажок По умолчанию |
| РАЗМЕР =x | Количество символов в текстовое поле |
| РАЗМЕР =x | Максимально допустимое количество символов |
| Группа флажков | |
| NAME =имя | Символическое имя поля значения |
| РАЗМЕР =x | Число пунктов меню, которые отображаются один раз (по умолчанию = 1) |
| НЕСКОЛЬКО =x | Позволяет выбирать несколько элементов меню |
| <ОПЦИЯ | Особый выбор в области |
| VALUE =значение | Полученное значение выборов в меню |
| Армирование лагерь текста на нескольких строках | |
| NAME =имя | Символическое имя поля значения |
| Ряда =x | Количество строк в текстовом поле |
| COLS =x | Количество столбцов (символов) в строке текстового поля |
| Поделиться форму на логические части | |
| Имя, связанное набор полей (набор полей) | |
| ALIGN =s | Определяет выравнивание легенды (описание) отображается (сверху, снизу, слева, справа) |
| Tabindex =x | Определяет порядок элементов, когда пользователь нажимает клавишу табуляции |
| ACCESKEY =c | Указывает, что обеспечивает сочетание клавиш на клавиатуре или иного элемента |
| ИНВАЛИДОВ | Элемент неактивна, но отображается на экране |
| Readonly | Элемент отображается на экране, но не могут быть изменены |
Передовых элементов.
| Конкретная информация о модели стилей | |
| TYPE =волна | Тип модели стиля. Обычно "text / css" |
| Обычно включает в себя сценарии Javascript в веб-страницы | |
| LANGUAGE =язык | Используемый язык |
| Event =событие | Событие, которое запускает выполнение конкретных скрипты |
| FOR =numeobiect | Имя объекта страницы, на которой скрипт работает |
Если вы хотите, чтобы проверить сделанные в учебнике, вы видите этот адрес: http://www.videotutorial.150m.com.
Мы рекомендуем вам распаковать прикрепленный файл и изучить три HTML файлы или CSS файл с помощью Notepad + + или другой программы для редактирования веб-страниц таким образом, вы можете вносить изменения Кау даже можете делать заметки во время него вы узнаете HTML без вашего счет.
Желаю вам приятного и приветствовать вас на следующих учебников в этой серии и за его пределами.
Комментарии (333)
Очень хорошая, тонны информации в этом учебнике.
Этот учебник можно назвать: инфузии HTML и CSS.
Возможно, вы не получите, чтобы узнать через несколько месяцев вы можете узнать здесь через час или около того, я видел все это перед публикацией, и я могу сказать, что произвело на меня впечатление цитатой информации может поместиться в учебнике.
В какой-то момент я почувствовал необходимость пить воду, хотя я просто смотрел учебник, и я не хочу думать, цитата Дэн пили воду после этого.
Существует что-то не учиться HTML и / или CSS после этого урока.
Аолеу, чему я пытаюсь научиться около 3 месяцев, видимо у меня нет времени ...
Спасибо большое, я смотрю его внимательно!
да, вы правы Кристи, но я разочарован, потому что я думал, что вы сделаете учебник :( но в любом случае Браво Дэн очень хороший учебник
Нехорошо, что ты сказал, и я честно скажу тебе об этом, этот человек изо всех сил пытался научить тебя, как сделать сайт с нуля, и ты говоришь, что разочарован, потому что он этого не сделал? Можете ли вы представить, сколько человек вложил в работу и сколько времени он потерял, чтобы научить нас основам HTML и CSS, прежде чем открыть рот, подумайте, что вам не подойдет работа, и оставьте другие ненужные комментарии, такие как Вы разочарованы тем, что его не ставили, кто-то другой создал этот урок, спасибо, что у вас есть где поучиться;)
Как вы думаете, что серия «Как сделать сайт» окончена.
В следующем уроке я буду я.
Потому что следующим уроке я нуждаются в наблюдении этого урока сделаны Дэном.
Как я говорил, отличается от урока я поняла, аза Дэна, но информация в нем будет иметь важное значение для правильного понимания вещей.
Есть несколько способов для публикации контента в Интернете, но все они имеют общий знаменатель, HTML и CSS, без них вы ничего не можете сделать.
Привет Кристи, я виню серии PHP или JS?
Мы говорим обо всем, но и PHP и JS сайта связывается с HTML без HTML не может.
PHP используется больше для извлечения данных из баз данных, веб-страницы по-прежнему на HTML, говорим ли мы о динамических сайтах (php, dhtml, asp, jsp, cf) или мы говорим о статическом сайте, мы будем используйте HTML, без него ничего не поделаешь.
Многие люди допускают большую ошибку: «Я больше не хочу сайт HTML, мне нужен динамический сайт php», это большая ошибка, HTML используется практически везде, говорим ли мы о динамических сайтах или статических сайтах.
JS (Java Script) не то же самое с JSP (Java Server страниц), которая зависит от сервера, JS сайтов используются для определенных сценариев, нет необходимости для любого сервера, JS скрипты могут работать в любом браузере без необходимости Серверный компонент, и в данном пособии, Дэн использовал серию скрипты JS (фотогалерея) для внедорожных материал использует JS, существуют целые веб-сайты с JS вместо полны сайтов с помощью Java Server Pages которые что-то еще, хотя они, кажется то же самое.
Я знаю, что вы начали изучать «код» давным-давно, этот урок - отличная помощь, Дэн сделал необычную вещь с этим уроком, вы даже не представляете, насколько он ценен, под уроком у вас есть почти все теги ) используется в HTML, вы можете использовать их, тем более что у каждого есть описание.
Не позволяйте вашим Alex, взломать код, оно основано.
Поверьте мне, вы пропустить возможные НЕТ!
вау много очень хорошо структурированной информации, чтобы каждый мог ее понять. Я лично посмотрел учебник только ради того, чтобы найти что-то новое, и по ходу обучения я был поражен тем, насколько легко можно сделать сайт, не слишком загружен и очень приятен для просмотра. Поздравляю с этим уроком, а также со всеми остальными. Я с нетерпением жду следующего "вливания" (слова Кристи) с информацией.
Поздравляю !! Очень хороший учебник, это будет Румыния, полная веб-дизайнеров :) (надеюсь !!)
когда это учебник Dreamweaver? Или не используют Dreamweaver DC в вашем учебники?
Поздравляю со всеми уроками ... ты самый сильный;)
Привет ... урок действительно хорош, есть "тонны" информации ... и я думаю, что мне пришлось выучить базовый html на frontpage 98 ', делая десятки тестов, взятых из книг в библиотеке, потому что у меня не было net в то время, и теперь я могу посмотреть учебник, который объясняет все, что мне нужно знать .. ясно, что я эволюционировал :))) .. Мне понравилось то, что это объяснялось шаг за шагом и что они были поставлены на сайте все основные команды + пример, над которым можно поработать .. ясно, что вы знаете, что делаете, вы настоящие учителя !!
Однако большинство тех, кто работает в веб-дизайне использование программ, которые автоматически делают заказы и мой вопрос будет делать учебник такие программы?
Я знаю, что вы создали этот учебник для понимания команд и, следовательно, для лучшего понимания программ веб-дизайна ... но мне все еще любопытно посмотреть, что вы продолжите с этой серией учебников, потому что по этой теме много говорят, даже если некоторые обдумают это скучно, когда речь заходит об уроках, подобных тому, что сделал Дэн, и я поздравляю его с этим уроком ...