Download presentation
Presentation is loading. Please wait.
1
Lesson One Quick HTML Know-How Pages 3 to 30
2
Objectives for Today! For Today: Discover HTML tags Enter starting tags Learn to save Create a page! For Monday: How to use headings into Web pages Create unordered, ordered, and embedded lists
3
Web Page Can be composed of: –Pictures –Text –Multimedia effects –Links –And much more!
4
Purpose of a Web page To share information with Web Visitors To sell goods and services to Web Visitors Plus more!
5
How Displayed? by special software programs called Web Browsers Such as: Internet Explorer Netscape Navigator ???? Mozilla FireFox
6
HTML Hypertext Markup Language –Tags created within a Web document that give instructions to a Web browser. These instructions determine the look and feel of a Web document on the Internet.
7
Java, Java, Java! A programming language used widely with Internet applications.
8
Flash A high impact multimedia creation tool. Help create those web pages with animation, videos, etc.
9
JavaScript Used to create mini-applications and multimedia. Easy to use! Works well with HTML coding.
10
How HTML Works? Works everywhere on the web. They work on: Apple/Macintosh Windows Linux Unix Cell phones Palm-sized devices Televisions with a web device
11
HTML Tags Easy to learn. Appear in pairs enclosed in angle brackets. Have a starting tag and an closing tag. Have a (/) slash in a closing tag. Example: Remember: They are just instructions to the Web browser.
12
More Terms! Web Page: –Is a Web document, any page created in HTML that can be placed on the World Wide Web. Home Page: –The main page for a corporation, organization, or for an individual. It’s the first page! Welcome Page: –Designed especially for new visitors to a site. HTML Page: –Also is a Web document, any page created in HTML that can be placed on the World Wide Web. Web Site: –Includes a collection of many interconnected Web pages organized by an company, organization, college, university, government agency, or individual.
13
How to View Source Code from a Web Page: Open a Web page off the Internet. Select View from the Menu Bar. Select Source from pull down menu.
14
Let’s Begin! Open Notepad The following are Basic tags that you will be using when developing your page: <HTML> <BODY> <P></P><P></P><P></P><P></P></BODY><HTML>
15
“Hey, browser, read me. I’m a HTML document.” Save & View Must be save with an extension of.htm or.html
16
Let’s put some text on the screen! <HTML> Enter your name here. HTML and JavaScrip Enter your name here. HTML and JavaScrip <BODY> Creating HTML and JavaScript Creating HTML and JavaScript Learning to create HTML tags can help you in many ways: Learning to create HTML tags can help you in many ways: You will develop a deeper understanding of how HTML really works. You will develop a deeper understanding of how HTML really works. You will be able to view other pages and learn how certain effects were created. You will be able to view other pages and learn how certain effects were created. You will be able to troubleshoot Web pages when errors occur. You will be able to troubleshoot Web pages when errors occur. You will understand how HTML and Javascript work together. You will understand how HTML and Javascript work together. </BODY><HTML>
17
Using Headings (pg17) These tags are easy to remember! Very Big Very Big In the Middle In the Middle Very Small Very Small
18
Numbered and Bulleted Lists Unordered list (Bulleted) <UL></UL> Ordered list (Numbered) The unordered lists tags create bulleted lists. Start your list with the opening unordered lists tag, mark the items to be listed with the list tags, and place and tag at the end of your list. Try it! Page19-25.
19
To Do! Read page 3 to 25 (this should be a review) Complete pages 27 to 29. Projects! Complete page 30. Critical Thinking Exercises! Turn you work in before you leave for credit.
Similar presentations
