Изучаем HTML, XHTML и CSS, 2-е издание

Изучаем HTML, XHTML и CSS, 2-е издание
Автор: Эрик Фримен, Элизабет Фримен
Год: 2014
ISBN: 978-5-496-00653-8
Страниц: 720
Язык: Русский
Формат: PDF
Размер: 29 Мб

Download

Устали от чтения книг по HTML, которые понятны только специалистам в этой области? Тогда самое время взять в руки новое издание “Изучаем HTML, XHTML и CSS. 2-е изд.”. Хотите изучить HTML, чтобы уметь создавать веб-страницы, о которых вы всегда мечтали? Так, чтобы более эффективно общаться с друзьями, семьей и привередливыми клиентами? Тогда эта книга для вас. Прочитав ее, вы изучите все секреты создания веб-страниц. Вы узнаете, как работают профессионалы, чтобы получить визуально привлекательный дизайн, и как максимально эффективно использовать HTML, CSS и XHTML, чтобы создавать такие веб-страницы, мимо которых не пройдет ни один пользователь. Используя новейший стандарт HTML5, вы сможете поддерживать и совершенствовать свои веб-страницы в соответствии с современными требованиями, тем самым обеспечивая их работу во всех браузерах и мобильных устройствах. Проекты примеров из книги размещены на CD.

+

Создание HTML-файла (Mac)

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

В этой книге мы используем редактор TextEdit в Мае. Тем не менее если вы предпочитаете другой текстовый редактор. все тоже будет хорошо работать. А если вы работаете в Windows, то можете пропустить пару страниц и перейти сразу к инструкциям для Windows.

Шаг первый
Направляйтесь в папку Applications (Приложения).
Ярлык программы TextEdit находится в папке Applications (Приложения). Самый простой способ туда попасть — выбрать пункт New Finder Window (Поиск в новом окне) в меню Finder’s File (Файлы поиска) и затем искать папку Applications (Приложения) прямо в ярлыках. Когда найдете ее, щелкните па ней кнопкой мыши.

Шаг второй
Найдите и запустите TextEdit. Вероятно, в вашей папке Applications (Приложения) будет много программ. Прокручивайте список вниз до тех пор. пока не увидите TextEdit. Для запуска программы дважды щелкните на ее значке.

Шаг третий (необязательный)
Держите TextEdit на панели запуска. Щелкните (и держите кнопку мыши нажатой) на значке TextEdit на панели запуска (этот значок там появляется сразу после запуска программы). В появившемся меню выберите пункт Options (Опции), а затем — Keep in Dock (Установить па панель запуска). Таким образом, значок TextEdit всегда будет па панели запуска и вам не придется каждый раз, когда нужно открыть эту программу, искать ее в папке Applications (Приложения).

Шаг четвертый
Поменяйте настройки в TextEdit. По умолчанию в TextEdit выбран режим Rich Text (Сложный текст), это означает, что в ваш файл при сохранении будут добавляться форматирование и специальные символы. Однако вам это не нужно. Поэтому необходимо поменять настройки в TextEdit, чтобы текст в вашем файле сохранялся в обычном виде. Для этого в меню TextEdit выберите подменю Preferences (Настройки).

Шаг пятый
Установите режим Plain Text (Обычный текст). В окне Preferences (Настройки) сделайте следующее. Во-первых, выберите на вкладке New Document (Создание документа) в качестве используемого по умолчанию режим Plain Text (Обычный текст). Во-вторых, убедитесь, что на вкладке Open and Save (Открытие и сохранение) установлен флажок Ignore rich text commands in HTML files (Игнорировать команды усложнения текста в HTML-файлах). И последнее, убедитесь, что снят флажок Add .txt extension to plain text files (Добавлять расширение .txt к файлам с обычным текстом). Вот и все; щелкните на красной кнопке в левом верхнем углу, чтобы закрыть диалоговое окно Preferences (Настройки).

Шаг шестой
Закройте программу и откройте заново. Сейчас, выбрав в TextEdit меню пункт Quit (Выход), выйдите из программы TextEdit и потом заново ее запустите. На этот раз вверх)’ не будет причудливых меню фор-матирования. Можно приступать к созданию HTML-файлов.

Тестирование страницы

Ура! Вы загрузили страницу в браузер, хотя результат немного… ох… неудовлетворительный. Но это случилось потому, что мы забежали вперед, чтобы узнать механизм создания веб-страницы и ее просмотра в браузере. Ведь к настоящему времени вы напечатали только содержание веб-страницы. Теперь в действие вступает HTML. Он дает вам возможность рассказать браузеру о структуре страницы. Какой структуре? Как вы уже поняли, это такой способ разметки текста, который показывает браузеру, что является заголовком, где начинается новый абзац, какой текст выделить как подзаголовок и т. д. Как только браузер немного узнает
о структуре страницы, он сможет отобразить ее более выразительно и страница станет более читабельной.

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

Вы уже знаете, что с помощью HTML можно описать браузеру структуру содержимого файла. Когда браузер отображает ваш HTML-код, он использует встроенный по умолчанию стиль представления структуры. Но очевидно, что, полагаясь на стиль браузера, вы никогда не победите в конкурсе «Лучший дизайнер месяца». Вот тут на помощь приходит CSS, который дает возможность указать, как будет представлено содержимое страницы. Давайте немного поэкспериментируем с CSS, чтобы сделать страницу Starbuzz немного привлекательнее (и положим начало вашей карьере в этом деле).

  • HTML и CSS — языки, которые мы используем для создания веб-страниц.
  • Веб-серверы обслуживают и хранят веб-страницы, которые созданы с помощью HTML и CSS. Браузеры извлекают страницы и визуализируют их содержимое, основанное на HTML и CSS.
  • HTML — это аббревиатура HyperText Markup Language (язык гипертекстовой разметки). Этот язык используется для структуризации веб-страниц.
  • CSS — это аббревиатура Cascading Style Sheets. Он используется для управления отображением вашего HTML.
  • Используя HTML, мы помечаем содержимое тегами, чтобы придать ему структуру. Мы называем соответствующие теги и их содержимое элементом.
  • Элемент состоит из трех частей: открывающего тега, содержимого и закрывающего тега. Но есть несколько элементов, например <img>, которые являются исключением из этого правила.
  • Открывающие теги могут иметь атрибуты. Мы уже видели один: type.