WEB PUBLISHING 2/19/2019 JIPRA ICT DEPARTMENT

Slides:



Advertisements
Similar presentations
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Advertisements

Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Tutorial 1: Getting Started with HTML5
Basics of HTML.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
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.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
CS117 Introduction to Computer Science II Lecture 2 Creating an HTML Document Instructor: Li Ma Office: NBC 126 Phone: (713)
HTML Structure & syntax
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
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.
15.1 Fundamentals of HTML.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.
Informatics Computer School CS114 Web Publishing HTML Lesson 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.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
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.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
HTML rev 01/09/2016 Hyper Text Markup Language. HTML -history  Hypertext Markup Language is the main language for creating web pages . It was first.
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.
HTML Basic Structure. Page Title My First Heading My first paragraph.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.
Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.
HTML Structure & syntax
Week 1: Introduction to HTML and Web Design
What you can see in the picture?
Getting Started with HTML
Pertemuan 1 Desain web Pertemuan 1
HTML – The COMPUTING UNLOCKED GUIDE
Internet Exploration: HTML Basics
Transcriptions Studio Workshop Fall 2006
Bell Ringer Conduct your own research & answer the following questions (1 paragraph). What is HTML? Who developed HTML? How is it used in web design?
XHTML/CSS Week 1.
Uppingham Community College
Concepts of HTML, CSS and Javascript
WEB PAGES: CREATING AND MAINTAINING **
Basic HTML PowerPoint How Hyper Text Markup Language Works
Internet Exploration: HTML Basics
INP150: Basic HTML Instructor: Paul J. Millis
Essentials of HTML.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Essentials of HTML.
Introduction to Web Page Design
HTML HYPERTEXT MARKUP LANGUAGE.
WEB PAGE AUTHORINHG AND DESIGNING
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Introduction to HTML.
HTML Structure.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Web Application Development
Basic HTML Workshop.
HTML – The COMPUTING UNLOCKED GUIDE
Pertemuan 1 Desain web Pertemuan 1
HyperText Markup Language
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
HTML Structure & syntax
Web Programming and Design
HTML Introduction.
Presentation transcript:

WEB PUBLISHING 2/19/2019 JIPRA ICT DEPARTMENT THIS IS SECTION B WEBSITE DESIGNING AND AUTHORING 2/19/2019

AIMS OF TODAY’S LESSON SUITABLE PUBLISHING SOFTWARE TO USE INSTALLING THE SOFTWARE NAVIGATING THE SOFTWARE ENVIRONMENT RUNNING A SAMPLE WEBPAGE HTML TAGS 2/19/2019

NOTEPAD++ SOFTWARE TO USE 2/19/2019 IT IS EASY TO USE FLEXIBLE EDITOR MULTIPLE WEB BROWSERS OPEN MULTIPLE TABS etc NOTEPAD++ 2/19/2019

Installation procedure 3. Welcome to setup 1. Installer 2.Select Language/ English THIS IS A TEXT EDITOR LETS MOVE TOGETHER FROM HERE……………. 2/19/2019

NAVIGATING THE EDITOR KEY AREAS FILE (NEW,OPEN,SAVE,SAVE AS, E.T.C) RUN (VARIOUS WEB BROWSERS) 2/19/2019

RUNNING A SAMPLE WEB PAGE <HTML> <HEAD> <TITLE> MY FIRST WEB PAGE </TITLE> </HEAD> <BODY> THIS IS MY FIRST WEB PAGE FOR CRYING OUT........</BODY> </HTML> 2/19/2019

HTML TAGS What is html tag? A html tag is composed of the name of the element surrounded by angle brackets. For example a paragraph would be written: <p> this is a paragraph </p> 2/19/2019

Parts of HTML document/web page There are three main parts of an html page/document i.e. <html> <head> <body> 2/19/2019

Tags used in html < > These are opening tags </> these are closing tags. For example : <html>……</html> NB: opening tag should be closed in that way. <head>…..</head> etc 2/19/2019

Html declaration There are only two ways of declaring in html… these are; <html> or <!doc type html> The browser will automatically display the page so long as saved with file extension of .html This must be at the beginning of the document it’s a MUST. 2/19/2019

Saving criteria These web documents are saved with a file extension of .html. a file extension is suffix that appears at the end of document and determines which file to be opened. For example mycafe.html, HOME.html, index.html 2/19/2019

NEXT: DESIGNING 2/19/2019 TABLES USING MARQUEE HEADING LINKS AND OTHER ELEMENTS 2/19/2019