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) Google

specs

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[

Big Picture | YouTube Video

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

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

100x100



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

index-proj.html

Browse Projects by: Materials Subject Difficulty Date



100x100

100x100

100x100

100x100





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

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

? x 350

? x 350


Project Name: Materials Subject Difficulty Date


Project NameMission | Planning | Construction | Hall of Fame

Return to Projects

? x 250

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

Mission | Planning | Construction | Hall of FameReturn to Projects

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

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

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



Return to Projects

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



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

? x 250



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





proj-project-name-fame.html



? x 250

? x 250

? x 250

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

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 - ???

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

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







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.



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

Documents

project description

project pages

lksklfg kldfklgdflgls

font comic

google specs

comic book

best looking pages

new times roman font