Section 1: Front End

Section 1: Front End

The Front End is the outward facing aspect of your website that users of your website get to interact with.

In this section we will cover the different parts that make up the Front End and how they are used to engage, inform, and share information with your site users.

Section 1a Logging In

Navigate to site

To log into your new website, open your browser and navigate to the site.

I will be using Google Chrome.

Once opened, type the name you called your site (yourlakename.lakekit.net) into the browser navigation window.

The name should look something like this:

redberrylake.lakekit.net

Front Page Parts

Once at the site, you will see the site’s home page, which can also be referred to as the site’s Front End.

The home page is made up of three main sections:

  1. Header
    1. Site Title
    2. Site Tagline
    3. Site navigation menu or main menu
  2. Content Area
    1. Post
  3. Footer
    1. Site citation information and the log in link

Click on the login link to access the site’s dashboard.

Login Screen

On the login screen, enter your username which will be your first and last name concatenated, all lower case, and the password you provided to us on the class form.

Then click the login button.

You can tell you are logged in when you see the black Admin bar at the top of the page

Section 1b Posts

Parts of a Post

A post page contains the content from one post.

A post is made up of a Title, Content, and while it does not absolutely need to have one I would suggest a picture.

The defining aspect of a post is that it contains only one idea, one story or one concept.

The post page also has an area that displays comments that people can leave about the post.

The post also has an area where you can add a new comment.
 
Posts are part of the website most people would refer to as a blog or a blog post which are found on a blog page.

Section 1c Pages

step-1-c

Parts of a Page

On a forward facing page the website Pages look very similar to a single Posts page.

The main difference is that Pages normally display content in a complex format. Pages can be made up of a mixture of different content that comes together to engage the user.

The content area displays content that can be made up of posts, images, maps, surveys and a number of other types of information in unison to convey a message.

The page ends with the footer that has the default site information and the site login control.

Font Resize
Contrast