04 Name and Comments

Activity

• Watch Video #1 (below)
• Create the following layout in HTML. Use CSS to make all sections visible with borders. Use semantic html for sections highlighted below.

• Re-visit your ROBOT from Lesson 03. Copy the robot sketch into your new sketch.js file. Copy your robot description into appropriate section in the HTML layout.
• Comment your code in sketch.js file.
  • Use a multi-line comment starting at line #1 to write a brief description of what your program does.
  • Make concise and useful comments that highlight the important parts of your code. For a robot, you might want to highlight the big parts of your design: Head, Body, Arms, Feet, and other features that were created with blocks of code.
• Be careful about too many comments or unnecessary comments.
• Give your site a short descriptive title that reflects the program.
• Finish your webpage layout using Lorem Ipsum text, and pictures as necessary for the layout.
• Spend time on refining the look and feel of the site using custom CSS. Use your robot design on the canvas to flesh out a theme for the webpage. Pay attention to consistent margins and padding between html elements.
• Answer the vocabulary and study questions from this lesson. All descriptions must be in your own words and relevant in regards to our class.