How to build a Web Page or “The things geeks never told you!”

Slides:



Advertisements
Similar presentations
Mission HTML The Search for the Personal Web Page.
Advertisements

Introduction to Creating a Web Page using a Simple Text Editor (Notepad) 1  2004 Ecirp Studios
What happens when you create an HTML document and include pictures.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
HTML.
Project 8 Creating Style Sheets.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
Web Page Development Identify elements of a Web Page Start Notepad
Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-
HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
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.
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 Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
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.
Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.
HTML.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Creating and Editing a Web Page Project 2. Project Objectives Project 2: Creating and Editing a Web Page 2 Identify elements of a Web page Start Notepad.
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.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
Getting Started with HTML Please use speaker notes for additional information!
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.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
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-
Putting Applets into Web Pages.  Two things are involved in the process of putting applets onto web pages ◦ The.class files of the applet ◦ The html.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Or Just the ma’am Instructor: Eric Riley Basic HTML.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
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 is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
Barbara White School of Information Technology XHTML template Saving files in Notepad.
YEAR 8 – WEB DESIGN IN HTML Lesson 2. STARTER Use the internet to find out what JavaScript is? Use ‘Microsoft Word’ to write down your list.
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.
WRT235: Writing in Electronic Environments Session 2 Basic XHTML.
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
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.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
Creating Your Own Web Page Using HTML (HyperText Markup Language.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
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.
+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.
BUILDING A WEB PAGE BASIC HTML CODING. We first open notepad to start to build our web page. We enter the code at the beginning. And then we write below.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.
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.
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.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
HTML.
Working with HTML These are the examples you need to go over. Click on the name like HTML5intro.html and it will bring up the page. If you right click.
Saving a .html file in NotePad
HTML HYPERTEXT MARKUP LANGUAGE.
What is HTML?.
Nerd Website HTML.
HTML Text editors and adding graphics
Enhancing Your Web Site—Adding Links Web Page
HTML Structure.
Creating your first website
Creating your first website
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
Hypertext Markup Language
Presentation transcript:

How to build a Web Page or “The things geeks never told you!”

What to do first In order to build a web page you have to write your commands or “tags” in one language (html) and convert to another language. Please: 1.Click on start 2.Click on programs 3.Click on accessories 4.Click on notepad

This is what you should see… a blank untitled-Notepad

Next type in the following

Let’s look at what is what Every html document opens up with the “tag” and ends with We separate the document by defining the versus the

Next The only information (for now) that is in the is for the computer to be able to identify the document. Therefore we need to define the document or give it a title as you would any file for a computer. That “tag” is the

Let us define the Let us define the The only contains the file name…watch what happens on the next slide when I enter a 1 in between and and file…save as… 1.txt to your text folder.

1 as a 1 as a The Of the document is now 1.txt

That is all the information that you will have in the of the document You will need to close your and your by inserting the forward slash (/) into and

The body This is what the web page looks like when we “save as” 1.html to your HTML folder! Notice that there is nothing within the body of the document because we have not typed anything between and

Let us add something to the body I simply typed in “I am creating a new web site.” I will “save as” 1.html again and overwrite the old 1.html document

This is what 1.html looks like Notice these words that were added to the body

It is as easy as our past example Now it is time for you to attempt to complete the # 1 assignment which is found in the tan/grey file cabinet under”Assignments” Good Luck!