John Galinato www.build-it-yourself.com. Discover – Set Goals AudienceProfile (Interests, problems, …) Goals (Call to action) FriendsInto music, drawing.

Slides:

Advertisements

Similar presentations

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

Advertisements

MAE Training for User July 8, Agenda Wiki FishEye Crucible Stash.

Designing Basic Web Sites Week 12 Technical Communication Fall 2003, DAHMEN.

CIS101 Introduction to Computing Week 07. Agenda Your questions JavaScript text Resume project HTML Project Three This week online Next class.

Locating existing templates 1.Go to the Strategy Tool Kit, located in the News Room section of the Business School website (you will be required to log.

PowerPoint Slide Master and Transitions PowerPoint

Art 155 Information Architecture In-class Presentation Week 9A.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 8B.

Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.

Mission: Inspire and guide the next generation of builders to use technology constructively. Creative Inventions and Robotics

Creative Inventions and Robotics Animation for Scratch

Introduction to Education E-Portfolio. Word Document Example Link to Colleen McCabeColleen McCabe Word Document Instructions –Open a new word document.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

1/12. 2/12 Who is this Lawrence guy? Why am I here? Why is effective web design important? :: See whySee why We will discuss: General Suggestions User.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

Web Design Lab Book Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers.

Research Posters in PowerPoint. 2 Download Notes

Build Your Own Website Introduction Introduction Phil Stone Phil Stone ICT tutor for Dudley Adult Community Learning ICT tutor for Dudley Adult Community.

Chapter 15 Designing Effective Output

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

Introduction to Web Development in HTML Web module day 1 IS 201.

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.

Web Design Lab Book By Adam savannah & Matthew Home Page AdamSavannahMatthewPics Fav. sites.

Speech Recognition Robot

Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers Reference Websites:

CIS 250 Advanced Computer Applications PowerPoint.

Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.

Build a personal Website with links, Pictures,sound, videos,and Games 1.Respect teammates. 2.Respect equipment. 3.No bad things.

Mission: Inspire and guide the next generation of builders to use technology creatively. Advanced Builder Intern Program

CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.

Build a personal website with pictures, links, and favorite stuff. 1) Respect teammates 2) Respect equipment 3) No bad things.

Lab Book of Xiaofei Fu’s Training Program.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

Project Management Documentation The Problems: 1)Many developers must share information. 2)New developers must get up to speed quickly. 3)Documentation.

DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.

7/8/04 1 Web Project Phase 3 - Sketches Use pencil and paper to sketch the layout of the pages in your web site Considerations – Placement of text? – Placement.

Presenting Your Ideas Creative Inventions and Robotics

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

Lab Book Names of team members Build-It-Yourself This is a template or starting point for your lab book. You must fill in the.

PowerPoint Design Template

El Corazon.Org Information Architecture & Design Project Presentation David Zepeda December 6, 2005.

COM: 111 Introduction to Computer Applications Department of Information & Communication Technology Panayiotis Christodoulou.

COMP 143 Web Development with Adobe Dreamweaver CC.

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.

1 Committed to Shaping the Next Generation of IT Experts. Chapter 4: Online Publishing: Creating a Web Site Exploring Microsoft Office Publisher 2013 Robert.

HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Yin, Brent, and John Target Audience and Goals AudienceProfile (Interests, problems, …) Goals (Call to action) FriendsInto.

Learning PowerPoint Biomedical Libraries Dartmouth College Dave Izzo Aug 2016.

Getting Started with HTML

Introduction to PowerPoint

Chapter 2 Developing a Web Page.

IGEM Wiki Workshop 11/05/2017.

Project Objectives Lay out Web pages Create layers

Microsoft Publisher video tutorial

MS-Access (database) how to create blank data base.

Microsoft Publisher 2010 Illustrated Introductory

Unit 2 The new Pandora’s Box

Principles of Web Design 5th Edition

PowerPoint Basics Digitools Chapter 10.

Intro to Web Development First Web Page

Using Today’s Technologies to Enhance Documentation of a Project

Confluence (wiki) Short practical guide afris

Data Dynamic templates

Advanced Builder Intern Program

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Presentation transcript:

John Galinato

Discover – Set Goals AudienceProfile (Interests, problems, …) Goals (Call to action) FriendsInto music, drawing and robots Share ideas. Invite to help develop Build-It- Yourself. Work ColleaguesInto engineering, art and online technology education. Looking for entrepreneurial opportunities. Pique interest in Build-It-Yourself. Initiate introduction. Discover Design Develop Deploy

Discover - Research Favorite sites: 1)Pixar 2) Jim Harris, Illustrator 3) Jaimie McKiernan, Illustrator Design attributes: 1)Simple 2)Minimum text 3)Lots of pictures 4)Lots of white space. Discover Design Develop Deploy

Design – Information Architecture HomeProjectsAdventuresEducation Inventions Sketch Book Music Discover Design Develop Deploy

Design – Template Layout Designs 1.Consistency 2.Intuitive 3.Minimum clicks 4.Responsive (Layout adjusts to device screen) Title Text Body copy Klaji klad I nk;a oiasdf asv Ja;lksdfjl;p kljasupoi asgf Klajsd xcmv jasu 8qw jkk Navigation bar ;kasdf l;kjasdfkl jkjasdf kj asd; picture Title Text Body copy Klaji klad I nk;a oiasdf asv Ja;lksdfjl;p kljasupoi asgf Klajsd x Navigation bar ;kasdf l;kjasdfkl jkjasdf kj asd; picture Body copy Klaji klad I nk;a oiasdf asv Ja;lksdfjl;p kljasupoi asgf Klajsd x Title page templateContent page template Discover Design Develop Deploy

Design - Problem solving techniques 1.Set goals 2.Research 3.Teamwork 4.Modular construction 5.Documentation Discover Design Develop Deploy

Design - Project Management 1.Discover 2.Design 3.Development 4.Deploy 5.Wiki project management site Discover Design Develop Deploy

Develop - The art of presenting ideas 1.Summary of MIT Artificial Intelligence Prof Winston’s lecture on effective communication 2.Ugly, Average, Way Cool 3.Attributes of good design Develop - Animated avatar or logo gif 1.PPT drawing tools 2.3D strategies 3.Animation considerations 4.Gif Maker Develop – Graffiti Titles 1.Readable 2.Colorful 3.3D Discover Design Develop Deploy

Develop - HTML code guidelines 1.File naming conventions 2.Indentation 3.Code comments 4.Global editing including CSS and includes Discover Design Develop Deploy

Deploy (Test and critique) 1.What works? 2.What can be better? Discover Design Develop Deploy