Technology intelligences

154 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
154
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Technology intelligences

  1. 1. Li ng uistic-verba ILogical-mathematicalNaturalistSpatial-visualBody-ki nestheticMusicalI nterpersonallntrapersonalFIGURE 11 Using Gardners original eight multiple intelligences and technologyintegration, teachers can find ways to reach all studentsEase in using language;think in words; sensitivitY torhythm and order; enjoY writ-ing, reading, telling stories, anddoing crossword puzzlesAbility to engage in inductiveand deductive reasoning; usenumbers effectively and tocategorize, infer, make general-izations, and test hypothesesAbllity to visualize objects andspecial dimensions, think inimages and pictures, like todraw and design, and enjoypuzzlesAbility to move the body withskill and control, expertise inusing the body to express ideasand feelingsAbility to recognize patternsand sounds; sensitivitY to Pitchand rhythm; the capacity toperceive, express, transform ordiscern musical forms; think intones, and learn throughrhythm and melodyAbility to understand andcommunicate effectively withothers, understand them, andinterpret their behaviorAn awareness of oneself goals,and emotions; the capacitY forself-knowledge of ones ownfeelings; and the ability to usethat knowledge for personalunderstandingAn awareness of the naturalworld around them; can identifYpeople, plants, and other envi-ronmental features; can develoPa sense of cause and effect inrelation to natural occurrencessuch as weather; can formulateand test hypothesesWord processing programs, prompted programs,label-making programs, word game programs,and programs that require the student to readand answer questionsDatabase programs, spreadsheet programs,problem-solving software, simulations that allowstudents to experiment with problems andobserve results, and strategy game formatsDraw and paint programs; graphic productionsoftware; reading programs that use visual cluessuch as color coding, desktop publishing, hyper-media, multimedia, concept mapping, and atlaspr0gramsSoftware requiring alternate input such as joystick,mouse, touch window or graphics tablet; keyboard-ing/word processing programs; graphics programsthat produce blueprlnts for making 3-D models; andsoftware that includes animated graphicsPrograms that combine stories with songs;reading programs that associate lettersisoundswith music; programs that use music as areward; programs that allow students to createtheir own songs, hypermedia, and multrmediaTelecommunications programs, programs thataddress social issues, programs that includegroup participation or decision making, pro-grams that turn learning into a social activity,and games that require two or more playersTutorial software, programs that are self-paced,instructional games in which the opponent isthe computer, programs that encourageself-awareness or build self-improvement skills,and programs that allow students to workindependentlyProblem-solving software, simulations that allowstudents to experiment with problems andobserve results, strategy game formats, databasesoftware, concept mapping software, andweather probeware
  2. 2. Flash 5 Tool BoxSubselect Tool (V)Line Tool (N)Pen Tool (P)Oval Tool (O)Pencil Tool (Y)Ink Bottle Tool (S)Dropper Tool (I)Hand Tool (Space bar)Rotate@lsmStroke Color
  3. 3. Assessment For Web Site DesignWeb desien Assessment G"tdgLevel I (Static)excellent1. Consistent Bac *om tint to link, color or2. ConsisGnt Font lJsage, size andare Powerful EYe A l, not cluttered4. Easy to Navigateicenetous areas of unfiliede: outside space and borders& Contin"itv from one page to aqglhgimases. sliced/ not oversized10. Color choices aret t. en oUvious color theme wlth harmonof the web page is clearfoiinteraction with the useris easv to read, easY to follorvil17.Web desien zuides the users ei& HvDue is the web Page design?of the web Page? Y4lM"r-based or scree4 !3!e4j{eb isn? Tall or Wide?n. Overtoad of Informutiq"?-ffl2:. ts there a table? YA{toFroressionilry d"tigqg4 rI,*utgr?28. Overall ratingfor design?
  4. 4. White space in web designSource: Webmastering BASICS by Knowlton, Hunt and Bates; Thomson CourseTechnology.White space is the blank area on a Web page. There are two types of whitespace, active and passive. Active white space is blank areas on a web page thatare placed on purpose. lt is what separates content and is a design element ofits own. Sometimes the use of white space can be the difference between agreat Web site and a mediocre one. Passive white space is the blank areas on aweb page that are a result of incomplete or mismatched shapes.white spaceite spaceWhite space can be used to determine the proximity of content. By placing anappropriate amount of white space around an element or a group of elements,you can effectively define a close proximity. By applying appropriate whitespace, your web page will be much easier to read and more pleasing to look at.
  5. 5. wwwwBelow are features that can make a web rlesign lookunprofessional. These are not just my personal opinions, butare ideas I have collected from speaking io groups aroundthe country. Examples of many of these fr:atures and moredetailed explanations of the problems ancl solutions are in mybook, The Non-Designers Web Book, written with JohnTollett.Backgroundso Default gray colorr Color combinations of text and backgrourd that make the text hardto readr Busy, distracting backgrounds that make the text hard to readTexto Text that is too small to readr Text crowding against the left edgeo Text that stretches all the way across the pageo Centered type over flush left body copye Paragraphs of type in all capsr Paragraphs of type in boldo Paragraphs of type in italico Paragraphs of type in all caps, bold, and italic all at oncee Underlined text that is not a linkLinkso Default blue linkso Blue link borders around graphicse Links that are not clear about where they will take youo Links in body copy that distract readers aird lead them off toremote,useless pageso Text links that are not underlined so you clont know they are linkso Dead links (links that dont work anymore)Graphicsr Large graphic files that take forever to loedo Meaningless or useless graphicsr Thumbnail images that are nearly as larg{l as the full-sized imagesthey link tor Graphics with no alt labels :e Missing graphics, especially missing graphics with no alt labelso Graphics that dont fit on the screen (assuming a screen of 640x460pixels)
  6. 6. Tableso Borders iurned on in tablesr Tables used as desirSn elements, especially with extra large(unprofessional)borc ersBlinking and animationsr Anything that blinks, especially textr Multiple things that blinko Rainbow rules (lines)o Rainbow rules that blink or animate lo "Under construction" signs, especially of little men workingo Animated "under corrstruction" signso Animated pictures for e-mailo Animations that never stope Multiple animations that never stopJunko Counters on pages-who careso Junky advertisingo Having to scroll sideways (640 x 460 pixels)o Too many little pictures of meaningless awards on the first pageo Frame scroll bars in the middle of a pageo Multiple frame scroll bars in the middle of a pageiiavigaiiorre Unclear navigation; clver complex navigationr Complicated frames, too many frames, unnecessary scroll barsinframesr Orphan pages (no lir:ks back to where they came from, noidentification)r Useless page titles ttrat dont explain what the page is aboutGeneral Designr Entry page or home page that does not fit within standard browserwindow (640 x 460 pixels)o Frames that make yc,u scroll sidewayso No focal point on the pageo Too many focal poinls on the pageo Navigation buttons ar; the only visual interest, especially whentheyre large (and unprofessional)o Cluttered, not enough alignment of elementso Lack of contrast (ingilor, text, to create hierarchy of information,etc.)r Pages that look okay in one browser but not in another
  7. 7. Web Site Design Elements and ConceptsHome Page: The homepage makes the first impression.The "Wow" or "Splash" must grab the attention of your audience.Let your viewers know what they can expect on the site (the "big picture" up front).Alignment: A page that is aligned well appears clean, organized, and its purpose is clear"o The items on a page must be consistently aligned. This doesnt mean thateverything is aligned along the same edge.o Center alignment has an invisible line down the middle, but the edges have nodefinition. (Can be used for certain effects).o Buttons and links should line up horizontally.Colors: Choose a color theme and work within a range of colors.. Use colors to coordinate, compliment, and show contrast.o If your ethnic group is associated with particular colors, consider using them.r Cornbine colors to convey emotions or attract attention.o Make sure the text shows up well on the background color.Size and Depth: Place graphics and lines, or create layers to prioritize information.o Large graphic objects and thicl< lines appear to advance toward the viewer.r Smaller objects and thinner lines appear to recede.Proximitv: Spacing arrangements provide visual clues as to the meaning andimportance of different pieces of information.. Every item should be on the page for a reasonc All elements should have a visual connection with another element on the page.o When two items are close they appear to belong together.o Group items together that belong together.o Visual spaces create a hierarchy of groups of information.o Use active white space to display imagery and set to off various groups ofelements.Contrast: Contrast guides your eyes around the page.o Create a hierarchy of information.o Contrast items of the most importance-a focal point.o Contrast must be strong. Make elements very different, not almost the same.o Things with no importance dont belong on the page.Consistency: Placement of navigation or graphic elements tie the page together.o Each page in the Web site should look like it belongs to the same site or concept.o Repetition of elements creates consistency.o A consistent navigation system helps visitors get the most out of your site.o Colors, style, illustrations, format, layout, typography, etc. can unifr the site.
  8. 8. r Personality of the page must be evident, such as funny, technical, hip, formal, etc.Deciding on animation or no animation, also, plays a major role in pagepersonality.$pelling & Grammar: Bad spelling eurd grammar can destroy the professional effect ofa site.Getting Started: (See page 32 in your HTML book).o Start with a good simple Web site plan.r Make a rough list of the information to be includedm the site.r Organizethe inforrnation to serve as the basic structure of the site.o Later you may rnake changes such as combining several topics into one, orsplitting topics into smaller, separate ones.r Generally speaking, each main item in your outline will be a different pageonyour web site layout.r Sketch out a rough diagram of the site with boxes, or you oan use post it notes, tomove ideas around easily.Multimedia: Some viewers will need to download specific plug-ins for viewing sometypes of multimedia.

×