Мэтью макдональд веб разработка исчерпывающее руководство скачать pdf

Книга «Веб-разработка. Исчерпывающее руководство»

По сути эта книга персональный тренер по созданию сайтов. Вы начнете с того, что узнаете, как создавать традиционные веб-страницы, используя стандарты, на которых основана каждая страница во Всемирной паутине (это HTML и CSS). Затем вы познакомитесь с сервисами от таких компаний, как Google, и они научат вас подсчитывать количество посетителей, помогут популяризировать сайт и даже получить немного денег. Вы вкратце познакомитесь с языком программирования JavaScript, который используется почти на каждой интерактивной странице во Всемирной паутине.
Говоря коротко, эта книга будет прекрасным руководством для людей, желающих самостоятельно создать с нуля сайт, который будет обладать всеми фишками, присущими современным сайтам. Это издание также станет отправной точкой для тех, кто хочет углубиться в область веб-дизайна. Если вы относитесь к какой-либо из вышеперечисленных категорий, добро пожаловать на борт!

Структура книги

Книга разделена на пять частей, каждая из которых в свою очередь состоит из нескольких глав.

Часть I. Создание простых веб-страниц. В этой части вы получите основную информацию о HTML, языке создания сайтов (главы 1 и 2); затем познакомитесь с языком CSS, который позволяет добавлять цвета, шрифты и границы (глава 3), а также изображения на страницы (глава 4); и наконец, вы поймете, насколько можно упростить себе жизнь, используя HTML-редакторы (глава 5).

Часть II. От веб-страниц к сайтам. В этой части объясняется, как объединить веб-страницы в сайт. Вы узнаете, как связать страницы вместе (глава 6), создадите стиль всего сайта за несколько шагов (глава 7) и познакомитесь с приемами верстки стильных макетов (глава 8). Наконец, вы научитесь размещать свои страницы во Всемирной паутине, воспользовавшись услугами хостинговой компании (глава 9).

Часть III. Связь с аудиторией. Из данной части вы узнаете, как сделать так, чтобы ваш сайт стал доступным для таких поисковых систем, как Google (глава 10), и научитесь привлекать посетителей (глава 11). Кроме того, вы узнаете, что такое блоги, и познакомитесь с бесплатными программами для их создания (глава 12). И наконец, вы узнаете, как заработать деньги на своем сайте, отображая рекламу или продавая какие-либо товары (глава 13).

Часть IV. Интерактивный и мультимедийный контент. Теперь, когда вы узнали, как создать профессиональный работающий сайт, почему бы не добавить в него оригинальные элементы, например яркие кнопки и всплывающие меню? Вам не придется осваивать сложные приемы программирования на языке JavaScript, но вы узнаете, как найти и использовать бесплатные сценарии на своем сайте (главы 14 и 15). Вы также сможете немного развлечься, добавив на сайт видеоклипы и МР3-проигрыватель (глава 16).

Часть V. Приложения. В конце книги находятся два приложения. В первом приводятся полезные веб-ссылки для амбициозных веб-дизайнеров, которые хотят улучшить свои навыки. Во втором приложении представлен краткий справочник по языку HTML. В нем объясняются основные элементы HTML и даются ссылки на более подробное описание в различных главах этой книги.

Отрывок
Сокращение кода с помощью элемента div

Благодаря наследованию стилей (см. подраздел «Механизм наследования» раздела «Наложение стилей» главы 3) элементы внутри контейнера div наследуют от родительского элемента div многие свойства, например размер шрифта и ширину полей. Если настроить свойство font-size в элементе div, который содержит абзацы текста публикаций, все они будут отформатированы.

После добавления рамок к публикациям вы можете использовать наследование в собственных целях. Например, вместо того, чтобы назначать размер шрифта 16 пикселов классам p.review и p.reviewEnd, можете установить размер шрифта сразу для класса div.review, который, в свою очередь, заместит соответствующее свойство класса p.byline.

Вы можете сократить разметку еще больше, добавив класс div.intro и объединив два вводных абзаца в начале страницы. Таким образом можно установить цвет текста

/* Вводный раздел. */
div.intro {
color: #9C9C9C;
margin-bottom: 40px;
}

Теперь вам вообще не нужен класс p.intro. Вы можете удалить его из таблицы стилей и удалить атрибут класса из двух вводных абзацев.

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

Элемент div предоставляет отличную возможность сократить время загрузки страницы, которой профессиональные веб-дизайнеры пользуются постоянно. Но следующий способ может помочь вам еще больше улучшить разметку.

Сокращение кода с помощью контекстных селекторов

Добавив класс к каждому элементу, можно форматировать объекты очень быстро. Однако в приведенном ранее примере к каждому абзацу после имени автора необходимо добавить атрибут class=«review». К счастью, элемент div и новый тип селектора, который называется контекстным селектором, позволяют значительно сэкономить время.

Контекстный селектор соответствует элементу внутри другого элемента. Чтобы понять различие, взгляните на этот селектор типа:

b {
color: red;
}

Этот селектор форматирует весь полужирный текст красным цветом. Но что, если вы хотите работать только с полужирным текстом, который появляется внутри маркированного списка? Можете сделать это, используя следующий селектор контекстного типа, который находит элементы маркированного списка (ul), а затем охотится за полужирными элементами внутри них. В приведенном далее примере полужирный текст окрашивается в красный цвет:

ul b {
color: red;
}

Для создания селектора контекстного типа вы ставите пробел между двумя элементами.
Контекстные селекторы полезны, но продумывание различных возможностей комбинирования элементов может вызвать легкое головокружение. Реальную выгоду от использования контекстного селектора вы увидите, когда примените его для форматирования элемента определенного типа внутри определенного класса. Например, представьте, что произойдет, если вы примените следующее правило таблицы стилей:

h2.review {

и измените селектор на следующий:

div.review h2 {

Первая часть этого селектора находит все элементы div на вашей странице. Вторая часть ограничивает те, которые соответствуют элементам div с именем класса review. Третья часть селектора определяет местонахождение заголовков h2 внутри элементов div. Конечный результат заключается в том, что каждый заголовок второго уровня публикации будет отформатирован соответствующим образом, в то время как остальные заголовки страницы останутся неизменными.

Вы можете удалить атрибут class из элемента h2, оставив следующую простую разметку:

<div class="review">
<h2>...</h2>

Это действие можно повторить, чтобы отформатировать элементы img или a в публикациях, не прибегая к помощи имен классов. Вы даже можете отформатировать обычные абзацы внутри элементов div, но в этом случае необходимо быть осторожными. Это обусловлено тем, что CSS считает контекстные селекторы более специфичными, чем селекторы типа или классы.

Например, представьте, что вы хотите создать правило для форматирования абзаца с помощью следующего контекстного селектора:

div.review p {

Вам необходимо, чтобы это правило применялось ко всем абзацам публикации, за исключением имени автора в начале и ссылки в конце. В идеале в разметке публикации вы хотели бы использовать только три следующих класса:

<div class="review">
<h2>...</h2>
<p class="byline">...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p class="reviewEnd">...</p>
</div>

Здесь вы столкнетесь с проблемой, поскольку браузер игнорирует форматирование в классах byline и reviewEnd. Это обусловливается тем, что браузер решит, что эти правила класса менее специфичны, чем новое правило абзаца, которое использует контекстный селектор.

Чтобы решить эту проблему, необходимо изменить классы byline и reviewEnd. Самый простой способ сделать их более специфичными — изменить, используя контекстный селектор. Другими словами, вместо того, чтобы создавать правило, применяемое к любому абзацу, который использует класс byline, необходимо создать правило, которое применяется к любому абзацу, использующему класс byline и находящемуся внутри публикации:

div.review p.byline {

Это исправит проблему. Прежде всего это решение позволяет упростить разметку. Теперь вам необходимо применить классы к каждой публикации всего в трех местах: в контейнере div самого текста публикации, в имени автора и в ссылке в конце. Больше нет необходимости добавлять класс к обычным абзацам или заголовкам.

Контекстные селекторы — очень популярный способ определить различные правила форматирования для различных секций страницы. Если вы посмотрите на таблицы стилей, созданные другими пользователями (а мы рекомендуем это делать, чтобы познакомиться с новыми методами и улучшить навыки работы с CSS), то увидите много элементов div и контекстных селекторов в работе.

Если вы запутались в правилах таблицы стилей и не знаете, какие из них больше не нужны, изучите следующий листинг, в котором перечислены все правила новой версии таблицы стилей сайта с публикациями:

/* Удаляем отступы и настраиваем шрифт всей страницы */
body { ... }
/* Выравниваем строки всего абзаца */
p { ... }
/* Делаем все изображения обтекаемыми и форматируем их */
img { ... }
/* Затемняем заголовок сайта */
h1 { ... }
/* Содержимое страницы без учета заголовка */
div.main { ... }
/* Область введения */
div.intro { ... }
/* Область полной публикации */
div.review { ... }
/* Заголовок публикации */
.review h2 { ... }
/* Фрагмент публикации */
.review p { ... }
/* Имя автора */
.review .byline { ... }
/* Ссылка в конце фрагмента публикации */
.review .reviewEnd { ... }

Об авторе

Мэтью Макдональд (Matthew MacDonald) — научный и технический автор нескольких десятков книг. С помощью таких книг, как WordPress: The Missing Manual и HTML5: The Missing Manual1, он познакомил множество читателей с технологиями Всемирной паутины. Кроме того, в изданиях Your Brain: The Missing Manual и Your Body: The Missing Manual он продемонстрировал людям всю силу и возможности их мозга и тела.

О творческой команде

Питер Макки (Peter McKie) (редактор). Имел удовольствие работать над предыдущими версиями этой книги. Живет в Нью-Йорке, где изучает историю заброшенных строений и иногда наводит в них порядок. Адрес электронной почты: pmckie@gmail.com.

Кара Эбрахим (Kara Ebrahim) (редактор по производству). Живет и работает в Кембридже. Обожает заниматься графическим дизайном и проводить время на свежем воздухе. Адрес электронной почты: kebrahim@oreilly.com.

Шелли Пауэрс (Shelley Powers) (технический рецензент). Разработчик сайтов и автор технических книг, живет в Сент-Луисе, штат Миссури. В круг ее интересов входят языки программирования HTML5, JavaScript, а также другие веб-технологии.

Джули ван Кеурен (Julie Van Keuren) (корректор). Уволилась из редакции одной газеты в 2006 году, чтобы переехать в Монтану и воплотить в жизнь свою мечту — стать фрилансером. Она и ее муж (который пишет романы) растят двух сыновей — Декстера и Майкла. Адрес электронной почты: little_media@yahoo.com.

Рон Штраусс (Ron Strauss) (составитель оригинального предметного указателя). Специализируется на составлении предметных указателей в литературе, посвященной информационным технологиям. В свободное от работы время играет на альте. Живет в Северной Калифорнии со своей женой и в то же время коллегой Энни, а также с карликовым пинчером Кенгой. Адрес электронной почты: rstrauss@mchsi.com.

» Более подробно с книгой можно ознакомиться на сайте издательства
» Оглавление
» Отрывок

Для Хаброжителей скидка 25% по купону — Creating a Website

У нашего партнера «Нетология» есть курсы по направлениям: HTML и CSS, JavaScript, Node, Python, PHP и др. По купону piter_prog скидка 5 000 руб до 20 ноября.

О книге «Создание Web-сайта»

Простым и понятным языком написано, как спланировать и создать Web-сайт, разместить его в Интернете. Рассмотрены основы работы с редакторами Web-страниц (Expression Web, Dreamweaver), дан обзор бесплатных редакторов. Подробно разобраны тонкости создания таблиц стилей, добавления графики, связывания страниц, разработки макета страницы. Также рассмотрены страницы с многократно используемыми элементами. В книге уделено пристальное внимание проблеме продвижения сайта: регистрация в поисковиках, каталогах, работа с Google Analytics, сервисом Google Places, Google AdWords, ведение сопровождающего блога в Facebook, Twitter, Google Groups. Описано создание собственного блога на платформе Blogger. Показано, как зарабатывать деньги на своем сайте (Google AdSense, Amazon Associates, PayPal). Описаны элементы украшения Web-сайта (добавка интерактивности с помощью JavaScript, привлекательные кнопки и меню, вставка аудио и видео). В книге имеется краткий справочник по основным HTML-элементам. Для начинающих Web-разработчиков.

На нашем сайте вы можете скачать книгу «Создание Web-сайта» Мэтью Макдональд бесплатно и без регистрации в формате fb2, rtf, epub, pdf, txt, читать книгу онлайн или купить книгу в интернет-магазине.

Разделы Художественная литература Российский боевик Триллер Современный криминальный детектив Российская историко-приключенческая проза Исторический любовный роман Фантастика Кинороманы Детские сказки, мифы и басни Басни Детские сказки Русские народные сказки Сказки в стихах Тайны и таинственные явления Тайны Гадания Толкование снов Парапсихология Бизнес Электронная коммерция Нормативные акты Менеджмент Реклама и PR Финансы Экономика Предпринимательство, торговля Компьютерная литература Интернет Основы компьютерной грамотности Windows и Office Web-дизайн. Web-мастеринг. Web-сервисы Автотранспорт Мотоциклы и мопеды Автобусы, троллейбусы Иностранные автомобили Правила дорожного движения Карты и атласы автодорог Белоруссия Россия Украина Страны Балтии Другие страны Группа в ВК

Мак-Дональд Мэтью   HTML5: Недостающее руководство Автор: Жанр: HTML, CSS Издательство: БХВ-Петербург Год: 2015 Страниц: 480 Дата загрузки: 14 сентября 2020    Доступно и в занимательной форме рассказано, как HTML превратился в HTML5. Рассмотрены семантические элементы и новые стандарты языка. Описано, как создавать современные веб-страницы, в том числе улучшенные веб-формы, поддерживать аудио и видео, рисовать на холсте, совершенствовать оформление веб-страниц с помощью CSS3. Даны практические рекомендации по созданию интеллектуальных веб-приложений, хранению данных, разработке автономных приложений. Показано, как реализовать взаимодействие с веб-сервером, геолокацию, фоновые вычисления, управление историей просмотров и браузерную совместимость с элементами HTML5.   Silverlight 5 с примерами на C# для профессионалов Автор: Мак-Дональд Мэтью Жанр: .NET, ASP.NET, VB.NET, C# Издательство: Диалектика / Вильямс Год: 2013 Страниц: 848 Дата загрузки: 25 июня 2015    Silverlight — это революционная надстройка для браузеров. Она позволяет создавать мощные клиентские приложения, выполняющиеся в пользовательском браузере. Важно отметить высокую кроссплатформенность приложений Silverlight. Они способны выполняться в браузерах любых типов (Firefox, Safari, Chrome, Opera и др.) и под управлением любой операционной системы (Windows, Linux, Mac OS). Для разработчиков важнейшая особенность технологии Silverlight состоит в том, что приложения пишутся на C# в упрощенной среде NET.   WPF: Windows Presentation Foundation в : NET 4. 5 с примерами на C# 5. 0 для профессионалов Автор: Мак-Дональд Мэтью Жанр: .NET, ASP.NET, VB.NET, C# Издательство: Диалектика / Вильямс Год: 2013 Страниц: 1024 Дата загрузки: 14 июля 2014    Платформа Windows Presentation Foundation (WPF) от Microsoft предоставляет инфраструктуру разработки, предназначенную для построения высококачественных пользовательских интерфейсов для операционной системы Windows. Она сочетает в себе насыщенный контент из широкого диапазона источников и позволяет получить неограниченный доступ ко всей вычислительной мощи компьютера, функционирующего под управлением Windows. Эта книга представляет собой исчерпывающее авторитетное руководство по внутренней работе WPF. Благодаря серьезным примерам и практическим рекомендациям вы изучите все, что необходимо знать для профессионального использования WPF. Книга начинается с построения прочного фундамента из элементарных концепций, подкрепленного существующими знаниями языка С#. Затем предлагается обсуждение сложных концепций с их демонстрацией на полезных примерах, которые подчеркивают получаемую экономию времени и затраченных усилий. ОСНОВНЫЕ ТЕМЫ КНИГИ: • Фундаментальные основы программирования для WPF, начиная с XAML и заканчивая элементами управления и потоком данных • Разработка реалистичных приложений, позволяющих увидеть навигацию, локализацию и развертывание в действии • Исследование расширенных элементов управления пользовательского интерфейса, которые предлагаются WPF • Изучение способов управления документами внутри WPF: компоновка текста, вывод на печать и упаковка документов • Использование графики и мультимедиа для совершенствования приложений Книга рассчитана на разработчиков, которые впервые сталкиваются с WPF. Опыт программирования на С# и знание базовой архитектуры .NET поможет быстрее разобраться с примерами, но все необходимые концепции кратко объясняются с самого начала.   Создание Web-сайта: Недостающее руководство Автор: Мак-Дональд Мэтью Жанр: Web-дизайн. Web-мастеринг. Разработка web-приложений Издательство: БХВ-Петербург Год: 2015 Страниц: 624 Дата загрузки: 21 июня 2017    Простым и понятным языком написано, как спланировать и создать Web-сайт, разместить его в Интернете. Рассмотрены основы работы с редакторами Web-страниц (Expression Web, Dreamweaver), дан обзор бесплатных редакторов. Подробно разобраны тонкости создания таблиц стилей, добавления графики, связывания страниц, разработки макета страницы. Также рассмотрены страницы с многократно используемыми элементами. В книге уделено пристальное внимание проблеме продвижения сайта: регистрация в поисковиках, каталогах, работа с Google Analytics, сервисом Google Places, Google AdWords, ведение сопровождающего блога в Facebook, Twitter, Google Groups. Описано создание собственного блога на платформе Blogger. Показано, как зарабатывать деньги на своем сайте (Google AdSense, Amazon Associates, PayPal). Описаны элементы украшения Web-сайта (добавка интерактивности с помощью JavaScript, привлекательные кнопки и меню, вставка аудио и видео). В книге имеется краткий справочник по основным HTML-элементам.   WPF 4: Windows Presentation Foundation в : NET 4. 0 с примерами на C# 2010 для профессионалов Автор: Мак-Дональд Мэтью Жанр: .NET, ASP.NET, VB.NET, C# Издательство: Диалектика / Вильямс Год: 2011 Страниц: 1024 Дата загрузки: 10 декабря 2013    Уважаемый читатель! На протяжении многих лет разработчики, использующие платформу .NET, создавали Windows-приложения с помощью инструментального набора Windows Forms. И хотя Windows Forms была зрелой и полнофункциональной технологией, она жестко привязана к лежащим глубоко в основе Windows деталям, что длительное время не позволяло вносить в нее существенные изменения. С появлением Windows Presentation Foundation (WPF) все это изменилось. Несмотря на то что платформа WPF включает хорошо знакомые стандартные элементы управления, она рисует все детали самостоятельно, используя высокопроизводительный механизм DirectX. Как результат, WPF стала основой для громадной коллекции замечательных новых средств. Например, получить эксклюзивную и симпатичную кнопку можно, не написав ни единой строчки кода. Вдобавок можно создавать разнообразные анимационные эффекты, которые будут вращать, растягивать, масштабировать и перекашивать все, что угодно, в интерфейсе, причем непосредственно перед глазами конечного пользователя. В WPF стало доступным решение задач, которые было чрезвычайно трудно, а то и невозможно решить средствами Windows Forms, например воспроизведение медиа-файлов или создание текстурированных трехмерных фигур: В настоящее время наиболее впечатляющей версией этой технологии является WPF 4. В ней появились новые элементы управления (в том числе профессиональный DataGrid) и добавлена поддержка средств Windows 7 (таких как сенсорные экраны и модернизированная панель задач). Эта версия обеспечивает улучшенную визуализацию текста, более естественную анимацию, а также включает построители текстур для применения Photoshop-подобных эффектов. В этой книге приведен исчерпывающий обзор платформы WPF. Опыта работы с WPF не требуется, хотя новые средства специальным образом выделены для тех читателей, кто имел дело с предшествующими версиями WPF. К моменту завершения чтения книги вы научитесь решать задачи проектирования, создания и запуска в работу WPF-приложений.   Microsoft ASP: NET 4 с примерами на C# 2010 для профессионалов Автор: Мак-Дональд Мэтью Жанр: .NET, ASP.NET, VB.NET, C# Издательство: Диалектика / Вильямс Год: 2011 Страниц: 1424 Дата загрузки: 19 февраля 2013    Уважаемый читатель! Как вам уже должно быть известно, ASP.NET является основной технологией для построения серверных веб-приложений от Microsoft. В этой книге вы изучите ASP.NET 4 — последний серьезный этап в профессиональной разработке веб-приложений. В ASP.NET 4 было внесено множество усовершенствований и добавлены два крупных новых средства. Первым таким средством является ASP.NET М VC — альтернативный подход к проектированию веб-приложений, — которое обеспечивает получение более чистых URL, лучшие возможности тестирования и более высокую степень управления результирующей HTML-разметкой. Второе средство — это ASP.NET Dynamic Data, представляющее собой платформу формирования шаблонов данных, которая позволяет строить целые веб-сайты на основе гибких, повторно используемых шаблонов. Оба средства подробно описаны в книге. Кроме того, будет предложен расширенный обзор Silverlight — браузерного подключаемого модуля нового поколения от Microsoft, который позволяет рисовать векторную графику, добавлять анимацию и проигрывать файлы мультимедиа на страницах ASP.NET.

Другие книги автора – Мэтью Макдональд 3 книги