Intro to HTML CSS Intermediate Website Development Christy
Intro to HTML & CSS Intermediate Website Development Christy Wedge
Web Development Software Text editors – Notepad, Text. Edit Online sites – Word. Press. com, Blogger, Google Sites, Yahoo Site. Builder, Web. com Dreamweaver, Go. Live, Front. Page
Web Browsers Firefox Internet Explorer Chrome Safari Opera
What is HTML?
HTML Language Hyper. Text Markup Language (HTML) The standard document type for websites Provides structure
HTML Syntax Vocab: Elements, Tags, Attributes, Content Tags <p> Elements require an open and close tag <p>Content</p> Sandwich tags <body><p>Content</p></body> Attributes – define characteristics such as height, width, color, etc. <p style="color: red"; >Content</p>
HTML Page Structure <!DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML 1. 0 Strict//EN" "http: //www. w 3. org/TR/xhtml 1/DTD/xhtml 1 -strict. dtd"> <html xmlns="http: //www. w 3. org/1999/xhtml" xml: lang="en"> <head> <title>Basic example document</title> </head> <body> </html>
What is CSS?
CSS Cascading Style Sheet (CSS) Defines the look or format of the HTML file by specifying margins, line spacing, indents, font sizes, etc Similar to the Attributes part of HTML Provides flexibility and control of the presentation
CSS Syntax Vocab: Rules, selector, declaration, property, Value p {color: blue; } 3 types: Inline, Internal and External Inline <p style="color: red"; >Content</p> Internal <head> <style type=“text/css”> p {color: blue; } </style> </head>
CSS Syntax cont. External <head> <link href="blog/content/themes/style 1. css" rel="stylesheet" type="text/css"> <link href="style 2. css" rel="stylesheet" type="text/css"> </head> p {color: green; font: arial, sans-serif; }
Hosting Blogs or free services – Blogger, Word. Press, Google sites Paid Service – Go. Daddy Choose and purchase a URL/Domain name Cost – Monthly, yearly, etc. Traffic/Bandwidth, Disk space, File limitations FTP access Reliability Technical support Control panel – Usability Email services
Resources W 3 Schools. com You. Tube Videos Library Books About. com Wikipedia
- Slides: 13