---
title: Setting Up the Advanced Tutorials
framework: applenews
role: article
role_heading: Article
path: applenews/setting-up-the-advanced-tutorials
---

# Setting Up the Advanced Tutorials

Download the tutorial files, and learn about what you’ll create in the three advanced tutorials.

## Overview

Overview These three advanced tutorials will help you use some of the advanced design and layout features of Apple News Format. For information on previewing the article bundle examples and choosing a text editor, see Setting Up the Introductory Tutorial. The images below show some of the design and layout features of Apple News Format, such as inset components and inline HTML styling. You’ll use these features in the tutorials that follow to build your own designs and layouts, and Apple News will adapt your layouts to any iOS, iPadOS, or macOS device. Header Techniques The first advanced tutorial covers some techniques for designing the header of your article.

Layout and Positioning The second advanced tutorial covers elements of complex layouts, along with other topics.

Video and Dark Theme Among other topics, the third advanced tutorial will teach you how to include a video as your header background and implement a theme with different colors.

Static Image Fill Another topic the third advanced tutorial covers is how to cause an image to stay still while article content scrolls in front of it.

Choose an Option for Completing the Advanced Tutorials Choose one of these options. Option 1: Edit files yourself. (Recommended.) Download the article.json file, and use the instructions in this tutorial to add code to the file. Preview your changes as you go, using the News Preview tool. Option 2: Preview completed files. Follow along by looking at downloadable examples that represent the completion of each stage of this tutorial. Preview the completed articles in the News Preview tool. Download the Article Bundle Examples To begin the advanced tutorials, you’ll need to download and unzip one or more Apple News Format article bundles, or use your article.json file from the completed introductory tutorial. On your Desktop, create a folder named News_Design_Tutorial_Advanced. Download and unzip the following examples, and then move the resulting folders into your Desktop/News_Design_Tutorial_Advanced folder. News_Design_Tutorial_6_Embeds.zip. This ZIP file includes the outcome of the introductory tutorial. News_Design_Tutorial_Advanced_Article_1.zip. This ZIP file includes the outcome of the first advanced tutorial and contains an image you’ll need to complete it. News_Design_Tutorial_Advanced_Article_2.zip. This ZIP file includes the outcome of the second advanced tutorial and contains an image you’ll need to complete it. News_Design_Tutorial_Advanced_Article_3.zip. This ZIP file includes the outcome of the third advanced tutorial and contains an image you’ll need to complete it.

## See Also

### Related Documentation

- [Requirements](applenews/apple-news-format-tutorials.md)
- [Setting Up the Introductory Tutorial](applenews/setting-up-the-introductory-tutorial.md)

### Advanced Design Tutorial 1: Headers and Parallax Behavior

- [About Containers](applenews/about-containers.md)
- [Creating a Layered Header](applenews/creating-a-layered-header.md)
- [Adding Parallax Behavior](applenews/adding-parallax-behavior.md)
- [Viewing the Finished Article for Advanced Design Tutorial 1](applenews/viewing-the-finished-article-for-advanced-design-tutorial-1.md)