10. Brainstorm a list of Items to include Microsoft Word Document Save as: Website Brainstorm Your Name
11. Source Code Tags Start a list of HTML source tags. Open a new word document Title is HTML Codes Save as HTML Codes in your folder Add the following to the list: <HTML> Signifies the start of an html document </html> Signifies the END of an html document <FONT …> Starts formatting the font </font> Ends the formatting of the font
12.
13. A Quick Sample of HTML <html> <head> <title>Mr. Marabeas’ Website</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> Type the following in NOTEPAD Save as “first homepage your name.html ”
20. Examples of codes http://www.web-source.net/html_codes_chart.htm <FONT> font <FONT FACE="Times New Roman" SIZE="4">Example </FONT> Example <FONT> font <FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example </FONT> Example <H1> heading 1 <H1> Heading 1 Example </H1> Heading 1 Example <A - anchor <A HREF="http://www.yourdomain.com/">Visit Our Site </A> Visit Our Site
21. Try it Online http://www.w3schools.com/html/ Go to this site. It should be in your favorites in Internet Explorer
22. Another Site That is Useful http://www.web-source.net/html_codes_chart.htm This should also be in your favorites
23.
24.
25. Add this code to your vocabulary code list This is a code that defines a TABLE <table> <tr> <td><td><td> </tr> <tr> <td><td><td> </tr> <tr> <td><td><td> </tr> </table>
26. HTML code for a table <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> <table> Begins the table <tr> Begins the first row <td> Begins the first cell </td> Ends the first cell </tr> Ends the row </table> Ends the table
27.
28.
29. What will be in your cells? Row 3, Cell 3 Another picture of the place Row 3, Cell 2 Describe someplace you have been or would like to go Row 3, Cell 1 A picture of the place Row 2, Cell 3 A picture of your hobby or sport Row 2, Cell 2 A picture of a hobby or sport you like to do Row 2, Cell 1 Clip art of your activity Row 1, Cell 3 A short introduction of yourself Row 1, Cell 2 A picture of you Row 1, Cell 1 3 links to other sites
30. Format of Your Table Title of Your Site Row 3 Cell 3 Picture with caption of Row 3 Cell 2 Row3 Cell 2 Places you have been or would like to go Row 3 Cell 1 Picture with caption of Row 3 Cell 2 Row 2 Cell 3 Picture of activity from Row 2 Cell 2 Row 2 Cell 2 Description of activity you like to do Row 2 Cell 1 Clipart of activity from Row 2 Cell 2 Row 1 Cell 3 Short intro of yourself Row 1 Cell 2 Picture of you with a caption Row 1 Cell 1 3 Links to other sites
31.
32.
33.
34.
35. Typershark for 10 minutes Go to the file share network 10.29.41.34 mara6 power6 Go to Mara6 folder >Website photos >find your picture and save it to your website folder >>>name it something simple like “mypic.jpg”
36. Web Design Terms Net Wise Terms CGI - A CGI is a small program that takes data from a web server and does something with it, like turning the data into a database query or content into an e-mail message. GIF - (Graphic Interchange Format) -- A common format for image files, especially suitable for images containing large areas of the same color. HTML - (Hypertext Markup Language) -- The coding language used to create Hypertext documents for use on the World Wide Web. JPEG - (Joint Photographic Experts Group) -- JPEG is most commonly mentioned as a format for image files. JPEG format is preferred to the GIF format for photographic images. Hypertext - Text containing links to other documents - words or phrases in the document that can be chosen by a reader causing another document to be retrieved and displayed. Net Safety You need to abide by the school's Acceptable Use Policy to guide you in what is appropriate.
![Create a new Vocabulary List Save as “Web Vocab Your Name” ,[object Object],[object Object]](https://image.slidesharecdn.com/building-a-website-1210204700754655-9/85/Building-A-Website-1-320.jpg)
![Web Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)