Unit 3 Day 2 FOCS – Web Design. Journal Unit #3 Entry #1 Which of the videos that we saw yesterday did you find the most interesting? What was it about.

Slides:



Advertisements
Similar presentations
Communicating Information: Web Design
Advertisements

WeB application development
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
XHTML Basics.
HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Basics of HTML.
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web Web.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
HTML Structure & syntax
CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713)
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
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'
1. Short History Of HTML HTML was invented in 1990 by a scientist called Tim Berners-Lee. The purpose was to make it easier for scientists at different.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
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.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
Hypertext Mark-Up Language Web Page Creation HTML.
Creating Webpage Using HTML
HTML Codes Miss B.
HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.
Unit 3 Day 6 FOCS – Web Design. Journal Unit #3 Entry #4 Write the source code that would make the following display on a rendered page: Shopping List.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Welcome to Creative Web Design You will soon be creating your first web page.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
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.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
15.1 Fundamentals of HTML DeKalb County School System.
Kevin Murphy Basics of XML Masters Project CS 490.
Unit 4 Day 1 FOCS – Introduction to Programming. Journal Entry: Unit #4 Entry #1 How do you think programs like Microsoft Word, Internet Explorer, and.
Web Site Design & Management Class One Agenda Attendance Questionnaire Introductions Class Policies About the class Code your first page FTP Assignments.
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.
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. HTML Coding HTML Hypertext markup language The code used to create web pages.
CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.
Creating Your Own Web Page Using HTML (HyperText Markup Language.
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
The idea of adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents.
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.
How to build a Web Page or “The things geeks never told you!”
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
U NIT 9 Level 2 Web Design. What does HTML stand for? HTML stands for Hypertext Markup Language and it is the language used by all web pages. It consists.
Basic HTML Introduction to HTML.
CIS 141 Western Kentucky University
HTML Basics.
XHTML/CSS Week 1.
INP150: Basic HTML Instructor: Paul J. Millis
HTML HYPERTEXT MARKUP LANGUAGE.
XML.
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.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML What is it? HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
What is HTML?.
HyperText Markup Language
WJEC GCSE Computer Science
A Summary of Some Key Points from Chapters
Presentation transcript:

Unit 3 Day 2 FOCS – Web Design

Journal Unit #3 Entry #1 Which of the videos that we saw yesterday did you find the most interesting? What was it about the video that caught attention? Did watching the videos change your attitude at all about the how you use the internet? What did learn by watching the videos that you did not know before?

Creating Web Pages

Coding Language There are many computer languages for writing code. When you're writing Web pages and some other kinds of electronic documents, the main language you'll use to write your code is HTML—Hypertext Markup Language.

Tags Hypertext Markup Language consists of tags that define what each element in a document is. There are about 100 different tags, and they all have one thing in common: Each tag starts with an opening angle bracket ( ).

There are certain mandatory tags that every Web page must contain. You'll create a Web page that contains those mandatory tags. To get started, you'll need to open Notepad. In that editor, start by typing this tag:

Accuracy Counts When it comes to typing code, you have to be very accurate and type exactly what I show you. It's not like typing text for humans, where you can make all kinds of mistakes and the person reading it can figure out what you meant anyway. Computers don't have eyes to see with or brains to figure things out with. You have to type the code correctly and without mistakes. So notice that the first tag I had you type contains no blank spaces and uses all lowercase letters. If you typed yours differently, now would be a good time to correct it.

Now, please press ENTER to start a new line. Then type one more tag as shown below.

Next, we'll type a couple of tags right next to each other. Notice that here you'll start to see that some tags contain a forward slash (/). That's not the same as a backslash (\), which leans back on the letter that precedes it. Make sure you always use a forward slash (/) in your HTML tags. Here are the two tags I want you to type next to each other now: