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

Similar documents
Lesson Review Answers

Introduction to Web Design Curriculum Sample

Introduction to XHTML. 2010, Robert K. Moniot 1

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts

QUESTION BANK COMPUTER SCIENCE. Class VIII LESSON-1 INTRODUCTION TO MS ACCESS

Creating Web Pages with Microsoft FrontPage

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Contents. Launching FrontPage Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

Short notes on webpage programming languages

Designing HTML s for Use in the Advanced Editor

HTML Tables. IT 3203 Introduction to Web Development

Using Adobe Dreamweaver CS4 (10.0)

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

Website Planning Checklist

Caldes CM12: Content Management Software Introduction v1.9

Microsoft FrontPage 2003

Introduction Designing your Common Template Designing your Shop Top Page Product Page Design Featured Products...

About XML in InDesign

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

Creating Personal Web Sites Using SharePoint Designer 2007

IE Class Web Design Curriculum

Outline. CIW Web Design Specialist. Course Content

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

Frames. In this chapter

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601

ADOBE DREAMWEAVER CS3 TUTORIAL

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver

IAS Web Development using Dreamweaver CS4

Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design.

WEB DEVELOPMENT IA & IB (893 & 894)

Web Design & Development - Tutorial 04

BLACKBOARD 9.1: Text Editor

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

JISIS and Web Technologies

Basic tutorial for Dreamweaver CS5

Web Design Specialist

Madison Area Technical College. MATC Web Style Guide

Microsoft Expression Web

Course: CSC 224 Internet Technology I (2 credits Compulsory)

ebooks: Exporting EPUB files from Adobe InDesign

Umbraco v4 Editors Manual

Web Authoring. Module Descriptor

Fast track to HTML & CSS 101 (Web Design)

File types There are certain image file types that can be used in a web page. They are:

Introduction to Dreamweaver

Web Development 1 A4 Project Description Web Architecture

04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks

Microsoft Expression Web Quickstart Guide

Creating your personal website. Installing necessary programs Creating a website Publishing a website

Viewing Form Results

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

CUSTOMER+ PURL Manager

Web Design and Development Program (WDD)

Advanced Drupal Features and Techniques

South Plainfield Public Schools Web Design Scope and Sequence of Curriculum Grade Date August 2011

HTML Forms and CONTROLS

Web Developer Jr - Newbie Course

ART 379 Web Design. HTML, XHTML & CSS: Introduction, 1-2

DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site

ITP 101 Project 3 - Dreamweaver

Please select one of the topics below.

Create a Web Page with Dreamweaver

HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout

Web Portal User Guide. Version 6.0

How to create pop-up menus

Dreamweaver Domain 2: Planning Site Design and Page Layout

PDG Shopping Cart 4.0. Quick Start Guide

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

WYSIWYG Editor in Detail

How to Use the Text Editor in Blackboard

How To Create A Website In Drupal 2.3.3

HTML. A computer network is a collection of computers linked through cables or wireless means.

Dreamweaver. Links and Tables

Chapter 10: Multimedia and the Web

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

HTML, CSS, XML, and XSL

Appendix H: Cascading Style Sheets (CSS)

Basic Website Creation. General Information about Websites

Adobe Dreamweaver CC 14 Tutorial

Dreamweaver and Fireworks MX Integration Brian Hogan

Lesson 1 Quiz. 3. The Internet is which type of medium? a. Passive b. Broadcast c. One-to-one d. Electronic print

Getting Started with KompoZer

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION

How to Build a SharePoint Website

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers

General Electric Foundation Computer Center. FrontPage 2003: The Basics

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Previewing & Publishing

Making Content Editable. Create re-usable templates with total control over the sections you can (and more importantly can't) change.

Joomla! Actions Suite

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

CLASSROOM WEB DESIGNING COURSE

Using Microsoft Word. Working With Objects

By Glenn Fleishman. WebSpy. Form and function

Contents. Introduction Downloading the Data Files... 2

Developing Website Using Tools

Transcription:

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 e-mail to wireless handheld devices? This is Wireless Application Protocol (WAP).

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.

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.

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.

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 e-mail message when he or she clicks the link. You want to pre-address the e-mail messages to info@habitat.org. The hyperlink text should read "Please send e-mail 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>

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=

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.

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%

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

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.

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

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 X12 850. 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.