1. User-friendly Web page interfaces, such as a pleasing layout and accessible navigation, are considered to be what type of issues?

Transcription

1 1. User-friendly Web page interfaces, such as a pleasing layout and accessible navigation, are considered to be what type of issues? These are front end issues important to users. 2. Calculate the time required, in seconds, to download a 14,000-byte Web page using a 56-Kbps modem. (14,000*8)/56,000 = 112,000/56,000 = 2 seconds. 3. If you request a file that does not exist on a Web server, what types of messages will you receive? (Name or describe at least two.) 404 error code and/or any custom error report that might exist explaining that the server is operating but the specific requested file/item is not properly requested or does not exist. 4. What W3C project promotes Web page access for disabled Web users? This is the WCAG: (Web Content Accessibility Guidelines) 5. What technology provides text-based Web browsing and secure to wireless handheld devices? This is Wireless Application Protocol (WAP).

2 1. What is the primary difference between SGML and XHTML? What do they have in common? The difference is that SGML does not address the appearance of a web but XHTML does. The similarity of these two languages rest with they both organize the data in a page, which allows the data to become searchable. 2. List three operating systems and three browsers on which XHTML will function. Linux, Windows and Mac would be three OS systems and Opera, IE& and Firefox would be three browsers. 3. What is the purpose of a tag in markup languages? Tags are special pieces of text information embedded in markup language that provide instructions to HTML interpreters. They are enclosed in angle brackets. Changing font size, colors and image placement are examples. 4. Why is it important to relate technical concepts to non-technical people during planning meetings? Non-technical people involved in these specific meetings are there for purpose specific reasons. A wise project manager will want the support & resources of the fellow stakeholders for the project. 5. When working with a service provider to upload a Web site, what is some of the essential information you will need? You will need the Domain Server Name, specific IP address, username, password, required name of the default home page and how to modify the friendly 404 error page.

3 1. Markup tags include container, empty, and stand-alone non-empty tags. Which tag types are valid in XHTML? Container and stand-alone non-empty tags only 2. Are HTML and XHTML tags case-sensitive? HTML is not, XHTML is. 3. What three items can be contained inside the angle brackets (wickets) of an HTML tag? Element, attribute & value 4. What is the function of the document type declaration or <!DOCTYPE> tag? The DOCTYPE declaration determines how the interpreter will render all markup in the document. 5. Define text-level element. This is a specific action which you want applied to a limited amount of text versus a global or larger application. 6. What notation can you use to write a note to yourself or others in the HTML code that will not appear in the page when rendered in a browser? <!--It is referred to as the comment out notation and is displayed like this: --> 7. Should all values be placed in quotation marks for XHTML? Yes, it is required for XHTML. For HTML? It is not required but good practice and habit would suggest you should use them with HTML.

4 1. What is another term for a horizontal line on a Web page? This is also called a horizontal rule. 2. What is the default alignment attribute value for horizontal lines? The default alignment is 100% width. 3. Name the alignment options available for aligning images relative to text. Bottom: The bottom of the image is aligned with the baseline of adjoining text. Middle: This value aligns the middle of the image vertically to the baseline of adjoining text. Top: Aligns the top of the image with the top of adjoining text. Left: Floats the image to the left of the text paragraph into which the <img> tag is inserted. The top of the image will align with the left and top of the adjoining text. Right: Floats the image to the right of the text paragraph into which the <img> tag is inserted. The top of the image will align with the right and top of the adjoining text. 4. What is the function of the alt attribute? This will display text information during the image download process and/or it will show in place of an image. 5. What standard of 216 colors was introduced to render Web page colors consistently across different browsers? The Web-safe color palette.

5 1. Name the two types of URL you can reference when creating hyperlinks to an external site or to another page on the same site. The two types are full or relative AKA partial hyperlinks. 2. Within an anchor tag ( <a> ), the href attribute performs what function? The href attribute provides the location target of the hyperlink. 3. You are creating an image hyperlink. What HTML code links the image zoomap.jpg to the map.htm Web page? The <> tag which encloses the name zoom.jpg creates this link. 4. You want to create a hyperlink that provides the end user with a pre-addressed blank message when he or she clicks the link. You want to pre-address the messages to info@habitat.org. The hyperlink text should read "Please send to info@habitat.org." What HTML code would create this hyperlink? <a href="mailto: info@habitat.org "> info@habitat.org </a> 5. Describe the syntax used to link to an internal anchor in another file without first accessing the top of that page. <a href="url/filename.ext#anchorname">link text or image</a>

6 1. The size of an HTML table can be modified by specifying measurements in either of which two units of measure? Pixels or percentage of the browser window. 2. What tag can be used instead of the <table> tag to create a simple table by preserving spacing and line breaks in preformatted text? <pre> </pre> 3. What components of table appearance can be formatted using the align attribute? Both the Table Row <TR> and the Table Data <TD>. 4. How do you center-justify an XHTML table on a Web page? <div style= center > Table </div> 5. What attributes are used to span a single cell across multiple rows or columns, respectively? colspan= or rowspan=

7 1. You need to create a Web form that asks visitors to enter a password before they can access the next page. What input type would you use? Text input via a password field 2. Which Web form tag is used to create text boxes, check boxes, radio buttons, and the Submit and Reset buttons, but not select lists? The <input> tag rather than the <select> tag 3. What form field allows users to enter text such as a first or last name? a scrolling text area box 4. Write the XHTML tag to create a scrolling text area box that will report input results by the name of "Feedback." The box should be 30 characters wide and five rows tall. <TEXTAREA NAME=" Feedback" ROWS=5 COLS=30> </TEXTAREA> 5. In XHTML, do form tags need to be closed? Why or why not? The <form> tag is a container tag, so it requires both opening and closing tags.

8 1. What is an image map "hot spot"? A hot spot on an image is a specific area of the image defined by the developer and all instructions are included in the markup language. The attributes of this function include the shape of the image to construct, the coordinates of the selected hot spot and the URL specifying the location where the user will access upon execution. 2. If you do not have a graphics-editing program that shows you the coordinates of a given position in an image, how can you determine these coordinates? The coordinates required to setup and describe the hotspot is relative to the size of the image being used for the imagemap. Therefore all references are related to the current size of the image and the mathematical relative positions within the image. To place a circle in the exact middle of an imagemap, find the exact middle of the width of the image and then find the exact middle of the height of the image. Where these two points intersect is the exact middle of the image. Regardless of the shape selected, each point of reference requires calculation. Recalculation is required if the size of original image is changed. If the image is enlarged, the hot spot area will be smaller in proportion to the image. 3. Name the two coordinates used to define a point on any image shape. X1 and Y1 and any repeating incremental repeated points. 4. Name two Web-ready image file formats that support transparency. (Gif 87a & Gif 89a) and PNG formats support transparency. 5. A non-interlaced image will begin to render after the browser has read what percentage of the image file? 50%

9 1. What is the term for the file that defines the frames in an HTML or XHTML page? Frameset document. 2. Briefly describe a way in which frames can be useful in a Web site. Frames are most useful when you want to combine static and dynamic information together. An example of this would be a website for a news station. The news station would desire to have a branded look and feel which is consistent throughout the life of the website. These areas of a website essentially are the more static areas which normally change infrequently. Other areas of the website require frequent updating such as a breaking story or sports score. Efficient administration of the website requires a simple way to create this update. With frames you can update one simple file versus altering large files. 3. How can your frames-enabled Web site accommodate browsers that do not support frames? Frames syntax provides for the <noframes> tag which stands alone which can be read by the browser. When this occurs an alternate message appears which could include alternative information, alternate site navigation or more accessible areas.. The <noframes> element is placed between the <frameset> </frameset> tags. Any text message you display with the <noframes> tag must also be enclosed within <body> </body> tags between <noframes> </noframes>. 4. You are targeting frames with hyperlinks so that users can click a link in one frame and change the content of another frame. If you do not specify a target, where will the linked content appear? If you do not specify a target, the linked content will open into the same frame as the link itself. 5. What attribute can modify the space, in pixels, between the left and right side of the frame's contents? marginwidth= X

10 1. What is another common term for a graphical user interface (GUI) HTML editor? AKA What You See Is What You Get (WYSIWYG) editor. 2. What two types of HTML GUI editors are available? Page Editors & Site management editors. 3. List several HTML GUI editor applications currently available on the market. Coffee Cup; Netscape Composer; Microsoft FrontPage Express; Macromedia Dreamweaver; HomeSite; Adobe GoLive and Microsoft FrontPage. 4. What type of application offers an interface similar to an HTML GUI editor? A word-processing application. 5. Name a disadvantage of creating Web pages using an HTML text editor that is resolved by using a GUI editor. Creating custom Web pages quickly by using Templates and Wizards.

11 1. In programming, what is the term for a space of memory used to store information for later use? Variable 2. Name the four ways in which you can apply a style sheet when implementing CSS with XHTML. Inline Embedded Linked Imported 3. What programming language is platform-independent, is object-oriented, and is used to create applications called servlets? Java 4. What does Dynamic HTML do? DHTML provides animation, interaction and dynamic updating in Web pages. 5. What is the term for the API used to sta

12 1. What are the two most common e-commerce models? The (B2C) model and the (B2B) model are the two most common e-commerce models. 2. What is a material requirements plan? A MRP documents the steps taken to anticipate demand, and the ability of your suppliers to help you meet this demand. It involves determining the individuals, capital and other resources necessary to create the product. 3. What three technologies discussed in this lesson help e-commerce companies format information so that they can transfer data more easily? Which is the oldest? Electronic Data Interchange (EDI) is a universal method for formatting information so it can be transferred among organizations and is the oldest. Information sent via a proper EDI implementation is formatted consistently and has assured data integrity. Open Buying on the Internet (OBI) is based on open technologies, was designed as an alternative to EDI and was developed to target high-volume, low-cost transactions. OBI has an additional advantage because OBI orders are formatted in ANSI EDI X This format allows companies that have already invested heavily in EDI to make their current systems OBI-compliant. 4. What technologies discussed in this lesson help e-commerce companies exchange funds? Technologies which help e-commerce companies exchange funds include: Electronic Funds Transfer (EFT); Payment gateways; Secure Electronic Transactions (SET); Open Trading Protocol (OTP); and, Secure Sockets Layer (SSL)/Transport Layer Security (TLS). 5. What is an XML schema? If both numeric and word-based information is placed in the same field then the structure of the document will not properly imitate a database entry even though it valid XHTML. This fact introduces a problem, because XML does not in and of itself guarantee that data will be properly entered and processed. A schema controls and limits XML documents so that any data entered must follow strict rules. As a result, the information is much more searchable and can be manipulated much like information in a database. 6. What is a tariff? A tariff is a specialized form of tax levied on an item that passes across a country's border. Another term for tariff is duty.