build-it-yourself general project page specs page table width – 700 pixels (maybe 750) font -...

Build-It-YourselfGeneral Project Page Specs

Page table width – 700 pixels (Maybe 750)Font - Comic or New Times RomanFont size: Title - 4 bold 555555 Navigation - 2 reg, blue / purple Story text - 4 reg, aaaaaa

Create header and footer ‘include’ files

See project pages and pick the attributes of the best looking pages.See Instructables.com

Look and feel inspirations:1) A comic book2) A game trailer3) Pixar4) Apple

specs

Featured Projects of the MonthProject description. Lk;sklfg kld’fklg sdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfgS’d;lfkg’l;ksgfl;k;’l weor k’l;sk’lg;kd’slgkd’sfl;kg’;lg0pgfp[

Big Picture | YouTube Video

index.html

Projects Build-It-Blocks Workshops Video Phone Stock Room Invention Universe

Workshop Support Webcast Support Presentations About Us Copyright 1995 - 2010 Terms of Use Privacy Policy

Most popular | New | Featured

Home Page

Project NameProject description. Lk;sklfg kld’fklgdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfsdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpoAkjfkl;ka;dk;sfjl;kj;’kl’;ldfs

proj-category.html

Browse Projects by: Materials Subject Difficulty Date






When projects selected, go to most used selection criteria or go to last criteria selected.

To change selection criteria, select from drop down menu.

LEGOScratchCraft MtrlsRC ControlElectronicsComputer

RoboticsProgrammingMusicArt

BasicIntermediateComplex

YearMonthAuthor

Overview:Project description. Lk;sklfg kld’fklg sdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfgS’d;lfkg’l;ksgfl;k;’l weor k’l;sk’lg;kd’slgkd’sfl;kg’;lg0pgfp[


proj-door-greet-problem.html




Set Up Your Laboratory (Proj Name)

Problem:Project description. Lk;sklfg kld’fklg sdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfgS’d;lfkg’l;ksgfl;k;’l weor k’l;sk’lg;kd’slgkd’sfl;kg’;lg0pgfp[







Mission:Project description. Lk;sklfg kld’fklg sdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfgS’d;lfkg’l;ksgfl;k;’l weor k’l;sk’lg;kd’slgkd’sfl;kg’;lg0pgfp[







You’ll Need:1. Lk;sklfg kld’fklg sdflg’l;s2. Klkja;dfjio3. 9iqklmnk pijqllpiookm;rti







+PremiumQuality

Junk

Hall of Fame #1Project description. Lk;sklfg kld’fklg sdflg’l;s







Hall of Fame #2Project description. Lk;sklfg kld’fklg sdflg’l;s







Premium+ Quality Junk

DoubleTrouble

Not Good

DB Tables (need to be flushed out more to sync with UI)Images: (jpg or gif)---------- - project icons (100 x 100) - main proj (? x ?) - project pic 1...n (250 x ?) - plan pic (250 x ?) - construct pic (250 x ?) - hall of fame solution 1 ... n pics (250 x ?) - parts pics

Videos (link to YouTube)----------- - Project intro video - Hall of fame videos 1 ... n videos - ???

Project categories------------------ - all computer - all physical - part computer, part physical

+ art + music + sport + LEGO + Scratch + Requirements = premium quality junk = LEGO = PPT = Scratch = ???

Text Fields--------------- - author - date created - date edited - popularity - similar projects - project description - problem - mission - parts, tools and supplies and cost - planning links - construction links - hall of fame' solution 1 ... n text - hall of fame authors

Resources--------------- - PPT's - lesson plan - Word DOC’s - ???

Misc. Notes / Wish List

1) What should we define as measurable usage goals? 2) What if we have a password protected 'developer's dash board' where we can: - enter new content - monitor monthly unique and return page hits - backup - other maintenance and monitoring tasks

3) Could we set up the new content editing so it looks like a Wiki or blog template. Just click on the text block, jpeg or video placemarks and a window pops up to upload file? 4) Misc site functionality - reviews - featured proj/solution of the month - most popular project - ???

5) Password protect some planning docs

2/22/11

Steve’s prototype at:http://www.403x.com/biy

When we have a design or navigation decision, let's look at how they do it athttp://news.google.com/ Andhttp://www.pixar.com/index.html

The section on Pixar Company Info may have more layouts that relate to project information we need to post.

1) Project Page - Top justify rows.Titles bold, black, Text regular, grey. Reserve blue/purple for links.I like the roll-over red.Does comic sans play on IE, Firefox, Safari, iOS and Android.Light grey lines between projects.

2) Project Page - Should we have a project page navigation drop down for classes of projects? (Computer | Scratch | Robotics | Art | Crafts | Music | LEGO) Some projects may be listed under several classes.

3) Project Page - Should we do something like Google does to handle more than 15 project entries on a page?

4) Project Page - Can we do a drop down box or pop up window for right column info. (Type, Author, Date, Popularity,... makes the page look too busy and complicated

5) Chapter Page - Can we enter text that lays out in a simple text block with default modifies AND can we enter HTML to override the text block?

6) Chapter Page - I think most chapters are going to look better using the table layout rather than the more vertical text picture layout.

Old Spec Pages

Workshop Support Webcast Support Presentations About Us

Copyright 1995 - 2010 Terms of Use Privacy Policy

Materials

Computer onlyCraft materialsRemote Control

LEGO???


Subject

RoboticsTransportationProgramming

ArtMusic???

Difficulty

BasicIntermediate

Complex

Date

6 MonthsYearAll

proj-toc.html

EliminateAssume categoryOrCookie last category choosen

100x100

Project NameProject description. Lk;sklfg kld’fklg sdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfgS’d;lfkg’l;ksgfl;k;’l weor k’l;sk’lg;kd’slgkd’sfl;kg’;lg0pgfp[


100x100

100x100

100x100

index-proj.html


Big Picture | YouTube Video Project NameProject description. Lk;sklfg kld’fklg sdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfgS’d;lfkg’l;ksgfl;k;’l weor k’l;sk’lg;kd’slgkd’sfl;kg’;lg0pgfp[



Select Projects by: Mission Planning Construction Hall of Fame




index-proj.html




100x100

100x100

100x100

100x100




LEGOScratchCraft MtrlsRC ControlElectronicsComputer


index-proj.html




100x100

100x100

100x100

100x100




RoboticsProgrammingMusicArt


index-proj.html




100x100

100x100

100x100

100x100




BasicIntermediateComplex


index-proj.html




100x100

100x100

100x100

100x100




YearMonthAuthor

Project NameMission | Planning | Construction | Hall of Fame

Return to Projects

Solution 1:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa Author: kljasdflj;kj;df

Video | Big Picture | PPT Lab Book



Mission | Planning | Construction | Hall of FameReturn to Projects

Copyright Build-It-Yourself, Address, Telephone, Email

proj-project-name-fame.html



? x 250

? x 250

? x 250

The Problem:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa

Video

The Mission:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa

Video

Parts Tools and Supplies:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj

Video

proj-name-mission.html

? x 350


Project Name: Materials Subject Difficulty Date



Return to Projects

? x 250

Project Intro VideoProject Intro PPTLab Book TemplateLesson PlanLesson PPT’s-1-2-nDiscussion QuestionsStories



proj-project-name-plan.htmlLinks to XLS, PPT teacher resources


Return to Projects

Suggested Build-It-Blocks-1-2-n



proj-project-name-build.htmlLinks to Build-It-Blocks or PPT’s

? x 250

Build-It-YourselfGeneral Project Page Specs

Page table width – 700 pixels (Maybe 750)Font - Comic or New Times RomanFont size: Title - 5 bold 555555 Navigation - 4 reg, blue / purple Story text - 4 reg, aaaaaa

Create header and footer ‘include’ files

See project pages and pick the attributes of the best looking pages.See Instructables.com

Look and feel inspirations:1) A comic book2) A game trailer3) The book ‘Harry Potter’ or Grimm Fairy Tales

specs

ProjectsDisplay by: Project type | Popularity | Date | Difficulty | Author

100x100





index-proj.html

100x100

100x100

100x100

index-proj.html

Type: RoboticsPopularity: ****Date: Jan 13 2011Difficulty: **Author: John G








ProjectsDisplay by: Project type | Popularity | Date | Difficulty | Author

100x100





100x100

100x100

100x100

index-proj.html





http://www.build-it-yourself.com/index.html


When you select a project from the Project Index Page, could we have two project layout templates? See following pages.


Return to Projects

The Problem:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa

Video | Big Picture

The Mission:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj Kaj;skldf [ jk;as f90ipkv jkoa

Video | Big Picture

Parts Tools and Supplies:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj

proj-project-name-mission.htmlLayout Alt #1

? x 250

? x 250

? x 250

x/y variable




Return to Projects

The Problem:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj

Kaj;skldf [ jk;as f90ipkv jkoa

Video | Big Picture

The Mission:Alksjdfiop jiwqekl jkal; adskflk adskl;f;l ;kjdfs ; asd;klfj

Kaj;skldf [ jk;as f90ipkv jkoa

Video | Big Picture

x/y variable

x/y variable

proj-project-name-mission.htmlLayout Alt #2What if we made the table layout or this layout flexible in terms of # images and text? The text could have a bold subtitle and regular text block.



Parts, Tools and SuppliesProject description. Lk;sklfg kld’fklg sdflg’l;s dgfl’l;dfg l cm,;jerl;sdkfgpo l;sdfgpoi sdf;’lgk’;lsdkfg ‘lksdf’lg;k’l;sdkfgS’d;lfkg’l;ksgfl;k;’l weor k’l;sk’lg;kd’slgkd’sfl;kg’;lg0pgfp[


proj-door-greet-mtrl.html



Browse Projects by: Problem/mission Materials Construction Hall of Fame

Premium+ Quality Junk

build-it-yourself general project page specs page table width – 700 pixels (maybe 750) font -...

Documents

project pages

month project description

lksklfg kldfklgdflgls

featured projects

font comic

laboratory proj

used selection criteria

apple specs