In this lesson I will introduce you to terms commonly used in the Information Technology world that particularly pertain to data centers. As I work at a data center, Sago Networks, I thought it would be a topic I would like to expound upon and that is why I am making these "Intro to Data Centers" lessons. In this first lesson I will discuss what a data center is, as well as, list some of the terms commonly found on data center websites and their meanings.
Terms
Data Center (a.k.a Datacenter, DC, Data Centre) - Often a building that contains a Network Operations Center room, rooms that contain dedicated servers, an area or areas that have a large amount of backup power, and offices for programmers/marketers/administrators/officers/etc.. The rooms containing the dedicated servers have monitored air conditioning and humidifying in them.
Dedicated Servers - Dedicated servers are basically computers that have hard drives and lots of memory. They are connected to the internet through the data centers' network and are used to host data. They can be used to store data securely for industries that need to be government compliant, such as, the Healthcare, Finance, and Legal industries. They can also be used by any one who wants to store their data securely for online backup purposes, or, by any one who wants to host their websites and web-pages on them.
Colocation (a.k.a Colo, Co-location, Collocation) - Colocation is basically having data securely stored on a redundant network of data centers. When you colocate that means that you have your data stored on a dedicated server or several dedicated servers that are in one data center and that data is also in sync with other dedicated servers at another data center or however many data centers you want your data colocated on and that are all networked to each other. So, if one data center in the data center network gets demolished by natural disasters or what have you, then, the other data centers will still have your data secure on their network for you.
David The Webster
Wednesday, March 16, 2011
Lesson 7 - HTML 5
Here are some links to help you learn HTML 5.
Building Web-pages with HTML 5:
http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/
Add Semantic Value to Your Web-pages With HTML 5:
http://www.webmonkey.com/2010/02/Add_Semantic_Value_to_Your_Pages_With_HTML_5/
Embed Audio and Video in HTML 5 Pages:
http://www.webmonkey.com/2010/02/Embed_Audio_and_Video_in_HTML_5_Pages/
Building Web-pages with HTML 5:
http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/
Add Semantic Value to Your Web-pages With HTML 5:
http://www.webmonkey.com/2010/02/Add_Semantic_Value_to_Your_Pages_With_HTML_5/
Embed Audio and Video in HTML 5 Pages:
http://www.webmonkey.com/2010/02/Embed_Audio_and_Video_in_HTML_5_Pages/
Lesson 6 - Validate your HTML
This lesson covers remaining information that you should know regarding HTML. Through this lesson you will gain additional knowledge about DOCTYPES, keeping your code clean, and the final information on mastering links, text, and tables. Use the HTML validation tool to validate that your coding is clean.
HTML Validation Tool
http://validator.w3.org/
Required Reading
http://www.htmlcodetutorial.com/document/_33nDOCTYPE.html
http://www.smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/
http://htmldog.com/guides/htmlintermediate/badtags/
http://htmldog.com/guides/htmladvanced/links/
http://htmldog.com/guides/htmladvanced/text/
http://htmldog.com/guides/htmladvanced/tables/
Optional Reading
http://htmldog.com/guides/htmladvanced/forms/
http://www.webmonkey.com/2010/01/what_comes_after_html5__htmldot/
Quiz
Create an HTML page with a transitional or loose DOCTYPE. The page should have a header area with a company logo, a left column for a menu, and the rest of the area should be the main content area. Follow all principles for keeping your code clean. Create an accessible form in the main content area that is laid out using tables. Each question should be on it's on table row, with the question and form element in separate columns. Demonstrate the knowledge gained from the links, text, and tables tutorials.
HTML Validation Tool
http://validator.w3.org/
Required Reading
http://www.htmlcodetutorial.
http://www.smashingmagazine.
http://htmldog.com/guides/
http://htmldog.com/guides/
http://htmldog.com/guides/
http://htmldog.com/guides/
Optional Reading
http://htmldog.com/guides/
http://www.webmonkey.com/2010/
Quiz
Create an HTML page with a transitional or loose DOCTYPE. The page should have a header area with a company logo, a left column for a menu, and the rest of the area should be the main content area. Follow all principles for keeping your code clean. Create an accessible form in the main content area that is laid out using tables. Each question should be on it's on table row, with the question and form element in separate columns. Demonstrate the knowledge gained from the links, text, and tables tutorials.
Lesson 5 - Mastering CSS
Here are some links to help you with mastering cascading style sheets, as well as, a bonus link on using meta tags to refresh a page.
Required Reading
http://www.webmonkey.com/2010/02/Mulders_Stylesheets_Tutorial_-_Lesson_5/
http://w3schools.com/html/html_colors.asp
http://www.webmonkey.com/2010/02/color_charts/
http://www.webmonkey.com/2010/02/write_symbols_and_special_characters_in_html/
http://www.webmonkey.com/2010/02/refresh_a_page_using_meta_tags/
Optional Tool
http://www.rgbtool.com/
Required Reading
http://www.webmonkey.com/2010/
http://w3schools.com/html/
http://www.webmonkey.com/2010/
http://www.webmonkey.com/2010/
http://www.webmonkey.com/2010/
Optional Tool
http://www.rgbtool.com/
Lesson 4 - Cascading Style Sheets
This lesson will introduce you to Cascading Style Sheets, how to perform basic font changes with CSS, changing typography and layout, colors and backgrounds, and the infamous SPAN and DIV HTML elements.
Required Reading
http://www.webmonkey.com/2010/02/mulders_stylesheets_tutorial_-_lesson_1/
http://www.webmonkey.com/2010/02/Mulders_Stylesheets_Tutorial_-_Lesson_2/
http://www.webmonkey.com/2010/02/Mulders_Stylesheets_Tutorial_-_Lesson_3
http://www.webmonkey.com/2010/02/Mulders_Stylesheets_Tutorial_-_Lesson_4
http://htmldog.com/guides/htmlintermediate/spandiv/
Quiz
Create an HTML document that contains the following:
Extra Credit
Create a div as wide as the page with a 400px height. Place two floated spans inside it. Set each span so that they equally fill the div horizontally. Set each span to have a different background color. Use Lorem Ipsum text inside each span.
Required Reading
http://www.webmonkey.com/2010/
http://www.webmonkey.com/2010/
http://www.webmonkey.com/2010/
http://www.webmonkey.com/2010/
http://htmldog.com/guides/
Quiz
Create an HTML document that contains the following:
- Linking and Importing CSS Stylesheet
- Two different classes
- One red link without using in-line CSS or tag, that is 9px font size using the Arial font
- A header of any size with a margin of 20px, and a spacing of 5px, with a dashed border
- A sentence that is bolded, italics, and underline, all using CSS -- Using text-transform, set it so every first letter of each word is capitalized
- Create two words that visually overlap each other
- A header that has borders around it, with a thicker border on the bottom edge
- Float an image to the right of the page
Extra Credit
Create a div as wide as the page with a 400px height. Place two floated spans inside it. Set each span so that they equally fill the div horizontally. Set each span to have a different background color. Use Lorem Ipsum text inside each span.
Lesson 3 - HTML Forms
Here are some links that have to do with HTML forms.
Required Reading
http://htmldog.com/guides/htmlbeginner/forms/
http://stevenclark.com.au/2008/01/12/get-vs-post-for-the-beginner/
Optional Reading
http://htmldog.com/guides/htmladvanced/forms/
Quiz
Create an HTML Document that has a contact us form on it. The form action URL or PHP file to use is not provided. For viewing purposes only, create a two-column table with the names/questions on the form in column 1, and the form fields in column 2. Your form should have the following elements:
Required Reading
http://htmldog.com/guides/
http://stevenclark.com.au/
Optional Reading
http://htmldog.com/guides/
Quiz
Create an HTML Document that has a contact us form on it. The form action URL or PHP file to use is not provided. For viewing purposes only, create a two-column table with the names/questions on the form in column 1, and the form fields in column 2. Your form should have the following elements:
- Name: Name -- Element Type: Input type=text
- Name: FavoriteColor -- Element Type: Select -- Values: Blue, Green, Red, Orange
- Name: Password -- Element Type: Input type=password
- Name: Human -- Element Type: Checkbox -- Values: Yes, No
- Name: State -- Element Type: Input type=radio -- Values: Georgia, Florida
- Name: Comments -- Element Type: Textarea
- Name: HiddenCode -- Element Type: Input type=hidden -- Value: 42
- An Image Submit Button
Lesson 2 - HTML Tables
Here are some links and a quiz to help you with making HTML tables.
Required Reading
http://www.webmonkey.com/2010/02/create_simple_html_tables/
http://www.webmonkey.com/2010/02/format_html_tables/
http://www.webmonkey.com/2010/02/keep_tables_tidy/
Optional Reading
http://htmldog.com/guides/htmlintermediate/tables/
Quiz
Create an HTML document that contains a table that looks like:
http://www.wired.com/wired/webmonkey/stuff/Keep_Tables_Tidy/table6.gif
Required Reading
http://www.webmonkey.com/2010/
http://www.webmonkey.com/2010/
http://www.webmonkey.com/2010/
Optional Reading
http://htmldog.com/guides/
Quiz
Create an HTML document that contains a table that looks like:
http://www.wired.com/wired/
- The table should have a spacing of 4, and a padding of 6
- The overall table width should be 800px
- The overall table height should be 600px
- Use Lorem Ipsum for page text
- Set one block of text to be aligned right, using only table/tr/td properties
- The table should be centered on the page
Subscribe to:
Posts (Atom)