Embed Size (px)
Citation preview
Competency 3
By: Juan Betancourt
The Master Technology Teacher:
• A. Demonstrates knowledge of mechanisms for navigating, accessing, transferring, sharing and storing Web-based information across networks (e.g., the Internet, intranets).
• B. Knows how to create and edit Web pages using appropriate tools, design principles(e.g., size and type of graphic files, font size and color, backgrounds) and page elements (e.g., hyperlinks, HTML tags, alt tags for accessibility).
• C. Knows how to establish and access a folder/directory hierarchy for the management of a website and its related files.
• D. Demonstrates knowledge of network security and access issues (e.g., firewalls, password controls) related to the maintenance of a website.
Web Basics
• Web Page-text document with html tags• Web Site-two or more pages linked• Server-store web sites• Client-display web sites• HTTP-transfer protocol of the WWW• FTP-transfer system to put files on servers• Uploading-to put on the sever• Downloading-to get from server
Structure
Links
URL
Internet
intranet
School District
Extranet
InternetSchool District
Firewall
InternetSchool District
HTML Structure
• <html></html> begin and end the HTML document file• <head></head> begin and end the file header• <title></title> begin and end the title of the document• <body></body> begin and end the body of the document• <p></p> automatically adds a space after a line of text• <br> create a line break • <hr> create a horizontal rule
HTML Headings
• <h1></h1> very large heading• <h2></h2>• <h3></h3>• <h4></h4>• <h5></h5>• <h6></h6>very small heading
HTML Text
• <b></b> bold text• <i></i> italicize text• <u></u> underline text• <font></font> change the font attribute• <center></center> centers the text in the widow
HTML Lists
• <ul></u> begin an unordered list (bullets)• <ol></ol> begin an ordered list (numbers)• <li></li> list items in an ordered on unordered list
Resources:
• Betancourt, Juan. "HTML Basic Terminology flashcards." Quizlet.com. Web. 3 Mar 2013. <http://quizlet.com/_c7j58>.
• "HTML Basics." w3schools.com. Refsnes Data, n.d. Web. 3 Mar 2013. <http://www.w3schools.com/html/html_basic.asp>.
• Johnson, Edz. HTML Tutorial 1- Designing A Website in Notepad. 2009. Video. youtube.com. Web. 3 Mar 2013. <https://www.youtube.com/watch?v=GOfhmzNLWzY>.
• Weixel, Suzanne. Multimedia Basics. Boston, MA: Course Technology, 2004. Print.
HTML Link and Image
• <a href=></a> create a ink to a web page or point or an page• <a name=></a> create a link to a portion of a page to link to• <img src=> insert an image
HTML Table
• <table></table> begin a table• <tr></tr> begin a table row• <th></th> begin a table heading• <td></td> begin a row data
Example:
Review
• http://www.w3schools.com/html/html_basic.asp• http://quizlet.com/_c7j58
