Slide 1Slide 2Slide 3Slide 4Slide 5Slide 6Slide 7Slide 8Slide 9Slide 10Font TagFont TagFonts<font color = "#RRGGBB"> text </font><font size="2" color="blue">This is some text!</font><font face="verdana" color="green">This is some text!</font> Other text formatting tags<b> </b><i> </i><u> </u><tt> </tt><sub> </sub><sup> </sup><pre> </pre>http://www.w3schools.com/tags/tag_font_style.asphttp://www.w3schools.com/tags/tag_phrase_elements.aspImage TagImage TagImage tag attributes<img src = "filename.gif" alt = "Alt. Text" />other attributes that you can include with img tagwidth = "600", height = "150"border = "pixels"height = "pixels%"width = "pixels%"align = "left/right/top/middle/bottom(default)" hspace = "pixels"vspace = "pixels"Sometimes this tag might be useful. It forces the remaining textto start at a new line so that you can have a nice space after theimage. <br clear = "all" />AnchorsAnchorsLinks and anchors Creating Anchors <a name = "Section 1"> Section 1 </a>... Paragraph ...<a name = "Section 2"> Section 2 </a>... Another Paragraph ... Linking to the anchors<a href = "#Section 1">Link Text </a><a href = "#Section 2">Link Text </a>Web page for Plant World !Web page for Plant World !Step 1:Download the zipped fileshttp://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/desertplants.zipor the individual files if you were not able to download the zipped filesImages :http://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/images/agave.jpghttp://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/images/goldenbarrel.jpghttp://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/images/desertspoon.jpghttp://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/images/pricklypear.jpgLogos:http://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/images/plantworldsm.jpghttp://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/images/plantworldlg.jpgIndex file:http://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/index.htmlText file for the main web pagehttp://cs.gsu.edu/~adhungel1/csc1010/html_practice_2010/desertplants.txtStep 2:Save desertplants.txt file as desertplants.html and complete the web pagewith proper formatting.TableTableTable<table> </table><tr> </tr><th> </th><td> </td><table> attributes:align(left, right, center), bgcolor, border, cellspacing,cellpadding, width<tr> attributes:align (horizontal alignment – left, center, right, justify), bgcolor, valign (top, middle, bottom)<th> and <td> attributes:align (horizontal alignment)bgcolor, colspan, rowspan, valign, widthTableTableTable Example<table border="1" width = "30%"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr><td>February</td><td>$200 </td> </tr></table>An entire page in a Table !!An entire page in a Table !!<!-- Insert the table between body tags and remove the border after design is comlete --><table border="1" cellspacing = "20" cellpadding = "20"><tr> <!-- first row starts--><td ><img src = "gsulogo.gif" alt = "gsu logo" /></td> <td align = "center"> <font size = 5 face = "courier" color = "#112288"> <b> Student Services </b> <br /> Campus Tutoring Service </font> <hr /></td></tr> <!-- first row ends-->An entire page in a Table !!An entire page in a Table !!<tr> <!-- second row starts--><td width = "20%" bgcolor = "#CCCCFF"> <h3> Services </h3> <ul> <li> Math 141 </li> <li> Accounting 200 </li> <li> Economics 251 </li> </ul> </td><td><p>The Campus Tutoring Service will be open for business soon! Dr. Isabel Myers, Dean of Student Services, announcedMonday that the university has several new services to help students succeed. Part of that effort includes the newestaddition to Student Services, the Campus Tutoring Service. The university wants to make sure that all students can besuccessful, especially in their first year on campus. We have student tutors available for several freshman-level classes</p><p> Call 1-219-555-2510 for an appointment, or visit us in the Anderson building, room 360 </p></td></tr> <!-- second row ends-->Hosting your website in GSU elockerHosting your website in GSU elockerGo to the website https://elocker.student.gsu.edu/and enter your campus id and passwordNavigate inside the public_html folder by clicking the + sign onleft of Lockerbox@GSU folderHosting your website in GSU elockerHosting your website in GSU elockerUpload all your html files and images to this folder. Your home page should be named index.html. You can also organize your html files and images into different subfolders inside the public_html folder. However, you should update your links to the images and the files accordingly. After you post the files, your URL will
View Full Document
Unlocking...