ITEC50B (REVIEWER - 1)
Hypertext Markup Language (HTML)
* A markup used to create documents on the World Wide Web * It defines the structure and layout of a web document by using a variety of tags, elements, and attributes
Web Site Analysis
* define the appropriate web site content and functionality * identify the tasks that users need to perform * consider the process required to support web site features
Web Site Design and Development
* selecting the appropriate web structure * determining how to use multimedia * addressing accessibility issues * designing pages for an international audience
Internet
the world's largest network sometimes referred to as network of all network
Internet
was initially developed to aid in the progress of computing technology and used mainly by governments and educational institutions
An administrator in the construction industry
you could be organizing project meetings, you'd be typing up documents, responding to business enquiries, drawing up contacts and providing customer service
Dynamic HTML, Dynamic Page
* uses other scripting language to change the HTML based on input or events * typically written in various scripting languages or technologies such as ASP, PHP or JSP
Auditory Assistive technologies: * captions and alternatives for sound-necessary media
- can be non-sighted users, users with low-vision, users with obstructed vision or older users - users with hearing disabilities
HTML
is the formatting language used to design websites
A mobile user interface (mobile UI)
is the graphical and usually touch-sensitive display on a mobile device, such as a smartphone or tablet, that allows the user to interact with the device's apps, features, content and functions
World Wide Web
is the most popular part of the internet
HTML or Hypertext Markup Language
is the standard markup language for creating web pages. It describes the structure of a web page. It consists of a series of elements and these elements can tell browser how to display the content
Mobile user interface or mobile UI
is the way an app feels and looks while using the app. It's a bridge between your users and the app itself
etiquette
means the forms required by good breeding or prescribed by authority to be required in social or official life.
Hyperlink
present in resources enable users easily to navigate their browsers to related resources
Assistive Technology
provides services beyond those offered by the browser to facilitate user interaction with web content by people with disabilities
Web technologies
refers to the way computers/devices communicate with each other using mark-up languages
Web Site Testing
should be comprehensive and include a review of web page content, functionality and usability
THE PRINCIPLES OF GOOD WEBSITE DESIGN | An effective Web Design
should fulfill its intended function by conveying its particular message whilst simultaneously engaging the visitor
Static HTML
simply is what it is, the page is displayed and that's it
Internet
sometimes simply called 'the Net'. is a worldwide system of a computer networks
Administrators
support the smooth running of offices by carrying out clerical tasks and projects
Web Accessibility
People with disabilities can perceive, understand navigate and interact with the web, and that they can contribute to the web
Rule #10: Be forgiving of other people's mistakes
RULE #10: * You were once a newbie too! * If you do decide to inform someone of a mistake, point it out politely, and preferably by private email rather than in public. Give people the benefit of the doubt; assume they just don't know any better. And never be arrogant or self righteous about it
Rule #1: Remember the human
RULE #1: * It's not nice to hurt other people's feelings * Never mail or post anything you wouldn't say to your reader's face * Notify your readers when flaming
Rule #2: Adhere to the same standards of behavior online that you follow in real life
RULE #2: * Be ethical * Breaking the law is bad Netiquette * Laws in privacy * Laws in copyright infringement
Rule #3: Know where you are in cyberspace
RULE #3: * Netiquette varies from domain to domain * Lurk before you leap
Rule #4: Respect other people's time and bandwidth. You are not the center of the cyberspace
RULE #4: * Follow the rules of discussion groups * To whom should messages be directed?
Rule #5: Make yourself look good online
RULE #5: * Check grammar and spelling before you post * Know what you're talking about and make sense * Don't post flame-bait
Rule #6: Share expert knowledge
RULE #6: * Sharing your knowledge is fun. It's a long time net. And it makes the world a better place * Offer answers and help to people who ask questions on discussion groups
Rule #7: Help keep flame wars under control
RULE #7: * Don't respond to flame-bait * Don't post spelling or grammar flames * If you've posted flame-bait or perpetuated a flame war, apologize
Rule #8: Respect other people's privacy
RULE #8: * Don't read other people's private email, or hack into their account
Rule #9: Don't abuse your power
RULE #9: * With great power comes great responsibility * The more power you have, the more important it is that you use it well
netiquette
Simply stated, it's network etiquette -- that is, the etiquette of cyberspace. In other words, it is a set of rules for behaving properly online
dynamic page
Such pages, usually written in CGI, AJAX, ASP, or ASP.NET, take more time to load than simple static pages
Mosaic
The graphical browser developed by Marc Andreessen and his team at the National Center for Supercomputing Applications (NCSA) gave the big boost on Internet technology in 1993
.html
The most common file format and file extension of a web page is _____
Uniform Resource Locator (URL)
The most common form of URI is the _______________________________
Tools in web development: * Hypertext Markup Language (HTML) * Text editors * Web browser * Content Management System (CMS) * Static and Dynamic HTML
Tools in web development
* Electronic-mail (E-mail) * Information * Group Discussion * Entertainment * News * Online Shopping * Free Programs (software)
What can we do on the Internet?
Microsoft Internet Explorer
a full-scale entry into the browser server, and Internet Service Provider market completed the major shift over to a commercially based Internet
Content Management System (CMS)
a system providing a collection of procedures used to create and manage digital content in a collaborative environment. These procedures can be manual or computer based
Administration
also referred to as business administration, it's the management and application of the processes of an office, business or organization
Interfaces
are a collection of constants, methods (abstract, static, and default) and nested types
Enterprises
are building design playbooks to familiarize employees with standard design practices and workflows
static web apps
are commonly built using libraries and web frameworks like Angular, REACT, Svelte, Vue or Blazor where server-side rendering isn't required. These apps include HTML, CSS, JavaScript and image assets that make up the application
The Principles of Design
are made up of various mixes of the elements of design all put together in one picture, making the picture look better
Web technologies
are the markup languages such as HTML, XML, and XHTML and multimedia packages computers use to communicate
<!DOCTYPE html>, <html> </html>, <body> </body>
All HTML documents must start with a document type declaration: ________________, The HTML document itself begins with _______ and ends with ________, The visible part of the HTML document is between _________ and _________
Stardization: Design Tools
are used to standardize design practices throughout an organization to deliver consistent design and brand recall for all of its products.
A static website
is one with stable content, where every user sees the exact same thing on each individual page
HTTP or Hypertext Transfer Protocol
is the TCP/IP protocol used to deliver webpages from servers to clients.
Administration
It involves the efficient and effective organization of people, information, and other resources to achieve organizational objectives
Web technologies
It is a communication across web, and creates, delivers, or manages web content using Hypertext Markup Language or HTML
Web administrators
Most importantly, they ensure a safe and efficient user experience. This may include implementing security protocols, modifying programs, creating backups, resolving software programs, updating content, and more
Visual Assistive technologies: * Screen readers * Brail output * Text zooming * High color contrast controls * Keyboard navigation
can be non-sighted users, users with low-vision, users with obstructed vision, or older users
Web tools
can be used to enhance teaching and collaboration among teachers and students as well as increase professional collaboration between educators
Linear Web Site
connects pages in a straight line, appropriate if the information on the web pages should be read in a specific order
Hierarchal Web Site
connects pages in a tree-like structure, works well in site with a main index or table of contents page that links to all other web pages
Web administrators
design, develop, maintain and troubleshoot websites
A dynamic page
displays different content for different users while retaining the same layout and design
Internet
has become the number one source to information
Motor Assistive technologies: * users keyboard instead of mouse * eye trackers * single buttons for navigation
has limitation in the independent or purposeful physical movement of the body
Webbed Web Site
has no set organization, works best on web sites with information that does not need to be read in a specific order and with many navigation options users can select
Web Applications
have become more powerful and can fully replace desktop application in most situations
Website administrators
helps a company by maintaining its website and enhancing its online presence
Cognitive Assistive technologies: - spelling and grammar tools - bookmark and history - text-to-speech - voice browser
involve disorders of any part of the nervous system, including the brain and peripheral nervous system
Web Site Planning
involves identifying the goals or purpose of the website (what is the purpose? who will use it >> age, gender, demographic background, and level of computer literacy)
Web Site Implementation
involves the actual publishing of the web pages to a web server
Web development
is a broad term for the work involved in developing a web site for the internet, (www) or an intranet (private network)
INTERNET
is a public, cooperative, and self-sustaining facility used by millions of people worldwide including individuals, small and large businesses, associations, schools, universities, and governments
Web browser
is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI)
Text Editor
is a software application used for creating web pages. Although the HTML markup of a web page can be written with any ________________, specialized HTML editors can offer convenience and added functionality
Web components
is a suite of different technologies allowing you to create reusable custom elements - with their functionality encapsulated away from the rest of your code - and utilize them in your web apps
Learning Web Technology
is essential today because Internet has become the number one source of information, and many of the traditional software applications have become Web Applications
Internet
is generally defined as vast collection of computers connecting throughout the world
HTTP
is just a protocol used to convey data over the internet
UI
is one of the final phases of app development and an essential part of user experience. It's all about creating enjoyable and friendly experience for the user
Deep Web Site
is one that has many levels of pages, requiring the user to click many times to reach a particular web page
A dynamic website
is one where content is pulled on-the-fly, allowing its content to change with the user
Broad Web Site
is one which the home page is the main index and all other web pages are linked individually to the home page