Embedded Files
Lesson Target/Outcome: What I'll Learn
Lesson Target/Outcome: What I'll Learn
I can create my own webpage using HTML coding or a web designing software.
I can create my own webpage using HTML coding or a web designing software.
Challenge
Challenge
Your challenge is to design a website for a specific purpose or theme like education, e-commerce, business, and or product catalog.
Your challenge is to design a website for a specific purpose or theme like education, e-commerce, business, and or product catalog.
Your challenge is to design a functional website that displays goods to sell, is easy to navigate between pages and has a contact page.
Your challenge is to design a functional website that displays goods to sell, is easy to navigate between pages and has a contact page.
Your challenge is to design a website that is educational (or personal, non-profit) and is easy to navigate between pages and includes a contact page
Your challenge is to design a website that is educational (or personal, non-profit) and is easy to navigate between pages and includes a contact page
Skills to Master:
Skills to Master:
*website is functional
*website is functional
*displays good website design
*displays good website design
*has a purpose-message
*has a purpose-message
*easy navigation between pages
*easy navigation between pages
*contact page included
*contact page included
Stuff I'll Need and What I Need to Know
Stuff I'll Need and What I Need to Know
An idea for a website
An idea for a website
Web Designing Software like Canva, Google Sites or Dreamweaver (Adobe) to help me build my webpage.
Web Designing Software like Canva, Google Sites or Dreamweaver (Adobe) to help me build my webpage.
Important Vocabulary
Important Vocabulary
Responsive design: A way to create websites that work well on any device
Responsive design: A way to create websites that work well on any device
Accessibility: Making websites usable by everyone, including people with disabilities
Accessibility: Making websites usable by everyone, including people with disabilities
Backend: The administrative side of a website
Backend: The administrative side of a website
Frontend: The public-facing side of a website
Frontend: The public-facing side of a website
Color scheme: A combination of colors used to create a cohesive and professional website
Color scheme: A combination of colors used to create a cohesive and professional website
Content roadmap: An outline of the content needed for a website, including text, images, videos, and testimonials
Content roadmap: An outline of the content needed for a website, including text, images, videos, and testimonials
Debugging: The process of locating and correcting coding problems to ensure a site runs as intended
Debugging: The process of locating and correcting coding problems to ensure a site runs as intended
Career Connection and Real World Application
Career Connection and Real World Application
Web Designer-A web designer plans, creates and codes websites by using both their technical and non-technical skills. They determine a website's appearance and functionality and optimize a site for desktop, tablet and mobile devices. Web designers also meet with clients and outside agencies to identify their needs, communicate with them throughout a project, register website domains and hosting sites and work with different content management systems.
Web Designer-A web designer plans, creates and codes websites by using both their technical and non-technical skills. They determine a website's appearance and functionality and optimize a site for desktop, tablet and mobile devices. Web designers also meet with clients and outside agencies to identify their needs, communicate with them throughout a project, register website domains and hosting sites and work with different content management systems.
Content Editory-Content editors ensure clients or organizations receive quality and engaging content. They edit short or long-form content, such as social media posts or articles for a website.
Content Editory-Content editors ensure clients or organizations receive quality and engaging content. They edit short or long-form content, such as social media posts or articles for a website.
Web Master-A webmaster is responsible for a website's content, quality and style. Professionals in this field ensure a website's architecture lets users navigate the site with ease.
Web Master-A webmaster is responsible for a website's content, quality and style. Professionals in this field ensure a website's architecture lets users navigate the site with ease.
Web Developer-A web developer combines their creative and technical computer skills to create webpage designs. They ensure sites meet their client and organization's specified requirements, create and test website applications, work with graphic designers and maintain and update their websites.
Web Developer-A web developer combines their creative and technical computer skills to create webpage designs. They ensure sites meet their client and organization's specified requirements, create and test website applications, work with graphic designers and maintain and update their websites.
Math I Need to Know
Math I Need to Know
While website design and development don't heavily rely on complex mathematics, the primary math skills used are basic arithmetic, including addition, subtraction, multiplication, division, fractions, decimals, and percentages, primarily used for layout calculations and CSS styling on the front-end side of development; some understanding of geometry can also be beneficial for positioning elements on a webpage.
While website design and development don't heavily rely on complex mathematics, the primary math skills used are basic arithmetic, including addition, subtraction, multiplication, division, fractions, decimals, and percentages, primarily used for layout calculations and CSS styling on the front-end side of development; some understanding of geometry can also be beneficial for positioning elements on a webpage.
Key points about math in web design:
Key points about math in web design:
Basic calculations: Most common operations like calculating element sizes, margins, padding, and screen resolutions involve simple arithmetic.
Basic calculations: Most common operations like calculating element sizes, margins, padding, and screen resolutions involve simple arithmetic.
Percentages: Crucial for responsive design, where elements scale proportionally based on screen size using percentages.
Percentages: Crucial for responsive design, where elements scale proportionally based on screen size using percentages.
Report abuse