Module 1: The Modern
Web Development & Design
1.1: Idea & Web
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
2. What makes it a good idea?
A. Is it original?
B. Is it useful?
C. Are you a knowledge or content
3. How will you organize this idea?
A. Will you use Flow charts
or user centered design strategies?
B. Will you use web based
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
Basic Website Code
Difference Between Classes &
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
B. Colors/Schemes and Themes: What
colors will you use? (Color scheme Generator)
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 & Relative Position)
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,
F. Integration of Multimedia (video,
animation, scrolling text etc.): How will you integrate these and how will they
G. How will you engage the user in
a world in which there are so many distractions on the web? (Multimedia, Browser
H. How will your site be seen by
mobile users? How does this influence your planning (responsive design, Mobile
I. What considerations should be
made for Search Engine Optimization(SEO)?