Web Tools Assignment This assignment requires you to build a simple HTML page with an HTML editor of your choice and use an image or drawing tool to create.

Slides:



Advertisements
Similar presentations
Monday-Tuesday, September 21-22, Your next web page We will be using one final tool before moving on to Dreamweaver. DW will be our design tool.
Advertisements

Lesson 15 Presentation Programs.
About this Web Site Disclaimer: This site has been designed as a project for CS3505. It is for educational purposes only. All content is based upon a fictional.
Graphics. Image format's GIF Format: Use a maximum of 256 colors, and are recommendable for big areas of one color or non- continuous images. They are.
HTML Lesson 4 TBE 540. Prerequisites Learners must already be able to... (besides basic computer knowledge) Use a search engine to locate information.
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
Exercise Five: Inserting an image in a Web page Part 3 donna Bair-Mundy.
Agenda – Week 8, Day 1 Debrief from InDesign Transition to Flash/Animation Explore assignment Flash tutorials Lesson 1 - Workspace Lesson 2 - Drawing Lesson.
Interface Programming 1 Week 15. Interface Programming 1 CALENDAR.
Interactive Whiteboards for Effective Primary Science Continuing Professional Development Unit Interactive Whiteboards for Effective Primary Science Start.
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.
Getting Started with IBM Rational System Developer 01/06/2011.
Animation Your Task. You must work in pairs. One of you will read these instruction and explain them, while the other person carries them out. Discuss.
 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Technology/Scanner Assignment  Information.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
WEB DESIGN W HAT I S IT ?. W HAT IS W EB D ESIGN It includes graphic design Interface design Interactivity Using Standardized Programming Language Search.
Fall CIS 764 Database Systems Engineering L3: Two Assignments Relating to J2EE.
BE&O 4260 Special Topics Creating Web Sites for Education.
Creating Web Documents Wk 2: HTML & PSP basics Discuss sites HTML, PSP lesson Assignment: first Web page due Day class: 1/23; Night class 1/28.
 street/ street/  Type text & download sign. (or use snipit)
Project Specification Web Graphics Aquastranza. Brief You have been asked by a new theme park in Florida to create some “web graphics” for their new website.
Mastering the Internet, XHTML, and JavaScript Web Design.
XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.
Creating Web Pages Dr. E. Rebecca Limback 2 methods 2 methods n Html n NetScape Composer.
HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.
CSS Classes and GIMP Tutorial Sunpreet Jassal (prefix subject with “[hist481]”) Feb 25, 2008HIST 481.
Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”
Week 11 Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Stanford University Continuing Studies CS 38 Mark Branom
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.
CS 3505 Projects Proposal Assignment 6 –Step 1: Consider this Assignment as a small practice web page. For this Assignment make a choice of which method.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Topic 7 Temporal Control. 2Chapter 25 - Temporal ControlOutline Goals and Objectives Goals and Objectives Introduction Introduction Timeline Animation.
Cows Create Careers Using Microsoft Gif animator How to use Gif animator How to use Gif animator to create a simple (2-frame) animation Samples (linked.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
HTML: Images and Links Many Thanks to “Joe,” at index.html, from whom I got these lessons!
FrontPage: Using the Navigation View Click the mouse or use the arrow keys to move through the presentation. Right-click and select Full Screen, if desired.
1 Creating Web Pages Part 2. 2 TOPICS Links Links Web Graphics Web Graphics Lists Lists Tables Tables.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Digital Camera Assignment  Information from.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Animated GIF: what is it? Series of images, displayed one on top of another illusion of motion is created captured in a single file no special software.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
COMP 2923 A2 Website Development 101 Danny Silver JSOCS, Acadia University.
Come to the Fair!. What needs to be done? Read the brief carefully.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
Zotero Using the Zotero Online Tool to Collect, Organize and Cite Your Sources Maléka Ingram Director, Learning and Development September 14, /18/20161©
Making Teachers notes These slides deal with making of the product. Pupils can use Serif,Draw to drawing backgrounds and characters. They can then produce.
Creating Website Using FrontPage 2003 By Heidi Lee.
CS 200 – Graphics in Web Pages Banners, Bullets, Backgrounds, and Images.
What is a Story Board?. sto·ry·board P Pronunciation Key (stôr -bôrd, st r -b rd ) n. Pronunciation Key A panel or series of panels of rough sketches.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
OCR Nationals in ICT (2010) : Unit 01 Using ICT in BusinessAO3 – Create a business presentation Pupil Name.
CROP CIRCLES Photographs and Images collected from Web Sites.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.
TeamName: Your Topic Team member names. Design & Rationale (can have two slides like this if do not have a work plan slide) Design choice 1 (e.g. having.
Web Community Manager Managing the Section Workspace, Basic Workshop Today’s Trainer: Your Name Your Title.
Fireworks Animation Lesson 2 Animation Continued KS3 COMPUTING
VCT 251Competitive Success/snaptutorial.com
VCT 251 Education for Service-- snaptutorial.com
Community Information Toolkit
©2009 G Dear – Not to be sold/Free to use
Bellwork 12/8 Get out a sheet of paper and number it from 1 to 20.
Subject’s, Predicates & Sentences
Cell Biology Project.
Graphics handout with websites is found in Edmodo
Presentation transcript:

Web Tools Assignment This assignment requires you to build a simple HTML page with an HTML editor of your choice and use an image or drawing tool to create and add images. 1) Collect and build images and animated gif’s as detailed on the next page 2) Use an editor like frontpage to build an image exercise page 3) Download to your directory and add a “Web Tools Assignment 4” line to your interface page

1.Select or draw an image, scale it, and make a background for this IEP page. 2.Select or draw an image and add a personal annotation to use as a banner for your interface page. 3.Select a few animated gif’s relating to your project topic and place into the IEP page 4.Build a sequence of 4 key slides for animation and put into the IEP page 5.Build an animated gif and put into the IEP page Details of your Image Exercise Page(IEP)

Cartoon of sample Image Exercise Page Image Exercise Page Your name Topic Animated Gifs Key slides banner Animated GIF