Intro to Web Development Homework Review

Slides:



Advertisements
Similar presentations
MICROSOFT WORD Basic Knowledge &Tips. Type a Question for help Help box is located in the top right corner. Help box is located in the top right corner.
Advertisements

MS-Word XP Lesson 2. Page Setup & Margins 1.Click on file menu 2.Click on page set up menu item 3.Select margins tab sheet (default activated) 4.Type.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
Notes to Teachers: 1.Bring sample flyers to class to help the students understand the homework assignment. See last slide. 2.Place the document: “Cape.
CIS101 Introduction to Computing HTML Project Two.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Getting Started with Expression Web 3
Creating a Web page Using Basic HTML By: Magdalena Martinez CIEP 491 (W 6:00) Assessment #12.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Just Enough HTML How to Create Basic HTML Documents.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
MICROSOFT WORD Options like New, save, Close, Selecting Text How to change text using Bold, Italics, Underline How to change Font, Font Size, Color Justification.
Microsoft Word The basics. For Your Information  Microsoft Word is one of the most popular word processing programs  supported by both Mac and PC platforms.
Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
Microsoft Word. Basic Word features New Document Open Save As Right Click on File name  Rename  Delete  Send to Recycle Bin  Restore.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
Styling in HTML PowerPoint How to style in HTML. Styling in HTML Styling tags can be added to HTML to place emphasis or add appeal – These tags must be.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Using FrontPage FrontPage is a great Web editing tool for people with limited knowledge and time for HTML coding. It’s similar to using Microsoft Word.
Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
The Basics of Microsoft Word Getting Started and Formatting your paper.
Microsoft Office Grade 10 A / B Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 04 Basic Application.
Investigating Langston Hughes POWERPOINT LANGUAGE ARTS 2004.
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
Creating a Multimedia Presentation Working with a Presentation Adding and Modifying Slide Text Inserting Information Producing a Slide Show
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
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.
Basic Web Design UVI CELL Dave Gilliss Dave Gilliss
Quick keys and short cuts for powerpoint
Lab Styling Tabs with CSS Scott Lydiard
With Microsoft FrontPage 2000
HTML & teh internets.
Tutorial: How to Creat a Website.
Word Processing Computer Technology.
J. Verlin Sophomore Seminar September 7 – October 2, 2017
Basic Formatting A. There are multiple ways to do just about any function in Microsoft Office Suite. 1. Buttons on the top 2. Control keys (hot keys)
HTML Lesson 2.
Basic Formatting A. There are multiple ways to do just about any function in Microsoft Office Suite. 1. Buttons on the top 2. Control keys (hot keys)
HTML.
CTRL + A = Select text CTRL + B = Bold text CTRL + C = Copy text CTRL + D = Open font formatting window CTRL + E = Center text CTRL + F = Find a phrase.
HTML Intro.
Test Drive Google Drive
Cheat Sheet CSCI 100 JW Ryder
How to create your own page on an existing PBWiki site
Continuation of Microsoft Excel
Cheat Sheet CSCI 100 JW Ryder
Intro to Web Development Links
Intro to Web Development Nesting Elements
Lesson 1 & 2 Review Play/Run the Slide Show for it to work
Intro to Web Development First Web Page
Intro to Web Development
Lesson 3: Formatting Text
Intro to Web Development Homework Review
Графика в Pascal.
CAII 4.01 Web Page Design Terms List 2.
WJEC GCSE Computer Science
Windows Vocabulary Beth Felton McKelvey.
What Do You Know How to Do on a Computer?
Presentation transcript:

Intro to Web Development Homework Review

Homework – Class A Read pages 2-52 of text: http://scottsdevelopers.com/html-book.pdf Create a web page with four heading sizes <h1>, <h2>, <h3>, <h4>: <h1> Normal <h2> Italic <h3> Underlined <h4> Bold At the top and bottom of the page, place horizontal rules (lines).

Make Chrome Default Browser On PC On Mac Start | Settings | Apps | Default apps | Web browser System Preferences | General | Default web browser

Get headings.html from www.scottsdevelopers.com | Resources | Intro to Web Development

Chrome

Source Code Chrome View

Source Code Chrome ctrl + u (PC) (Mac)

Source Code Chrome View Select All Copy,

Source Code Chrome View + a, + c (Mac) ctrl + a, ctrl + c (PC)

Source Code Chrome View Atom Select All Copy, Paste

Source Code Chrome View Atom Paste v Select All Copy, ctrl + v (PC) (Mac) v

Edit Code in Atom

Save to Desktop (Keep file name headings.html) ctrl + s (PC) s (Mac)

Test

Arrange Desktop Atom Chrome

Text Formatting

Text Formatting

Text AND Heading Formatting

Text AND Heading Formatting

Horizontal Lines

Horizontal Lines