Difference between revisions of "HTML/CSS Debugging"

From ESE205 Wiki
Jump to: navigation, search
(Blanked the page)
Line 1: Line 1:
 
+
Given that both of us had no experience coding in HTML, we had to use online resources to teach ourselves. After scavenging through YouTube videos and tutorial sites, the most effective site was w3schools, which has a sidebar with many different tutorials of both the HTML and CSS codes (i.e. headings, styles, table, etc.) in addition to its tutorial page where one can basically trial and error any code he/she wants. That was the most effective tool we used when improving the overall aesthetic of the site and helped a lot when bolding words and making toolbars hoverable.
 +
<br>1. Google HTML Code tutorial or enter the link: https://www.w3schools.com/html/default.asp
 +
<br>2. Select one of the tabs on the left for a particular tutorial.
 +
<br>3. Tap "Try it yourself."
 +
<br>4. Trial and error.
 +
[[Category:HowTos]]

Revision as of 00:05, 2 May 2017

Given that both of us had no experience coding in HTML, we had to use online resources to teach ourselves. After scavenging through YouTube videos and tutorial sites, the most effective site was w3schools, which has a sidebar with many different tutorials of both the HTML and CSS codes (i.e. headings, styles, table, etc.) in addition to its tutorial page where one can basically trial and error any code he/she wants. That was the most effective tool we used when improving the overall aesthetic of the site and helped a lot when bolding words and making toolbars hoverable.
1. Google HTML Code tutorial or enter the link: https://www.w3schools.com/html/default.asp
2. Select one of the tabs on the left for a particular tutorial.
3. Tap "Try it yourself."
4. Trial and error.