Notice index.html remains in the top-level of the directory, but additional (non-homepage) HTML files are in an html subdirectory. We would add these pages by creating two corresponding HTML files: my-sample-project/ In addition to the index.html homepage, we want "About Us" and "Contact Us" pages. Let's say we want this site to contain multiple pages too. In fact, many traditional sites offer multiple areas users can navigate between. This example site has only one page: index.html. A css subdirectory with a custom styles.css stylesheet.A project directory called my-sample-project.Creating Multiple PagesĪ basic HTML site, as created in Intro, is structured something like this: my-sample-project/ But while our primary focus is solidifying our CSS skills in this first week, the simple approach depicted in this lesson will serve our purposes fine. We'll learn alternative, more advanced ways to create multi-page sites later on. So, before continuing, let's briefly address how to create multi-page HTML sites for use in this course. Some students may have experimented with creating multi-page site in Intro, especially during open-ended team project week, but other students may not have. Different areas you can navigate between (usually with links, or a navigation menu) to see and interact with different information. As you know, many websites feature multiple pages.
0 Comments
Leave a Reply. |