O'Reilly logo

Web Design Blueprints by Benjamin LaGrone

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Setting up other sections

Next, let's get the content into separate files for the sections. We're going to really break the application now. At least we'll have something to fix again to move forward with our Single Page Application.

Breaking out the content into directories

We already have a home directory. Next, add directories for the remaining sections: news, tasks, weather, travel, and stocks, with the name being the same as the section. Inside each of these directories, add an HTML file named the same as the directory prepended by home and a dash, like this: home-news.html and home-stocks.html. Now, we need to break out the content from the DIV elements and into the directories. First, in home-home.html file, only write the text, time, with ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required