Intro to Web Development Homework Review

Slides:

Advertisements

Similar presentations

Facilitator: Mrs. Nkeiruka Ojei

Advertisements

MS® PowerPoint.

1 Using Word 2010 Part 2 Chapter 2. Selecting Text p

In the top left corner of the page, click on Pages & Files. Click on the If Then Statements folder to select it. Click New – Create a Page. You can also.

Objectives © Paradigm Publishing, Inc. 1 Objectives.

19 May 2012 SharePoint 2010 Tips and Tricks for Business Users Annelize Jonck – #SPSJHB The first ever all green SharePoint event on earth.

Word Processing First Steps

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

This is your cover page. Cut & discard this portion. ADD GRAPHICS Insert a picture or clip art using the Insert tab. ADD GRAPHICS Insert a picture or clip.

European Computer Driving Licence Module 3 – Word Processing Chapter 3.1 – First Steps.

Starting a New Project Cheryl A. Wilhelmsen Lee Ostrom.

Power Point Presentation - Advanced Julia J. Stahl Distributed System Specialist.

Lecture 1 Introduction to Excel OVERVIEW Introduction Basics of Cells Modifying Columns and Rows Formatting Cells Saving Working with Formulas Basics.

1 Excel Lesson 3 Organizing the Worksheet Microsoft Office 2010 Introductory Pasewark & Pasewark.

EDITING AND FORMATTING A DOCUMENT Presented by: Dr. Ennis-Cole.

Guided Lesson.  In this lesson, you will learn how to modify existing bullets, insert new bulleted and numbered lists, select symbols as bullets, and.

With Microsoft Office 2007 Introductory © 2008 Pearson Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Office 2007 Introductory.

So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.

Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.

Chapter 9 Creating a Document.

Expression Web 2 Concepts and Techniques Chapter 2 Working with Images and Links.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.

Press Esc to Exit ©2011 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in.

How to Web Page with iModules First row of icons.

CIS 205—Web Design & Development Dreamweaver Chapter 5 Using HTML Tables to Lay Out a Page.

WORD PROCESSING UNIT 2 TERMS. LOG INTO MOODLE DO THIS Click on Unit 2 Terms Save them in your CBA, Unit 2 Folder Open them We are going to edit them together!

Creating Tables in a Web Site

Creating a Form on a Web Page

Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.

Chapter 17 Creating a Database.

Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.

LINKS TO OBJECTIVES Multiple Worksheets Multiple Worksheets Move, Copy and Paste Cells Move, Copy and Paste Cells Split into Windows Freeze Panes Range.

Microsoft Access 2010 Chapter 10 Administering a Database System.

IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.

Layers, Image Maps, and Navigation Bars

Moving and Copying Text Instructor: Glenda H. Easter ITSW 1401, Intro to Word Processing.

Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.

Microsoft Word Level 1 Michael Carco. Word Level 1 Agenda  Word Basics  Navigating in a Document  Inserting and Modifying Text  Creating and Modifying.

HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit C Formatting Page Elements with HTML.

HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.

Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.

Creating and Editing a Web Page

Microsoft Office 2013 Try It! Chapter 4 Storing Data in Access.

1 CA203 Presentation Application Working with Slides Lecture # 2.

Creating and Editing a Web Page Using Inline Styles

Learning With Computers I (Level Green) ©2012 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly.

This is your cover page. Cut & discard this portion. ADD GRAPHICS Insert a picture or clip art using the Insert tab. ADD GRAPHICS Insert a picture or clip.

Chapter 7 Creating Templates, Importing Data, and Working with SmartArt, Images, and Screen Shots Microsoft Excel 2013.

1 Word Processing Intermediate Using Microsoft Office 2000.

Chapter 8. Copyright 2003, Paradigm Publishing Inc. CHAPTER 8 BACKNEXTEND 8-2 LINKS TO OBJECTIVES Delete, Move, Copy, and Paste Text Delete, Move, Copy,

The Basics. 1. New File = Ctrl + N 2. Save File = Ctrl + S  save as “02test” in word folder  in comp_lit folder 3. Close File = Ctrl + W 4. Open File.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 5 1 Microsoft Office FrontPage 2003 Tutorial 5 – Creating Tables and Frames.

Practical Office 2007 Chapter 2

Using this Template Converting an old presentation to the new template: Step 1: Launch the new DESTACO PowerPoint template. Click the “view" tab and choose.

European Computer Driving Licence

Unit 2 Terms Word Processing.

MANIPULATING TEXT WITHIN AND BETWEEN DOCUMENTS

Microsoft Excel 2007 – Level 1

Intro to Web Development Links

Intro to Web Development Nesting Elements

Intro to Web Development First Web Page

Using Templates and Library Items

Microsoft Excel 101.

European Computer Driving Licence

Intro to Web Development Homework Review

Chapter 18 Finalizing a Database.

Directions slide: 1. Complete the title slide.

Grauer and Barber Series Microsoft Word Chapter One

Directions slide: 1. Complete the title slide.

Directions slide: 1. Complete the title slide.

Presentation transcript:

Intro to Web Development Homework Review

Homework – Class B Lists Read Chapter 4 Lists, pages 62-73 of text: http://scottsdevelopers.com/html-book.pdf Create a web page lists.html : This web page should present an unordered list of three countries in Central America. Under each country nest an ordered list of two cities in that country. Under each city nest an unordered list of two good restaurants (make up the names).

Inserting sublist under "Ham" list item

Inserting sublist under "Ham" list item

Inserting sublist under "Ham" list item

Inserting sublist under "Ham" list item Iinsertion point

Replacing "Ham" with an embedded list:

Replacing "Ham" with an embedded list:

Voila!

Homework (Goal) Write out Names of Countries, Cities, and Restaurants

Approach

Approach

Modify html5-simple.htm Save on Deskstop as restaurants.html Step 1: Modify html5-simple.htm Save on Deskstop as restaurants.html The file html5-simple.htm is on www.scottsdevelopers.com | HTML | HTML Templates | HTML5 Simple

Note: html5-simple.htm uses 2 spaces for tabs. Set Atom to do the same, if necessary. View Atom "Settings" Ctrl-, Select "Editing Section" Scroll to bottom, set tab length to 2 The file html5-simple.htm is on www.scottsdevelopers.com | HTML | HTML Templates | HTML5 Simple

Programming Standards File Name, <title>, <h1> Consistent File Name Title Element <h1> Element

Step 1: (arrange on Desktop) Atom Chrome Arrange Desktop with Atom and Chrome

Step 2: Create Outer List Level

Step 2: Atom Chrome

Step 3: Duplicate Outermost List Level

Step 3: Atom Chrome

Step 4: Update middle and Innermost lists

Step 4: Atom Chrome

Step 5: Add 2nd Restaurant

Step 5: Atom Chrome

Step 6: Cut Out Restaurant List Hhighlight entire lines holding down "Shift" and down arrow

Step 6: Select Restaurant List Hhighlight entire lines holding down "Shift" and down arrow

Step 6: Cut Out Restaurant List (Ctrl-X) Shift-Del

Step 7: Make Room for Restaurant List Inside "City" (Enter) Insertion Point Shift-Del

Step 7: Make Room for Restaurant List Inside "City" Insertion Point Shift-Del Insertion Point

Step 7: Paste (Ctrl - V, Tab) Shift-Del

Step 7: Atom Chrome

Step 8: Duplicate City List Hhighlight entire lines holding down "Shift" and down arrow

Step 8: Select City List Hhighlight entire lines holding down "Shift" and down arrow

Delete City List (Ctrl-X) Step 8: Delete City List (Ctrl-X) Hhighlight entire lines holding down "Shift" and down arrow

Step 8: Paste City List (Ctrl-V) Hhighlight entire lines holding down "Shift" and down arrow

Step 8: Paste Again (Ctrl-V) Hhighlight entire lines holding down "Shift" and down arrow

Step 8: Atom Chrome

Step 9: Select Cities List Hhighlight entire lines holding down "Shift" and down arrow

Step 9: Delete Cities List (Ctrl-X) Hhighlight entire lines holding down "Shift" and down arrow

Step 9: Paste Cities List (Ctrl-V) Hhighlight entire lines holding down "Shift" and down arrow

Step 9: Atom Chrome

Step 10: Duplicate Country List

Step 10: Delete Country List

Step 10: Delete Country List

Step 10: Paste Country List Twice

Step 10: Paste Country List Twice

Step 10: Atom Chrome

Update Names