1. Intro to Web Development Homework Review

2. Homework – Class B Lists
Read Chapter 4 Lists, pages of text:
Create a web page lists.html :
This web page should present an unordered list of three countries in Central America.
Under each country nest an ordered list of two cities in that country.
Under each city nest an unordered list of two good restaurants (make up the names).

7. Inserting sublist under "Ham" list item

8. Inserting sublist under "Ham" list item

9. Inserting sublist under "Ham" list item

10. Inserting sublist under "Ham" list item
Iinsertion point

11. Replacing "Ham" with an embedded list:

12. Replacing "Ham" with an embedded list:

13. Voila!

14. Homework
(Goal)
Write out Names of Countries,
Cities, and
Restaurants

15. Approach

16. Approach

17. Modify html5-simple.htm Save on Deskstop as restaurants.html
Step 1:
Modify html5-simple.htm
Save on Deskstop as restaurants.html
The file html5-simple.htm is on | HTML | HTML Templates | HTML5 Simple

18. Note:
html5-simple.htm uses 2 spaces for tabs. Set Atom to do the same, if necessary.
View Atom "Settings" Ctrl-,
Select "Editing Section"
Scroll to bottom, set tab length to 2
The file html5-simple.htm is on | HTML | HTML Templates | HTML5 Simple

19. Programming Standards
File Name, <title>, <h1> Consistent
File Name
Title Element
<h1> Element

20. Step 1: (arrange on Desktop) Atom Chrome
Arrange Desktop with Atom and Chrome

21. Step 2:
Create Outer List Level

22. Step 2:
Atom Chrome

23. Step 3:
Duplicate
Outermost
List Level

24. Step 3:
Atom Chrome

25. Step 4:
Update middle and
Innermost
lists

26. Step 4:
Atom Chrome

27. Step 5:
Add 2nd
Restaurant

28. Step 5:
Atom Chrome

29. Step 6: Cut Out Restaurant List
Hhighlight entire lines holding down "Shift" and down arrow

30. Step 6: Select Restaurant List
Hhighlight entire lines holding down "Shift" and down arrow

31. Step 6:
Cut Out
Restaurant List
(Ctrl-X)
Shift-Del

32. Step 7: Make Room for Restaurant List Inside "City" (Enter)
Insertion Point
Shift-Del

33. Step 7: Make Room for Restaurant List Inside "City" Insertion Point
Shift-Del
Insertion Point

34. Step 7:
Paste
(Ctrl - V, Tab)
Shift-Del

35. Step 7:
Atom Chrome

36. Step 8: Duplicate City List
Hhighlight entire lines holding down "Shift" and down arrow

37. Step 8:
Select
City List
Hhighlight entire lines holding down "Shift" and down arrow

38. Delete City List (Ctrl-X)
Step 8:
Delete City List (Ctrl-X)
Hhighlight entire lines holding down "Shift" and down arrow

39. Step 8: Paste City List (Ctrl-V)
Hhighlight entire lines holding down "Shift" and down arrow

40. Step 8: Paste Again (Ctrl-V)
Hhighlight entire lines holding down "Shift" and down arrow

41. Step 8:
Atom Chrome

42. Step 9: Select Cities List
Hhighlight entire lines holding down "Shift" and down arrow

43. Step 9: Delete Cities List (Ctrl-X)
Hhighlight entire lines holding down "Shift" and down arrow

44. Step 9: Paste Cities List (Ctrl-V)
Hhighlight entire lines holding down "Shift" and down arrow

45. Step 9:
Atom Chrome

46. Step 10:
Duplicate
Country
List

47. Step 10:
Delete
Country
List

48. Step 10:
Delete
Country
List

49. Step 10:
Paste
Country
List Twice

50. Step 10:
Paste
Country
List Twice

51. Step 10:
Atom Chrome

52. Update
Names