Web+Activity+1

=Web Activity 2=

Link to Revised WA1: @http://kliles.theliveconnect.com/ [Left wa1 | Right wa2]

I have completely transformed my website! I’ve never really been good at creating good designs so I tried to capture all of the comments from the critiques in wa2.

1. I added more information on STEM because many seemed interested in the topic. Wa1 did not provide a good overview of the topic. I included a STEM sample lesson that I created and more links related to STEM Education. 2. I created and added a banner. 3. I added buttons for my navigation links. 4. I highlighted robotics as a STEM Topic as opposed to giving it its own page because wa1 did not flow well as Robotics is only a subtopic of STEM. 5. I used the same font throughout the site and same color [where needed] for consistency. 6. I included the sources for my images and information on my webpage. 7. I added a background color and chose a different layout for the web page. 8. I replaced the original image on the home page with an animated gif. [Working to resolve] 9. Although this was not recommended, I added a marquee to my site.

These changes were much needed. Thanks for the feedback!

= Web Activity 1 =

Link to Site I have never heard of KompoZer and was excited to hear of the free application. I downloaded the program and immediately realized that it is very similar to Adobe Dreamweaver, a product I had used a few times in the past. The download was not a typical download. Instead of actually downloading software, I had to save a compressed folder and extract the files.

KompoZer was very user friendly. I clicked New to start a new file and inserted text, links, and images directly on the page. I toggled between the Normal view and Source view a few times to make direct changes to the HTML code. For example, I added the title but realized that KompoZer prompts you to create a title for your page when you save the file. Also, I changed the path of my uploaded image and pasted the code to embed a YouTube video in source view.

My website follows a very simple design, because of it’s basic content. Since the site is very small and simple, I used a Sequence Site Structure (from: []).

There are several different ways to organize the content of a web page and infinite layouts to create. A few are one column, two columns, three columns, menus plus tabs, or two rows and three columns (From: []). I only have two menu items, the Home Page and Robotics Page. The page structure is also very basic. My layout is very linear. Everything flows from top to bottom so I chose to use the one column layout. I addressed the following items from the competency worksheet:

** Level One ** Create a site (KompoZer) Create a new page Enter and format text Insert an image Create a hyperlink Create an email link Set the title Create an ordered or unordered list Preview a page in a browser

** Level Two ** Insert/embed media (YouTube Video) Modify Page Properties (Changes width of page to 90% and centered page)

** Level Three ** Create or modify CSS (Changed paragraph text on home page) Upload to a domain ([|http://kliles.theliveconnect.com])

I did not insert any anchors because my pages did not include a lot of sections and the content could be viewed with minimum scrolling. I did not create an image map because I am still learning how to successfully create one. I understand the concept but my confusion is in trying to determine the coordinates of a given area.