Archive for January, 2008

Appendix J (Web design templates) Introduction to HyperText Markup Language 4:

Thursday, January 31st, 2008

Appendix J Introduction to HyperText Markup Language 4: Part 2 1429 d) The element tells the browser what version of HTML is included on the page. Two types of this element are and . e) The common shapes used in image maps are , and . J.3 Write HTML tags to accomplish the following tasks: a) Insert a framed Web page with the first frame extending 300 pixels across the page from the left side. b) Insert an ordered list that will have numbering by lowercase Roman numerals. c) Insert a scrollable list (in a form) that will always display four entries of the list. d) Insert an image map onto a page, using deitel.gif as an image and map with name=”hello” as the image map, and have hello be the alttext. ANSWERS TO SELF-REVIEW EXERCISES J.1 a) False. You can specify the width of any column either in pixels or as a percentage of the total width of the table. c) False. The thead element is used only for formatting purposes and is optional (but it is recommended that you include it). d) False. You can have an unlimited number of hyperlink locations on any page. e) False. Text-based browsers are unable to render a frameset and must therefore rely on the information that you include inside the tag. J.2 a) type = “reset”. b) cols, rows. c) li. d) , transitional, frameset. e) poly, circle, rect. J.3 a) b)

c)

d)hello EXERCISES J.4 Categorize each of the following as an element or an attribute: a) width b) td c) th d) frame e) name f) select g) type J.5 What will the framesetproduced by the following code look like? Assume that the pages being imported are blank with white backgrounds and that the dimensions of the screen are 800 by 600. Sketch the layout, approximating the dimensions. J.6 Assume that you have a document with many subsections. Write the HTML markup to create a frame with a table of contents on the left side of the window, and have each entry in the table of contents use internal linking to scroll down the document frame to the appropriate subsection.
We recommend cheap and reliable webhost to host and run your web applications: Coldfusion Web Hosting services.

1428 Introduction to HyperText Markup Language 4: Part (Web site counters)

Wednesday, January 30th, 2008

1428 Introduction to HyperText Markup Language 4: Part 2 Appendix J CGI script name=”redirect”in input element checked name=”subject”in input element circular hotspot nested lists col element noframes colgroup element noresize attribute in frame cols attribute of table element ol(ordered list) element (

) colspan attribute of td element rectangular hotspot column of a table row of a table coords attribute inside area element rowspan attribute of td element data cell scrolling attribute in frame environment variable select element (

) form shape attribute inside area element frame element ( ) size attribute in select frameset element src attribute of frame element header cell table hotspot table element (

) image map target=”_blank” indenting lists target=”_blank” input element ( ) target=”_parent” input type=”button” target=”_top” input type=”checkbox” tbody input type=”password” td(table data) element (

) input type=”radio” text-based browser input type=”reset” th (header cell) element (

) input type=”submit” thead element (

) input type=”text” tr (table row) element (

) input type=”textarea” type=1 attribute of

    internal linking type=a attribute of
      list type=A attribute of
        map element type=i attribute of
          maxlength=”#” type=I attribute of
            method=”get” ul(unordered list) element (

            ) method=”post” usemap=”name” attribute in img name attribute in input element valueattribute of input element name=”recipient”in input element Web server SELF-REVIEW EXERCISES J.1 State whether the following statements are true or false. If false, explain why. a) The width of all data cells in a table must be the same. b) The thead element is mandatory in a table. c) You are limited to a maximum of 100 internal links per page. d) All browsers can render framesets. J.2 Fill in the blanks in each of the following statements. a) The attribute in an input element inserts a button that, when clicked, will clear the contents of the form. b) The spacing of a frameset is set by including the attribute or the attribute inside of the tag. c) The element inserts a new item in a list.
            Looking for affordable and reliable webhost to host and run your business application? Then look no more and go to servlet web hosting services.

Appendix J Introduction to HyperText Markup (Web site layout) Language 4:

Tuesday, January 29th, 2008

Appendix J Introduction to HyperText Markup Language 4: Part 2 1427 A coordinate pair consists of two numbers, which are the locations of the point on the x and y axes. The x axis extends horizontally from the upper-left corner, the y axis vertically. Every point on an image has a unique x y coordinate, annotated as (x, y). In the case of a rectangular hotspot, the required coordinates are those of the upper-left and lowerright corners of the rectangle. The shape=”poly” creates a hotspot of no preset shape you specify the shape of the hotspot in the coords attribute by listing the coordinates of every vertex, or corner of the hotspot. shape=”circle” creates a circular hotspot; it requires both the coordinates of the center of the circle and the length of the radius, in pixels. To use an image map with a graphic on your page, you must insert the usemap=”#name” attribute into the imgelement, where name is the value of the name attribute in the map element. The main element that interacts with search engines is the meta element. meta tags contain two attributes that should always be used. The first of these, name, is an identification of the type of meta tag you are including. The content attribute gives the information the search engine will be cataloging. The content of a meta tag with name=”keywords” provides the search engines with a list of words that describe the key aspects of your site. By including meta tags and their content information, you can give precise information about your site to search engines. This will help you draw a more focused audience to your site. The descriptionvalue of the nameattribute in the metatag should be a 3-to-4-line description of your site, written in sentence form. This description is used by the search engine to catalog and display your site. meta elements are not visible to users of the site and should be placed inside the header section of your HTML document. The frameset tag tells the browser that the page contains frames. colsor rows gives the width of each frame in pixels or as a percentage of the screen. In each frame element, the srcattribute gives the URL of the page that will be displayed in the specified frame. The purpose of a name attribute in the frame element is to give an identity to that specific frame, in order to enable hyperlinks in a frameset to load their intended frame. The target attribute in an anchor element is set to the name of the framein which the new page should load. A target in an anchor element can be set to a number of preset values: target=”_blank” loads the page in a new blank browser window, target=”self” loads the page into the same window as the anchor element, target=”_parent” loads the page into the parent frameset and target=”_top” loads the page into the full browser window. Not everyone viewing a page has a browser that can handle frames. You therefore need to include a noframes element inside of the frameset. You should include regular HTML tags and elements within the tags. Use this area to direct the user to a nonframed version of the site. By nesting frameset elements, you can create more complex layouts. TERMINOLOGY area tag border property of table element

1426 Introduction to HyperText Markup Language 4: (Web hosting directory) Part

Monday, January 28th, 2008

1426 Introduction to HyperText Markup Language 4: Part 2 Appendix J A Web server is a machine that runs a software package like Apache or IIS; servers are designed to handle browser requests. When a user uses a browser to request a page or file somewhere on the server, the server processes this request and returns an answer to the browser. The action attribute in the formtag is the path to a script that processes the form data. The input element is common in forms and always requires the type attribute. Two other attributes are name, which provides a unique identification for the input, and value, which indicates the value that the inputelement sends to the server upon submission. The input type=”text” inserts a one-line text bar into the form. The value of this input element and the information that the server sends to you from this input is the text that the user types into the bar. The sizeattribute determines the width of the text input, measured in characters. You can also set a maximum number of characters that the text input will accept by inserting the maxlength=”length” attribute. You must make sure to include a label element for each form element to indicate the function of the element. The type=”submit”input element places a button in the form that submits data to the server when clicked. The value attribute of the submitinput changes the text displayed on the button. The type=”reset” input element places a button on the form that, when clicked, will clear all entries the user has entered into the form. The textarea element inserts a box into the form. You specify the size of the box (which is scrollable) inside the opening