Running Header: Process of Creating My Professional Website

Process of Creating My Professional Website

Erin M. Bayne
001082554
Natalie Zartarian
Assessment Code: TDT1 Task 1
October 2019
Running Header: Process of Creating My Professional Website

1. After speaking with a few of my colleagues at work, who have completed their master’s
program through WGU, they suggested I use Weebly. They said it was user friendly and a great
professional website to use and build my masters and teacher webpage.
2. First choice I made was that I just needed a website from Weebly. No need to sell anything, I
am not running a business, so I chose the basic blank website selection. For the themes I selected
Portfolio over the other 6 options of – Business, Personal, Event, Blog, Coming Soon, and Other.
I then selected the picture with an amazing view that said “Leaps and Bounds” because, with this
master’s program, I keep telling myself the end is insight, just a few more hurdles to leap over,
so I felt it was fitting. Plus, the appearance caught my eye.
3. After you chose your theme from Weebly they ask you to select a domain name. I wanted to
pick something that was professional, and I could also have my students use it if it ever became
my teacher website. I went with mrserinbayne.weebly.com.
You can find my link at http://mrserinbayne.weebly.com
4. After selecting my domain name, I could now edit the site. In edit mode, you can add and
delete content, images, titles, links, and make it your own. I ended up removing everything and
starting with a blank page.
5. I then renamed the first page “Home” and then added three more pages to my website by
clicking on “Pages.” The other three-page titles I added were, “Print Instructional Material,”
“Graphic Instructional Materials,” and “Multimedia Instructional Materials.” On each of the
added pages I made a text box with the phrase “Information to come at a later date. Stay tuned.”
This allows my readers to know that I will eventually have context and materials in those
sections.
6. I then went to each of the four pages and added a background image. Since I am a Physical
Education teacher, I wanted the pictures to be related to exercise or fitness. For the Home page I
put a picture of my favorite sport and hobby, volleyball. On the other three pages I put a picture
of a jogger, a couple bikers, and then yoga.
7. I then went back to all four pages and added a subtitle within the background picture with the
page name. I made sure the font and color were legible and contrasted well with all the
background colors. On the Home page I headed it “Mrs. Erin Bayne, Professional e-Portfolio,
TDT1 – Technology Design Portfolio.”
8. After I had all my background images and titles in place I went back to the home page and
added an image of myself and the most important people in my life, my husband and kids, and
then wrote a blurb about myself and what this professional webpage was going to be used for.
Within the information about myself, I added my email address so students, parents, colleagues,
and page visitors can reach me.
9. In case anyone wanted more information about the college I am receiving my masters from, I
included a button titled “Western Governors University” that links them to the main page of the
WGU’s Teachers College page. Not only is it informational and give them knowledge about my
Running Header: Process of Creating My Professional Website

educational background, but someone else could be interested in this program and want to learn
more about it.
10. Lastly, after finishing all the pages and making sure they looked appealing to the reader and
they knew what each page would include, I made my website live by hitting the “Publish” button
in the top right corner. It is bright blue. Every time I make changes to my webpage, I must hit
this button to update any new material. When I hit publish, I can then also click the link to the
website to see it as others would outside editing mode. Once I was completely done editing I
clicked the published link and made sure all four pages looked the way I edited them, made sure
the font and contrasts were correct, the images were centered, the WGU button worked and also
my email link functioned properly.