Web Pages

This is a web page. It contains the article titled Web Pages which you are reading right now.

Web pages are similar to pages in a book, at least conceptually. They both hold stories and articles for you to read. But that is where the similarity ends.

A page in a book is a piece of paper with a physical size that will not change. Before the book was published, the publisher meticulously laid out the text of the book to help the reader smoothly transition from one page to the other.

A web page does not have a particular physical height and width. Instead, it is displayed on any number of screen sizes and the text will fill any space it is given. This variable sizing lends itself to a Responsive Design, where the page of text will smoothly flow into any sized screen.

More importantly, a web page can link to any other web page anywhere within the Internet. One click and you are reading that referenced material, even if it resides on a webserver half way across the world. This is possible because each web page on the Internet has a unique address. One unique web address points to one unique file on the Internet.

The web address for this page is:

1happysite.com/web-pages

The first part, 1happysite.com, is the domain name of the website that is holding the page. The domain name is followed by '/web-pages' that specifies where a particular page can be found in the file structure of that website. There are two types of web pages, static and dynamic.

A static page does not fluctuate, you load it and it doesn't change, enabling you to read and absorb its information. Conversely, a dynamic page fluctuates as you interact with it, processing your input and generating new output on the fly.

A static web page is simply a file on a server, just like the files on your computer. And whether you load this page on your desktop computer at home or on your smartphone at the beach, you will be retrieving that exact same file every time. Nothing else will happen because there is no software code executing. If you are interested, you can see the contents of such a file at the end of this page.

There are also dynamic pages, which can come to life and allow you to do things, such as shop, send a message, watch a movie, just about anything. These Dynamic Pages bring the web to life and are definitely not anything like a book.

Code for this Web Page

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Title                                                                  -->
    <title>Web Pages | 1 Happy Site</title>

    <!-- Description                                                            -->
    <meta name="description" content="Learn about web pages and how they work"  >

    <!-- CSS Styling                                                                  -->
    <link href="_css/main.css" rel="stylesheet">



</head>

<body>
<header id="page-header">
    <nav>
        <div id="masthead">
            <a id="site-title" href="https://1happysite.com&" title="Go to Home page">1 Happy Site</a>
            <div id="tag-line">1 Happy Place <a href="https://1happyplace.com/showroom.html" title="1 Happy Place Showroom of Websites" target="_blank">Showroom</a> Website</div>
        </div>
        <div id="contact-info">
            <a class="telephone" href="tel:703-594-1225">703-594-1225</a>
            <!-- Social media and Contact Me button -->
            <div id="social">
                <a class="social google"  title="Follow 1 Happy Place on Google+" href="//plus.google.com/u/0/112247503161502884304?prsrc=3" rel="publisher" target="_blank" ></a>
                <a class="social instagram" href="https://instagram.com/1HappyPlaceLLC" title="Follow 1 Happy Place on Instagram"  target="_blank"></a>
            </div>
        </div>
        <div id="menu-box">
            <a class="menu-item" title="About 1 Happy Site" href="about">;About</a>
            <a class="menu-item current" title="Web Pages" href="web-pages">Pages</a>
            <a class="menu-item" title="Dynamic Web Pages" href="dynamic-web-pages">Dynamic</a>
            <a class="menu-item" title="Responsive Design" href="responsive-design">Responsive</a>
            <a class="menu-item" title="Lightweight Pages" href="lightweight-pages">Lightweight</a>
            <a class="menu-item" title="Contact Katie Ayres" href="contact">Contact</a>

        </div>
    </nav>
</header>
<main id="web-pages">
    <div id="hero"></div>
<article>

    <H2>Web Pages</H2>

    <p>This is a web page.  It contains the article titled <em>Web Pages</em> which you are reading right now. </p>

    <p>Web pages are similar to pages in a book, at least conceptually.  They both hold stories and articles for you to read.  But that is where
        the similarity ends.</p>

    <p>A page in a book is a piece of paper with a physical size that will not change.
        Before the book was published, the publisher meticulously laid out the
        text of the book to help the reader smoothly transition from one page to the other.  </p>


    <p>A web page does not have a particular physical height and width. Instead, it is displayed on any number of screen sizes and the text will fill any space
     it is given.  This variable sizing lends itself
    to a <a href="responsive-design" title="Go to Responsive Design article">Responsive Design</a>, where the page of text will smoothly flow into any sized screen.</p>

    <p>More importantly, a web page can link to any other web page anywhere within the Internet.
        One click and you are reading that referenced material, even if it resides on a webserver half way across the world.
        This is possible because each web page on the Internet has a unique address.</p>

    <p>The web address for this page is:</p>

    <p class="word-list">1happysite.com/web-pages.html</p>

    <p>The first part, <em>1happysite.com</em>, is the domain name of the website that is holding the page. The domain name is followed by <em>'/web-pages.html'</em> that
        specifies where a particular page can be found in the file structure of that webserver. There are two types of web pages, static and dynamic.</p>

    <p>A static page does not fluctuate,
        you load it and it doesn't change, enabling you to read and absorb its information.  Conversely, a dynamic page fluctuates as you
        interact with it, processing your input and generating new output on the fly.</p>

    <p>A static web page is simply a file on a server, just like the files on your computer.  And whether you load this page on your desktop
        computer at home or on your smartphone at the beach, you will be retrieving that exact same file every time.  Nothing else will
        happen because there is no software code executing.</p>

    <p>If you are interested, you can see <a href="#code">the contents of such a file</a> at the end of this page.</p>


    <p>There are also dynamic pages, which can come to life and allow you to do things, such as shop, send a message, watch a movie, just about anything.
        These <a href="dynamic-web-pages">Dynamic Pages</a>
    bring the web to life and are definitely not anything like a book.  </p>


</article>