CC 779 - Web Development, Day 1 and 2

A storyboard is a document that describes the:

purpose and intended audience for a web site, and provides a rough outline of the pages needed

Why is web or browser programming broken up into three parts?

to be resilient to changes in technology

What is the purpose of the W3C Authoring Tool Accessibility Guidelines (ATAG)?

The Authoring Tool Accessibility Guidelines (ATAG) 2.0 provides guidelines for designing web content authoring tools that are both more accessible to authors with disabilities (Part A) and designed to enable, support, and promote the production of more accessible web content by all authors (Part B)

What is HTML 4?

The HTML 4.01 Recommendation (released in 1999) contained many improvements from HTML 3.2, most notably Cascading Style Sheets (CSS). The 4.01 specification included minor modifications to the 4.0 specification. HTML 4.01 supported multiple spoken languages. For example, HTML 4.01 allowed you to create Webpages that read languages such as Hebrew from right to left. HTML 4.01 also allowed you to create ambitious tables and forms, as well as incorporate scripting languages.

What is the purpose of a markup validation and the W3C URL for markup validation?

The Markup Validation Service is a validator by the World Wide Web Consortium (W3C) that allows Internet users to check pre-HTML5 HTML and XHTML documents for well-formed markup against a document type definition. Markup validation is an important step towards ensuring the technical quality of web pages.

What is the purpose of the W3C?

The W3C mission is to lead the World Wide Web to its full potential by developing protocols and guidelines that ensure the long-term growth of the Web.

What happens when HTML is broken because of a bug in the code?

The browser guesses what you meant, and does its best to fix the bug itself. Browsers were built on the understanding that things can go wrong, and are extremely forgiving.

What is the difference between HTML and XML?

The key difference between HTML and XML is that HTML displays data and describes the structure of a webpage, whereas XML stores and transfers data. XML is a standard language which can define other computer languages, but HTML is a predefined language with its own implications.

Identify the type on input provided by stakeholders.

The purpose of the Website. The site's look and feel. The services that the audience requires from the site. Budget Timeline

What semantic elements were introduced with HTML 5?

The semantic elements added in HTML5 are: <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time>

How many flavors of HTML 4.01 are there?

Three 1 - HTML 4.01 Transitional 2 - HTML 4.01 Strict 3 - HTML 4.01 Frameset

What is the purpose of the of the Web Accessibility Initiative (WAI)?

Web Accessibility Initiative (WAI) is an effort to improve the accessibility of the World Wide Web (WWW or Web) for people with disabilities. People with disabilities may encounter difficulties when using computers generally, but also on the Web.

What is the purpose of the Web Accessibility Content Guidelines (WCAG)?

Web Content Accessibility Guidelines (WCAG) 2 is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of providing a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

What does it mean to make a website accessible?

Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can: perceive, understand, navigate, and interact with the Web.

What is a wifeframe? Identify a wireframe

Wireframing is a way to design a website service at the structural level. A wireframe is commonly used to layout content and functionality on a page which takes into account user needs and user journeys. Wireframes are used early in the development process to establish the basic structure of a page before visual design and content is added.

What is the purpose of the ADA?

ADA requires that businesses, state and local governments, and nonprofit services providers make accommodations for the disabled public to access the same services as able-bodied patrons. Movie theaters, digital media, websites, and ICT are required to be accessible to people with disabilities.

What are markup languages?

Able to be read outside of the internet browser such as Your smartphone, tablet, smart TV and gaming console are all capable of reading markup languages.

What is a markup language?

A markup language is a computer language that uses tags to define elements within a document. The two most popular are HTML and XML

What is MIME?

A protocol that enables operating systems to map file name extensions to corresponding applications. Also used by applications to automatically process files downloaded from the Internet.

Know and identify a sitemap.

A storyboard or sitemap is a hierarchal depiction of the pages within your website.

What is a text editor? What are some examples?

A text editor is any program that allows you to type simple text and edit it, such as Microsoft Notepad and WordPad, or UNIX-based programs such as Vi and Pico. However, you must save your code files as plaintext. Any formatting instructions embedded in a file by a word-processing program, for example, can prevent the file from functioning properly.

Identify the steps in the Web Development Project Cycle and describe each one.

1 - Create and document an initial Website plan. 2 - Obtain relevant input from stakeholders. 3 - Communicate the Website plan. 4 - Consider technical and non-technical concerns. 5 - Develop the website. 6 - Publish the website. 7 - Website maintenance.

Understand the tasks performed during website maintenance/management.

1 - Create new content 2 - Update dead links 3 - Remove old sites 4 - remove unused pages 5 - ensure connectivity 6 - report access issues 7 - process feedback to determine changes

What are the web technologies that make the "Web Development Trifecta?"

1 - HTML 2 - Javascript 3- CSS

What semantic elements were added by HTML 5?

1 - video 2 - audio 3 - drag and drop capabilities 4 - offline storage 5 - geolocation

What is HTML 4.01 Transtional?

4.01 Transitional—allowed developers to insert formatting using either CSS or traditional layout instructions (e.g., HTML font, color and phrase elements). This version rendered in browsers that did not support HTML 4.01 features such as CSS. This version also allowed tags that the W3C considered to be less useful, known as "deprecated tags."

What is 508, ADA, and WCAG?

All three standards - 508, ADA, and WCAG - have the same goal: to make electronic and information technology accessible to people with disabilities (e.g., color blindness, vision disabilities, hearing disabilities) in a way that is comparable to the access available to others. There are typically three types of requirements for compliance:

What does CSS stand for and what is its purpose?

CSS stands for Cascading Style Sheets. Style sheet language that provides the formatting and "look" of a Webpage or document written in a markup language

Which hosting solution is characterized by a service provider that allocates space for your equipment but does not provide the server hardware?

Co-location

As leader of your company's web team, you have been asked to give an oral presentaiton of plans for your company's new web site. What must you do to ensure that the stakeholders responsible for funding the project understand the goals of the site?

Ensure that you clarify technical concepts for a non-technical audience

What is XML?

Extensible Markup Language (XML) is a language used to describe data elements on a Webpage. XML enhances the structure and navigation of data. It is not used to format the page's appearance. Businesses use XML because it allows data to be interchanged with all types of applications. XML is often misunderstood. Many people think XML is just another set of markup used to format Webpages. This assumption is incorrect. In fact, XML is not used to format Webpages, but to describe the data from which Webpages are created. The W3C governs the development of XML.

What is a GUI editor? What are some common GUI editors?

Graphical user interface (GUI) markup editor applications place markup instructions into files for you; you do not need to know HTML to use GUI editors. Popular GUI HTML editors include Adobe Dreamweaver, Microsoft Expression Web, Mozilla SeaMonkey and Google Web Designer.

What is HTML 3?

HTML 3.2 is an older but functional HTML standard. Some Webpages and HTML editors still use the 3.2 and 4.01 standards.

Which must you use to place web pages inside each other to create separate panes in the browser window?

HTML 4.01 Frameset

What is HTML 4.01 Framset?

HTML 4.01 Frameset — required for pages that used HTML frames, which placed Webpages inside each other to create separate panes in the browser window. Some felt that frames provided additional functionality or enhanced a site's look and feel.

What is HTML 4.01 Strict?

HTML 4.01 Strict —required the exclusive use of CSS when defining layout instructions. Deprecated tags were not allowed and generated errors.

What is the most recent version of HTML?

HTML 5.2 is the latest version

What did HTML 5 do?

HTML5 provides modern requirements for the Internet with fewer plug-ins, such as the ability to standardize how video and audio are presented on a Webpage.

What does HTML stand for and what is it?

Hypertext Markup Language (HTML). It is the standard markup language on the Web, and in other settings. HTML is standardized by an organization called the World Wide Web Consortium (W3C). HTML is the markup language that defines page structure, hyperlinks, graphics and more to enable pages to render in Web browsers and other devices.

What is meant by outsourcing?

IT outsourcing is the use of external service providers to effectively deliver IT-enabled business process, application service and infrastructure solutions for business outcomes.

What support was added with HTML 4.01?

In addition to the text, multimedia, and hyperlink features of the previous versions of HTML (HTML 3.2 and HTML 2.0), HTML 4 supports more multimedia options, scripting languages, style sheets, better printing facilities, and documents that are more accessible to users with disabilities.

Which of the following is no longer necessary when you use HTML5 to develop web pages?

Installing a third-party plug-in to include video

Describe path

It defines the location of stored data within the file system of a storage device.

What is a file?

It is a collection of data stored in one unit, managed by the file system of a storage device.

What is a directory?

It is a file system object that organizes data within the file system of a storage device.

What is a folder?

Its purpose is to store documents and organize data within the file system of a storage device.

Which is the most powerful and fragile of the browser programming languages?

JavaScript JavaScript can perform complex logic, but this can get a user into trouble.

Which browser is text-based, supports braille displays and screen readers, and is considered useful for testing website accessibility?

Lynx (Double)

What is the purpose of MIME?

MIME (Multipurpose Internet Mail Extensions) is an extension of the original Simple Mail Transport Protocol (SMTP) email protocol. It lets users exchange different kinds of data files, including audio, video, images and application programs, over email.

What is HTML?

Markup language used for structuring and presenting Webpage content

What are responsive design principles?

Principles that enable a Website to be dynamic and accessible on every sized device available. Responsive design includes practices like defining sizes in percentages rather than absolute pixels, and checking device specifications to deliver one of multiple style sheets that best fit the user's needs.

Which type of editor is used to develop HTML and CSS files?

Pure

Which task is associated with web site maintenance?

Removing dead links

What is Javascript?

Scripting language that provides dynamic, interactive capabilities to Webpages

You have contracted with a division of the US Department of the Interior to create web pages for a site that has visitors who may be visually impaired.Which must you consider as you design web pages for maximum accessibility by this audience.

Section 508 of the Rehabilitation Act

What is the difference between ADA and Section 508?

Section 508 requires that accommodations be made for federal employees and members of the public with disabilities who wish to access government Information and Communications Technology (ICT), including government websites and multimedia. (Access-Board.gov) ADA requires that businesses, state and local governments, and nonprofit services providers make accommodations for the disabled public to access the same services as able-bodied patrons. Movie theaters, digital media, websites, and ICT are required to be accessible to people with disabilities.

What is the purpose of Section 508 of the Rehab Act?

Section 508 requires that accommodations be made for federal employees and members of the public with disabilities who wish to access government Information and Communications Technology (ICT), including government websites and multimedia. (Access-Board.gov) Section 508 is limited to those in the federal sector and doesn't apply to the private sector. Federal agencies include: Government agencies Federally-funded non-profits Public higher education institutions Public K-12 schools