MAP

STREET MAP

All 34 weeks: what each one builds and why it is there
web.selah-hcs.orgweb design for kids // html5 + css3one day academy
GROUNDWORKBefore the code: what the web is and how to think about design
W01Welcome to the StreetClaim your lot. Meet the street. Find out what a web designer actually does all day.W02Why Build for the WebFind out why this skill pays rent, and watch what people who code actually make.W03Before There Were ScreensWalk the timeline from room-sized calculators to the phone in your pocket.W04Inside the BoxOpen the case (with your eyes) and learn what each part actually does.W05How the Internet HappenedLearn how a Cold War experiment became the street your shop will stand on.W06Street SmartsLearn the safety rules of the neighborhood before you start building in it.W07Shops That Talk: BlogsMeet the kind of website that speaks in posts, and plan what yours could say.W08What Makes a Shop Look RightLearn the design elements every good storefront uses, before you touch code.W09Drawing the Floor PlanSketch where everything on your page will live before a single tag gets typed.W10Files, Folders, and Not Losing Your WorkBuild the folder your whole website will live in, and learn to never lose a file again.
FRAMING: HTMLThe building material: structure, text, images, links, lists, tables, nav
W11The Skeleton of Every PageType the frame that every web page on earth stands on.W12Opening Day: Your First PageCreate index.html in your folder and put real words on the real web page.W13Headlines and ParagraphsGive your words shape: headings that shout in order and paragraphs that breathe.W14Pictures on the WallHang the first images in your shop and write the words blind visitors will hear instead.W15Making Pictures BehaveResize and crop images so your pages load fast and look sharp.W16Doors Between Pages: LinksCut the doors that connect your pages to each other and to the wider street.W17Lists: Ordered and OtherwiseStack your content into tidy lists, numbered when order matters, bulleted when it does not.W18Tables: Data in Rows and ColumnsBuild honest tables for things that are truly grids: schedules, scores, price lists.W19The Navigation BarGive every page of your shop the same row of doors along the top.W20Color, By the NumbersLearn how the browser names sixteen million colors, and pick your shop's palette.
PAINT: CSSThe style layer: rules, color, backgrounds, text, fonts, links, lists, tables
W21Meet CSSStop decorating tag by tag and start writing style rules that paint the whole shop at once.W22Writing CSS RulesLearn the grammar cold: selectors, braces, colons, semicolons, no mercy for typos.W23BackgroundsPaint the walls: background colors and background images with readable text on top.W24Placing TextAlign, indent, and space your words like a printed page instead of a ransom note.W25FontsChoose your shop's typefaces and load them so every visitor's browser can draw them.W26Dressing Up LinksStyle your links in all four of their moods: unvisited, visited, hover, active.W27Styling ListsSwap bullets, tuck numbers, and turn a plain list into a menu that matches your shop.W28Table Style and Code CommentsMake your tables handsome and start leaving notes to your future self in the code.
THE FINAL BUILDYour own six-page site, planned, built, styled, and presented
W29The Final Build BeginsThe big Street Job opens: plan and start the final website you will present to the street.W30Putting Your Shop on the StreetLearn what web hosting is and how a folder on your computer becomes a site the world can visit.W31Build Workshop IHeads down. Frame every page of your final site: structure first, paint later.W32Build Workshop IIContent week: real words, real images, honest alt text, working links, everywhere.W33Build Workshop IIIPaint week: your palette, your fonts, your styles, applied everywhere, plus final fixes.W34Grand OpeningPresent your finished site to the street. Walk us through what you built and what you learned.