Creative Inventions and Robotics www.build-it-yourself.com Order vs. Chaos.

Slides:



Advertisements
Similar presentations
To get to the moodle site the first thing you want to do is to go to the Great falls Public Schools Web site. Once you arrive here, you will want to click.
Advertisements

Developing a Web Site: Links Using a link is a quicker way to access information at the bottom of a Web page than scrolling down A user can select a link.
. Website and file organization. How websites work.
Web Page: // The Windows XP Textbook by Stewart Venit Standard Edition.
Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.
Introduction to Web Lingo
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
Navigation Design. From the Brookfield Zoo, IL  (from Zoo)
Creating First Class Web Pages Log into your account.
IWebFolio Using a Template Tutorial Images in this tutorial:
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
A Computer is Like a Filing Cabinet
Web Design Lab Book Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
Toolbars Command Bar Customize Home Menu Bar Status Bar Section III- Toolbars.
Planning and Setting Up a Website. Creating a Website – Planning Stage  AUDIENCE -- who will visit your site? What information do they need? What needs.
IPUB 100 Lesson 2 Instructor Mark Lamontagne Homework Review.
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
‘ {] Chapter 2 (HW01) Getting Started with Windows 7.
Web Design Lab Book By Adam savannah & Matthew Home Page AdamSavannahMatthewPics Fav. sites.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
‘ {] PowerPoint Presentation to Accompany GO! with Windows 7 Getting Started Chapter 2 Getting Started with Windows 7.
Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers Reference Websites:
Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”
Build a personal Website with links, Pictures,sound, videos,and Games 1.Respect teammates. 2.Respect equipment. 3.No bad things.
Using Publisher to Create a Web Site Mr. Sandford’s U. S. History Class.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Build a personal website with pictures, links, and favorite stuff. 1) Respect teammates 2) Respect equipment 3) No bad things.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Using a web-editor To set up a web site.
How to upload files to Altervista Overview:
Windows Listening Guide.  The software that manages the sharing of the resources of a computer. The overall function of the computer.  MASTER CONTROLLER.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.
Being a 5 th Grader: What It Means to Me Projects Photos Activities Favorite Sites What’s New Home Meet a 5 th Grader About My School May Being a.
U1_a02_copyright text and images ADD NAME HERE. Insert below a copyright free IMAGE that could be used in your health and safety presentation.
Creative Inventions and Robotics Laboratory Welcome to the.
Tutorial 2 Developing a Web Site. XP Objectives Learn how to storyboard various Web site structures Create links among documents in a Web site Understand.
Click on your group to see your activity for today
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Web Design Lab Book Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers.
December 22, 2010 Computer Science Mr. Verlin Web Design.
CSCI N241: Fundamentals of Web Development Copyright ©2006  Department of Computer & Information Science Navigation, Links & Images.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
BY NIKKI DUJARDIN My Content Analysis. I create: Word documents -reports, essays PowerPoint presentations Videos Charts PDFs Google Docs.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
© Ms. Masihi.  All files related to a web site ( all web pages, images, etc. ) need to be saved in a Site Root Folder (sometimes called Local Root.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
How to use the Hand-In Folder. Click on the Folder icon at the bottom of the screen.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
Creating a Google Site For a Digital Portfolio Purpose.
Displaying Your Ideas on the Internet How to let everyone admire your project
Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
Dropbox Basics.
Using Publisher to Create a Web Site
CoreFTP.
Creating a basic Web Page Using Desktop Publisher
How files are organized
Lesson Objectives Lesson Outcomes
A01 DESIGN To be completed Your proposal  Your House style 
CoreFTP.
Creative Inventions and Robotics
A02 Creating my website NAME ______________.
Webpage Layout and Website Design
Presentation transcript:

Creative Inventions and Robotics Order vs. Chaos

Why is it important to organize materials and computer files? Order vs. Chaos

Why is it important to organize materials and computer files? Who will find the needed parts first? Builder #1 Builder #2 Order vs. Chaos

Why is it important to organize materials and computer files? Who will get the most customers? Order vs. Chaos

Set up your work folders. documents Desktop your name yourname-lab-book.ppt yourname-web-page.html C: or Hard Drive images cat.jpg ball.gif song.wav movie.wmv Never leave your files on the desktop. Files left on the desktop will get deleted.

File Structure File Names 1)Use long descriptive, hierarchal names like Bad:file.html Good:school-date-name-description.html 2)Use all lower case text. (Unix vs. Windows) 3)Use “-” between words. Do not use “_” or “ “ Bad:biy_hot_shot.html biy_hot_shot.html Bad:biy hot shot.html Good: biy-hot-shot.html

Website Map and Navigation Home Page Favorite Stuff Friends Favorite Web sites HobbiesHeroes

File Structure Folders Web Site index.html Section 1 Section ‘n’ Sec1 Imagessec-1.htmlsec-n.html Sec1 Images