![]() ![]() |
13.6:H213205 Provide map or general layout for Web site.Proper demonstrationTo increase Web site usability, provide a map or a synopsis for the Web site. Below is an example of Web site map: Proper example: <P><A href="website.jsp">Web site browser synopsis</A></P> <TABLE width="75%" border="1"> <CAPTION> Genius Bread Web site map </CAPTION> <TR> <TH>moon cake</TH> <TH>bread</TH> <TH>cake</TH> </TR> <TR> <TD> <UL> <LI><A href="ex.jsp">traditional moon cake</A></LI> <LI><A href="ex.jsp">hong kong style moon cake</A></LI> <LI><A href="ex.jsp">ice cream moon cake</A></LI> </UL> </TD> <TD> <UL> <LI><A href="ex.jsp">garlic bread</A></li> <LI><A href="ex.jsp">strawberry bread</A></li> <LI><A href="ex.jsp">pineapple bread</A></li> </UL> </TD> <TD> <UL> <LI><A href="ex.jsp">chocolate cake</A></LI> <LI><A href="ex.jsp">mango muse cake</A></LI> <LI><A href="ex.jsp">combination fruit cake</A></LI> </UL> </TD> </TR> </TABLE> End of example The example below has provided Web site synopsis: Proper example: <H1>Web site browser synposis</H1> <P>Genius bread Web site structure has three categories: moon cake, bread, and cake, for more information please refer to the products below:</P> <DIV> <H2>moon cake</H2> <UL> <LI><A href="ex.jsp">traditional moon cake</A></LI> <LI><A href="ex.jsp">hong kong style moon cake</A></LI> <LI><A href="ex.jsp">ice cream moon cake</A></LI> </UL> </DIV> <DIV> <H4>bread</H4> <UL> <LI><A href="ex.jsp">garlic bread</A></LI> <LI><A href="ex.jsp">strawberry bread</A></LI> <LI><A href="ex.jsp">pineapple bread</A></LI> </UL> </DIV> <DIV> <H4>cake</H4> <UL> <LI><A href="ex.jsp">chocolate cake</A></LI> <LI><A href="ex.jsp">mango muse cake</A></LI> <LI><A href="ex.jsp">combination fruit cake</A></LI> </UL> </DIV> End of example |
![]() |