Welcome To Web Site Basics 95 AG HTML Documents Contain 4 Animation 4 Sound 4 Videos 4 Text 4 Formatted text 4 Images 4 Links 4 Logos.

Slides:



Advertisements
Similar presentations
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Advertisements

Lesson 15 Presentation Programs.
HTML. The World Wide Web Protocols Addresses HTML.
How To Create A Web Page By: Mikeon Briddy & Darrius Jacobs April 10,2006 Mr. Barnett.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.
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.
Web Page Development Identify elements of a Web Page Start Notepad
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
ETT 429 Spring 2007 Web Design I.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
 Experiment with the Design features to get the look you want for your presentation.  Most design templates will keep the design the same on all your.
WEB DESIGN This course accompanies: -DiDA -GCSE ICT -A-Level ICT Insert Teacher Name Here By xIslandDesign.
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
LayoutLayout Manage your blog! Baharstudio.blogspot.com Baharstudio.50webs.com.
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.
Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
The PowerPoint Workspace Features and Functions Learning about the workspace Before you begin, lets take a look at the PowerPoint workspace. PowerPoint.
Creating Integrated Web-based Projects using Microsoft Word.
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.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Understanding a Web Web page is a single page containing text and graphics that has been labeled with the appropriate HTML coding for the.
15.1 Fundamentals of HTML.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
HTML I An Introduction to the Language of the Web Terry Bake
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.
Producing Web Pages using HTML The Computer as an Educational Tool: “ The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C.
1 HTML Frames
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
Started Getting started with HTML Authoring Authoring on the Web.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
15.1 Fundamentals of HTML DeKalb County School System.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
Lesson One Quick HTML Know-How Pages 3 to 30. Objectives for Today! For Today:  Discover HTML tags  Enter starting tags  Learn to save  Create a page!
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
HTML BASICS Why can we see images and text, hear sounds, and view video files on the Web? The browser and a language called HTML are largely responsible.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
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.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Online PD Basic HTML The Magic Of Web Pages
HTML.
Creating a Successful Web Presence
HTML HYPERTEXT MARKUP LANGUAGE.
Using Netscape Page Composer
Making Web pages.
WEB PUBLISHING 2/19/2019 JIPRA ICT DEPARTMENT
An Introduction to HTML Pages
Presentation transcript:

Welcome To Web Site Basics 95 AG

HTML Documents Contain 4 Animation 4 Sound 4 Videos 4 Text 4 Formatted text 4 Images 4 Links 4 Logos

Basic Page Contents Title

Basic Page Contents Title Text

Basic Page Contents Title Heading Text

Title Heading Text Basic Page Contents Links

Examples from WWW Hyperlink Images

A Look at the Source Code

HTML - Basic Tags 4 4 setup information goes here 4 appears in the Title Bar 4 4 basically everything 4

What Program Should We Use? 4 Basically -- your choice 4 We will: Start with Notepad (for about 2 minutes) Use Netscape Composer along with Shelly/Cashman Creating Web Pages You can download free stuff: Hot Dog!, PRO97, etc. Front Page 97 or 98 is excellent--but not free

What does an Editor Do? 4 Automatically places the correctly 4 Easy formatting 4 Displays in WYSIWYG 4 Lets you use regular word processing tools 4 Verifies (to a point) 4 Speeds up the web creation process

Learning/Practice Strategies 4 Browse and surf the web! 4 Learn by example: In most browsers you can choose View, Page Source from the menu or, Right-click and choose View, Page Source 4 Fill out your questionnaire 4 Develop a plan and structure 4 Create and save a basic HTML template

Example of First Page Welcome to my wonderful web site. For your viewing pleasure, I have decided to provide pictures of my family and some of our favorite vacation spots. I also thought you might enjoy a picture of our family dog, Spot. Mallorca Your Orca Grandma Mom & Dad Spot How to lose lots (money or weight?) These will become HYPERLINKS

Have Fun!