This artifact contains an example of a website I worked on for a Stevens Point pet store called The Companion Shop, while I was an intern at a local web design firm called IMAKESENSE.com. I worked within Dream Weaver to complete most of the work for the new content pages and some times in the coding section of Dream Weaver by using the split view feature to type HTML code. The skills I demonstrated while working on the web site content pages of the ability to code with HTML and use cascading style sheets to format the look of the website pages.
The website I worked on was already online and I worked on the pages off-line, making the new content web pages in a format similar to pages already designed on the web site and I uploaded the changes to the server after they were complete.
When working on this project, I noticed my employer usually used "ids" for "div" tags to identify specific elements of text when using cascading style sheets and when I created some of the web pages for the Companion Store website I used the class method, which allows the style to be used more than once on a the HTML pages within a website. Because of the difference, I checked first with my employer to make sure he did not prefer me to use the id method, which can only be used be used one specific time in an HTML document. This was important because I was only an intern and wanted to make sure all code in CSS format was they way my employer wanted it and preferred it to be done. My employer said the use of the class method was also fine to use in the style sheet.
I prefer using the class method for CSS styles when I can because the class method of defining styles represents groups of tags that are the same or similar. For example, if I created a “redtext” class with a specific font and size, the class can be re-used or re-applied to format the specific redtext throughout the HTML pages in the website through the external Cascading style sheet. Therefore, as a result of using the class method, it simplifies how much CSS code I have to write for each of the website’s HTML pages.