Head First HTML Chapter 2 Try it exercise. Create your own... On the Java drive, find your directory and browse to the “sandbox” where we can play safely.

Slides:



Advertisements
Similar presentations
Unit 11 Using the Internet & Browsing the Web.  Define the Internet and the Web  Set up & troubleshoot an Internet connection  Categorize webs sites.
Advertisements

Tutorial 1: Developing a Basic Web site
HTML resources page exercise An HTML resource page is created for later use. The web editor Composer is used to create tables, named anchors, horizontal.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
PowerPoint for Supporting Independent Learning By Lucinda Baines Head of PE Knowles Hill School.
Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &
Portfolio Creation Adobe InDesign CS5. Introduction This presentation is a step by step process on how to create a professional Combat Camera Portfolio.
Present Perfect, Past Perfect, Future Perfect
Portfolio Creation Adobe InDesign CS5. Introduction This presentation is a step by step process on how to create a professional Combat Camera Portfolio.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
Adding Video to a PowerPoint With this presentation you will learn how to add a video clip to a PowerPoint slide. When adding video to a PowerPoint it.
Microsoft Powerpoint Getting Started Tips & Tricks.
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
Creating Tables in a Web Site
Features used with SMART Boards. Creating Sound Files Audacity Create a Folder Test it Out What to Say Saving Formats Making a File Export MP3.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
Intro to ArcGIS 9 Edited 10/14/05 1 Introduction to ArcGIS 9 Before you can start on your school mapping project, you will need to become acquainted with.
How to Make a Power Point By Jeff Hinton Go to Slide 2. (You can get there by going to VIEW – SLIDE SORTER.)
Sharing Alice Exporting Movies, Code, and Web Pages By Elizabeth Liang under the direction of Professor Susan Rodger Duke University July 2009, modified.
WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Getting a video from the Internet Getting a video from the Internet (1 of 9) 1. Click the Web toolbar button on the Standard toolbar. 1.
POWERPOINT 2007 TUTORIAL Features you must know. Adding a new slide  Using the same topic of interest. On Slide 1 make a Title Page.  Right click on.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Virtual Book Tools How to insert a Text Box Click on Insert Go to Text Box Click on slide to insert OR Click on Drawing Toolbar picture of Text Box Click.
Introduction to PowerPoint Curriculum Implementation Day Friday, November 3, 2006 K.J. Benoy.
Microsoft ® Office PowerPoint ® 2003 Training Playing sound [Your company name] presents:
A guide to creating a power point display Essentials Ctl M =New Slide: a new slide can be inserted. It is placed after the slide that you are viewing.
Week Nine Week Nine focuses on Collecting Images and Web Page URLs to use for your final Web Page Project. Discussions on using Netscape Communicator Composer.
Creating a PowerPoint Interactive Quiz By Michelle A. O’Malley League Academy of Communication Arts Greenville, South Carolina
CIS—100 Chapter 11—Adding Sound Effects 1. Inserting Sound with the Insert Tab 2 1. Click the Insert tab and locate the Media Clips Tab. 2. Click the.
ECreator: Storyboard template Hello!. Basic eCreator course guidelines A basic eCreator course should be: 1less than 2,500 words 220 pages or less Please.
First Venture into the Android World Chapter 1 Part 2.
PowerPoint Skills. Inserting Clip Art 1. Make sure your slide layout contains at least one content placeholder 2. Click the Clip Art icon and select an.
Copyright 2007, Paradigm Publishing Inc. EXCEL 2007 Chapter 8 BACKNEXTEND 8-1 LINKS TO OBJECTIVES Save a Workbook as a Web Page Save a Workbook as a Web.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
Slide Show: Using Idea Machine Templates
Exploring Office 2003 Vol 1 2/e - Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 3: Enhancing a Document: The Web.
Uploading documents to the site Сlick “Add document” on the home page To send several files enable Add-on “Microsoft Office”
PREZI PRESENTATION Adding files (images, videos, sounds)
Start with loading the picture Locate your camera’s USB cable –it looks something like this:
1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.
Compare and Contrast : Blackboard & a Personal Web Page www3.ltu.edu/~s_schneider/howto/faculty.htm You’ll find this presentation (and another) here :
Assignment 3 Your going to modify your last Best Movies page and Recipe page Your going to modify your last Best Movies page and Recipe page You will need.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
Go to Slide 2. (You can get there by clicking on slide 2 in Normal VIEW.)
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
Computer Skills (1) Internet Explorer. To open the Internet Explorer: –Double click on the Internet Explorer icon on Desktop. –Or, from Start  All Programs.
ANIMATIONS AND VIDEOS Annette Lang 2010 Add Effect options  Entrance  Emphasis.
Family, Interests, and More Laura Slemp. Project Description  I extended the website I created in class to include:  Information & pictures about my.
David Robb 10/14/08 Discovery Streaming. From the Home Page, you can search for digital media by keyword, subject, grade level, or curriculum standards.
Creating Web Pages with Links, Images, and Embedded Style Sheets
I had to create a label in the Teacher Practice Area (TPA) to establish my work space. I wanted to add clip art, but I didn’t know how. I could see how.
Lists Ordered Unordered. List Components  OR  Plus Star Wars Avatar Vacation.
Trick #1: Post Pictures in Discussion Board Blackboard Tips & Tricks Barbara Dent and Susan Beasley Thomas Jefferson High School for Science and Technology.
COMPREHENSIVE PowerPoint Tutorial 5 Applying Advanced Special Effects in Presentations.
How to Apply PDF in Flipbook on Website. Description If you are finding solution for applying PDF in flipbook mode on website, and adding multimedia items.
Connecting From Home Editing at Home(You don’t have to.)
Adapting Files On A “Visual Webpage” (Ver /mb)
Learning the Basics – Lesson 1
Wistia How to upload videos
Introduction to ArcGIS 9
Rollover Buttons UNIT 2.
Slightly more CSS.
Adding information to provider pages
Using and Viewing Homepage
Presentation transcript:

Head First HTML Chapter 2 Try it exercise

Create your own... On the Java drive, find your directory and browse to the “sandbox” where we can play safely. On the Java drive, find your directory and browse to the “sandbox” where we can play safely. create a new directory for chapter 2 create a new directory for chapter 2 Copy the images folder from the class notes Copy the images folder from the class notes Recreate the Best Movies page using the thumbnail images in the first page. Recreate the Best Movies page using the thumbnail images in the first page. Link each thumbnail to a new file for just those movies. Link each thumbnail to a new file for just those movies. Use the full size image in the file for each category Use the full size image in the file for each category Note – even if you don’t have a favorite drama, a page should appear that says something like “Sorry, no bests in the drama category”. Note – even if you don’t have a favorite drama, a page should appear that says something like “Sorry, no bests in the drama category”.

Tips HTML-Kit knows how to copy and paste HTML-Kit knows how to copy and paste You can use the tool or buttons provided for adding images and anchors You can use the tool or buttons provided for adding images and anchors Images are inline, so to start a new line use or Images are inline, so to start a new line use or Requires six html files Requires six html files Note – all images are public domain, downloaded from Public Domain Clip Art:

Action Movie Page Drama Movie Page Comedy Movie Page Chick Flick Movie Page