Saturday, October 1, 2011

EDU 558 Journal - Class #6 - Site Structure

Read Web Style Guide chapter about Site Structure (http://webstyleguide.com/wsg3/5-site-structure/index.html) and answer the following questions in your journal:
·         In the rubric for the final project, you have the option of designing or modifying the CSS-related template (Target) OR to use an existing template (Met). In your web resource, will you be using a template already designed by the site or will you design / modify your own template?
I will be using Weebly for my web site.  Weebly allow you to modify the already installed templates to fit your needs.  I will modify items such as font, color, etc.  I will also add other templates to my Weebly site specifically for the needs of myself and audience.

·         Do some investigation in the web hosting site that you are using. How does the site relate (or, how do you think the site relates) to the information on http://webstyleguide.com/wsg3/5-site-structure/2-semantic-markup.html? For example, does the site have an overall CSS sheet and then individual html sheets? Are there include files? How does setting up a well designed semantic markup make site maintenance easier?
The Weebly site has its own CSS sheets and also allows you to include your own HTML sheets.  The Weebly site is easy to maintain and update whenever you need to.  The semantic markup will make it easy to locate what you are looking to change, such as font color for the header or background color in the body of the text.

·         What is the site structure for your website? How will you name files/posts to make sure they are easy to organize and maintain?
For my site, the structure will include a home page with different tabs that will take the viewer to different content areas (About Me, Artwork, Photo Gallery, Links, Blog/Journal, and Classroom Info).  My viewers can access any of these areas by clicking on the tabs at any time or any page they are on.  Every file will be named accordingly to their content to help keep the site functional and maintained.

·         What could you include in your page to make it easy to find in a search engine? Or, do you WANT your page to be easy to find?
I would like my page easy to find because I would like to help other art teachers have access to the different resources that I find and use.  I know it is very helpful when I can look up different resources to use in my classroom and I want to help other teachers in the same way.  To help make my page easy to find in a search engine, using keywords within the titles and text are important.  My Journal will also allow me to enter in key words or labels to help identify that particular post's subject.
CSS Activity
                1.  Blog
·   Centered the Blog Title and made bold for visual purposes.
·   Changed size of font in title, header and body text or visual purposes.
·   Changed the background color of the post to a dark gray color to help make the text easier to read.
                                                              
                2.  Website
With using a Weebly site, changing the HTML and CSS is simple.  Whenever I want to change something, I can just search for the code for that specific areas (font, color, background, etc.) and make my necessary changes.  Making these changes are simple as long as you know basic code.


No comments:

Post a Comment