Page 241 - DCAP303_MULTIMEDIA_SYSTEMS
P. 241

Unit 14: Designing for World Wide Web (WWW)



            This opens the developer tools. To do our editing, we want to select the mouse button on the   notes
            toolbar “Select Element by Click” tool.














            Now, click on any spot of the Webpage that you want to edit. Here, let’s edit the footer of Google.
            com. Notice it places a blue box around any element you hover over to make it easy to choose
            exactly what you want to edit.




                        Web Images Videos Maps News Shopping Gmail more  iGoogle Search settings Sign in





                                                                 Advanced Search
                                                                 Language Tools
                                         Google Search  I'm Feeling Lucky
                                     Magnitude 8.8 earthquake in Chile - Help and learn more
                                                          -
                                                   -
                                         -
                              Advertising Programs Business Solutions About Google Go to Google Thailand
                                                2010 Privacy


            In the developer tools window, the element you selected before is now highlighted. Click the plus
            button beside that entry if the text you want to edit is not visible.



























            Now, click the text you wish to change, and enter what you wish in the box. For fun, we changed
            the copyright to say “©2010 Microsoft”.


                                             LoveLy professionaL University                                   235
   236   237   238   239   240   241   242   243   244   245   246