1 / 20

Web 2

Web 2.

irish
Télécharger la présentation

Web 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web 2 To meet the College NOW Program requirements, demonstrating proficiencies in skills and understandings from their curriculum, the following information will be tested for; correct responses totaling 80% or more will earn equivalent grades, and fulfill the requirements for college credit award.

  2. A web page is a single html document (possibly with images etc.), but a web site is a collection of web pages which are linked to each other and on their own domain name. Distinguishing between a web page and a web site

  3. A static page is one which is designed to look only one way, independent of who is viewing it (like any normal informational page). fundamental differences between static and dynamic web pages

  4. A dynamic page is generally created in ASP, PHP, or CMF and is dependent on who is viewing it or what account is logged in. It pulls up different content/styles based on the person logged in/buttons that have been clicked (like a shopping cart which displays different items depending on what the person choose to add to their cart, each cart is custom). fundamental differences between static and dynamic web pages

  5. A client-server model is where there is a network linking a client (the user who wants a service) to the server (which provides the service and is designed only to share services). the client-server (producer-consumer) relationship as it pertains to modern web architecture.

  6. The client initiates the connection with the server and the server sends back the requested information. Ex: e-mail, web browsing, data accessing etc. (since all of these have a client who asks for a service and the server provides the service). the client-server (producer-consumer) relationship as it pertains to modern web architecture.

  7. Web architecture is part of the client server relationship. It refers to software in the middle (such as PHP and other server-side programs) which will access a database. architecture of a modern web site: both single and multi-tiered

  8. A multi-tiered system involves multiple “middlemen” before the data reaches the user from a server. architecture of a modern web site: both single and multi-tiered

  9. HTML HTML Stands for Hyper Text Markup Language. It is the most used language to display content on the Internet. It uses beginingand closing tags. It supports CSS and JavaScript inside of it. All browsers support it. XHTML A more strict version of HTML. The X stands for Extensible. Types of Web Languages

  10. SHTML Stands for Server Side Include HTML. It is like HTML, except you can use the include tag and others used in servers. XML XML is a language where you can create your own tags; it stands for Extensible Markup Language. It is used to create and store data since you can make you own tag (such as <note>sample text</note> to create a note with properties you can specify). Types of Web Languages

  11. CSS Stands for Cascading Style Sheets. It is used with HTML to create design changes to a site (the advantage is one file can contain the design style for an entire site so it is easy to change designs, even with hundreds of pages). Also can change more features of a page design than HTML alone. CSS can be used inline, at the top of the page, or in a separate file. JavaScript A language used for adding scripting functionality to a page to make it user interactive. Types of Web Languages

  12. .png– stores translucency, good for artificial or computer generated images .jpg – has a very good compression, especially good for real pictures from a camera .gif – supports transparency but is not as good as the two above (except it is the best for a short [couple frame] animation since no other image format can do that) web graphic file formats & selection

  13. Other formats rarely used on the web: .tiff, .bmp – very large file sizes .svg – small file size and “infinite” resolution (since it is a vector image) but not well supported web graphic file formats & selection

  14. Other formats rarely used on the web: .tiff, .bmp – very large file sizes .svg – small file size and “infinite” resolution (since it is a vector image) but not well supported web graphic file formats & selection

  15. Separating presentation makes it easy to change the site from a design perspective (even with hundreds of pages). Also if the content is separate you can change the content to update the page without having to mess with the design. separating content from presentation in modern web development

  16. STANDARD WEB MULTIMEDIA DIFFERENCES & EXAMPLES Types Examples Any video, as on youtube Images at images.google.com Songs iTunes, sound effects or background music on site Interaction of user with site, based on user input (with a mouse, keyboard, etc…) • Video is a non-interactive moving display • Images are stills • Sound anything meant to be heard through speakers • Interactive content is content which will change based on user input

  17. STANDARD WEB MULTIMEDIA DIFFERENCES & EXAMPLES Semantic Web Semantic HTML tags used to let the browser apply its own formatting • stresses text formatting For example: use <em> instead of <i> or use <cite> instead of applying many types of formatting Notice when you use <cite> you tell the browser you are citing something so it can format however it wishes

  18. W3C’s WCAG are guidelines to help webpages be more accessible to people with disabilities. Some examples are visually impaired, browsers, operating systems, screen size, hearing, download speeds, etc. web accessibility guidelines - W3C’s WCAG 1.0 (and 2.0) & techniques necessary to develop accessible pages

  19. Some Techniques: Provide alternatives for people who are visually impaired and/or have a hearing disability Make the navigation and content clear to understand Use style sheets and do so properly Allow the user to stop animated content web accessibility techniques

  20. Create CSS options that address issues of the CV site concerning accessibility Assignment

More Related