Tools You Can Use: Digital Design Tools: Adobe XD, Figma, Sketch Presentation Software: PowerPoint, Google Slides Basic Image Editing: Paint, Photoshop, GIMP Layout 1: Homepage Header: Title of the website, possibly a logo. Navigation: Links to other pages on the website, such as the three city pages. Section: Main content area, likely to include an introduction to the state, images, and brief descriptions. Aside: Secondary content, perhaps a sidebar with related information, like tourist attractions or local events. Layout 2: Interior Pages Header: Title of the city, potentially a smaller version of the website's main header. Navigation: Same as the homepage navigation, providing links to other pages, including the homepage. Section: Main content, detailing the city's demographics, population, salary, cost of living, weather, and images. Aside: Secondary content, possibly a map of the city, local news, or weather forecast. Key Points to Remember: Low-Fidelity Design: You're not creating pixel-perfect designs. Simple sketches or wireframes are sufficient. Semantic HTML: Understanding the purpose of HTML elements like header, nav, section, and aside is crucial. NO CODING REQUIRED
Tools You Can Use:
Digital Design Tools: Adobe XD, Figma, Sketch
Presentation Software: PowerPoint, Google Slides
Basic Image Editing: Paint, Photoshop, GIMP
Layout 1: Homepage
Header: Title of the website, possibly a logo.
Navigation: Links to other pages on the website, such as the three city pages.
Section: Main content area, likely to include an introduction to the state, images, and brief descriptions.
Aside: Secondary content, perhaps a sidebar with related information, like tourist attractions or local events.
Layout 2: Interior Pages
Header: Title of the city, potentially a smaller version of the website's main header.
Navigation: Same as the homepage navigation, providing links to other pages, including the homepage.
Section: Main content, detailing the city's demographics, population, salary, cost of living, weather, and images.
Aside: Secondary content, possibly a map of the city, local news, or weather forecast.
Key Points to Remember:
Low-Fidelity Design: You're not creating pixel-perfect designs. Simple sketches or wireframes are sufficient.
Semantic HTML: Understanding the purpose of HTML elements like header, nav, section, and aside is crucial.
NO CODING REQUIRED
Step by step
Solved in 2 steps
