Building A Successful Website H T M L

Tuesday, March 27, 12

&

C S S

C o d i n g

Computer Codes Username: adults2 Password: school2 user: adults3 password: 2hotspring

Tuesday, March 27, 12

Tonight’s Agenda Apple Lawsuit A note on your site outline Overview of coding a website Introduction to HTML Code your first web page(s)

Tuesday, March 27, 12

Tasks For This Evening (& Next) Build a webpage in HTML Style the page with CSS Look at PHP and how it envelopes HTML

Tuesday, March 27, 12

What is HTML?

Hyper Text Markup Language

Built with elements within tags The text between and describes the web page The text between and is the visible page content The text between

and

is displayed as a heading

The text between

and

is displayed as a paragraph

Tags are opened and closed, any tag opened must be closed before its containing tag is closed

Tuesday, March 27, 12

Attributes Some elements have attributes values assigned to them Anchor Text

Tuesday, March 27, 12

Element Tags Defines root of HTML document Defines information about the document Defines metadata about an HTML document This is what will be shown in the browser to the visitor Tuesday, March 27, 12

Other Common Tags Links: Anchor Text

Lists:

• List Item

1. Numbered List Item

Image:

Tuesday, March 27, 12

More Common Elements Divs (divisions) Divs group like content (name with CSS id’s and classes) Bold, Italics: BoldItalics Comments: Origin of the hashtag

Tuesday, March 27, 12

MetaData NJ Real Estate Resource Center Tuesday, March 27, 12

Creating Your First Site Create a folder on your desktop Create a folder in that called images (can get images through Google search for this practice) Open up Notepad (at home download Notepad++) and save new file as index.html in your folder Start writing your code Copy and paste the page and add a link to the pages

Tuesday, March 27, 12

For Next Class Familiarize yourself with the HTML elements Go over CSS styles and familiarize yourself with how it is written

Tuesday, March 27, 12