TDT1 TASK 1: Website Development

Building a Website

Chelsie Atkins

Student ID Number: 000980803

Mentor: Amy Ricabal

Assessment Code: TDT1- Task 1

April 13, 2020

TDT1 TASK 1: Website Development

Website Development

Step One: Choose a Platform

I checked all of the platforms that were available to create a website and examined the
pros and cons to each. Being most familiar with Google Sites and products, I decided to choose
Google as my platform. I choose to create my site using Google Sites. The templates make
designing very user friendly and easy to change if needed. To begin creating my site, I went to
sites.google.com and clicked the plus sign in the bottom right corner. It then led me right to the
website layout with an option for a tour. Once I selected skip this tour, I was able to begin
editing my site.

Step Two: Creating Pages

Once my platform was chosen and my site was setup, I wanted to create the 3 pages that
are required. To do this, I went to the right toolbar and chose the pages header and then clicked
the plus sign at the bottom that prompted a new page and named it print instruction materials. I
repeated these steps to create a second page titled graphic instructional materials and again to
create a multimedia instructional materials page.

Step Three: Designing My Page

I then chose a template for my site. Going back to the toolbar on the right side, next to
the page header, it says themes. I clicked themes and six options were previewed. Each option
had a different style depending on preference. I chose the diplomat style and edited the color
scheme by clicking the paint can and finding a basic white. I then changed the background image
of each page by selecting “change image” in the lower left corner of the header box and choosing
select image. Then I chose the search option because I did not have a picture saved to use. If you
do have a picture, then you could select the upload option. The search option provides a text box
where I typed printed newspaper and click the magnifying glass. Once an image is preferred,
choose select in the bottom left corner and Google will add it to the image box on the current
page. Each picture at the top of the page can be changed using these steps. I followed these steps
to change my header page to colored pencils, my graphic page to a graphic design and my
multimedia page to a multimedia painting.

Step Four: Adding Text

Once all of the images were added, I added a welcome message to the header on the
homepage. I then added an additional text box with my information and a mission of the page.
To add the text, I double-clicked where I wanted the text to be placed and then clicked on the
TDT1 TASK 1: Website Development

center button labeled text using a T. I also changed the font of the text by highlighting it a
choosing the subheading option. I added a link graphic as well by double clicking and selecting
the picture image. The graphic used was the WGU mascot. I was able to click on the graphic and
attach the hyperlink to it by using the small link icon and typing in www.wgu.edu

Step Four: Editing the Layout and Resizing

I then browsed the possible layouts for my website. I again used the toolbar on the right
side and selected insert. There are many layout options already given as well as individual
options. I decided to add a button to my resources page and a divider to my homepage by
choosing each option individually while on the intended page. The button and the divider are
easy to resize by dragging the blue circles on each side until I was satisfied. In fact all pictures
and boxes can be resized this way.

Step Five: Adding a Resources Page

The last step to creating my website was to add a resources page. I used the same
directions laid out above in step two. I changed the picture in this header to match the homepage.
This page will be used to compile any links that I use throughout the course as well as a button
that can be used for visitors to create their own site.

Website URL: https://sites.google.com/wgu.edu/atkinstdt/home?authuser=1