Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Drupal 7 Media
  • Table Of Contents Toc
Drupal 7 Media

Drupal 7 Media - Third Edition

By : Liran Tal
4.4 (7)
close
close
Drupal 7 Media

Drupal 7 Media

4.4 (7)
By: Liran Tal

Overview of this book

Integrating images, video, and audio content on a Drupal site requires knowledge of appropriate community modules, and an understanding of how to configure and connect them properly. With the power of up-to-date technologies such as HTML5, responsive web design, and the best modules available in Drupal's eco-system, we can create the best Drupal 7 media website. Drupal 7 Media is a practical, hands-on guide that will introduce you to the basic structure of a Drupal site and guide you through the integration of images, videos, and audio content. Learn to leverage the most suitable community modules and up-to-date technology such as HTML5 to offer a great user experience through rich media content. The book begins with a practical introduction to the basic Drupal building blocks. It then breaks down each media resource, and explores them in detail. You will learn how to leverage Drupal's community modules to implement support for images, videos, and audio content, along with the best practices for implementation. We will be mentioning ideas throughout the book, which you can extend upon and use to build your own web applications. We will explore HTML5 support for media resources, the semantic web, and responsive web design, which are key topics in modern web application development. We will then build upon this knowledge and add more functionality to our sample website, such as support for analytic charts and customizing images, all of which we will implement using our own custom modules. You will learn everything you need to know about building, extending, and configuring a Drupal 7 media web application.
Table of Contents (16 chapters)
close
close

Responsive web design


In responsive design, a web layout design implements a theme or template structure which adapts to the browser's viewport width and resolution. For example, consider a website which has several horizontal columns and possibly a horizontal menu too. Loading this website on a mobile smartphone would require the device's browser to zoom out completely to render the page and force the user to excessively scroll up and down, left and right to navigate through the website. Instead, if the website could somehow detect that it's been viewed by a mobile device and even detect it's measures (height and width) it could then take action to render the HTML differently so it would create just a single column of content as shown in the following screenshot:

Note

Adaptive Web Design (AWD) versus Responsive Web Design (RWD)

With the AWD approach, a web builder prepares several page template layouts before-hand to fit a specific device's resolution which when detected the web application...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Drupal 7 Media
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon