Module 1 Web design & Development Lexington Minuteman
Module 1: The Modern Web Development & Design
1.1: Idea & Web Concept Development
1. Do you have a good idea for a website?
A. What websites do you use and why?
B. What makes the websites you like engaging?
2. What makes it a good idea?
A. Is it original?
B. Is it useful?
C. Are you a knowledge or content area/expert?
3. How will you organize this idea?
A. Will you use Flow charts or user centered design strategies?
B. Will you use web based organizing tools?
C. What is the importance of wire framing your information?
D. Draw it out on paper? What are the considerations for a prototype?
E. Can you present the idea clearly? (A Prezi or Powerpoint)
F. What code languages will you need learn:
Basic Website Code Template:
Difference Between Classes & ID’s
Fonts/Typography For The Web
4. When thinking about your website what considerations are important to the design
(the look and feel) of your website?
A. Navigation: How will users move around your website? (HTML/CSS/
B. Colors/Schemes and Themes: What colors will you use? (Color scheme
Color Sheme Generator
C. Layout Ideas (organization of content): Where will things go in the
layout?(Wire framing and Prototyping)
D. Fluid or Fixed Layout-How will your site adjust to different browsers and
views?(pixels or percentages, resolution, style sheets, media queries, Fixed &
E. Resolutions of Images & Graphics: What sizes will you need to make graphics
and pictures on you web pages? (Photoshop, resizing images, html/css, web
graphics, design concepts, colors)
F. Integration of Multimedia (video, animation, scrolling text etc.): How will you
G. How will you engage the user in a world in which there are so many
distractions on the web? (Multimedia, Browser Support)
H. How will your site be seen by mobile users? How does this influence your
planning (responsive design, Mobile Design)?
I. What considerations should be made for Search Engine Optimization(SEO)?