Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Community
Ask the community
Ask the community for help and clear up your study doubts
University Rankings
Discover the best universities in your country according to Docsity users
Free resources
Our save-the-student-ebooks!
Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors
Understanding the Basics of Web Technologies and E-Commerce, Study notes of Information Technology
An overview of various web technologies such as backbone, mime type, internet protocols, markup languages, html5, web design, and e-commerce. It covers concepts like client/server, web client, web server, ftp, email protocols, ip, domain name system, url, and more. Additionally, it discusses e-commerce, its advantages and risks, e-commerce business models, and e-commerce security.
Typology: Study notes
2011/2012
1 / 9
Related documents
Partial preview of the text
Download Understanding the Basics of Web Technologies and E-Commerce and more Study notes Information Technology in PDF only on Docsity! Backbone - Lots of things can happen behind the scene - ISP: Internet Service Provider send internet to the houses, business, etc. Client/Server - Client sent request to Server -> Server returns the information. - Client is Web browser - Server is Web server Web Client - Protocol: rule to communicate btw Client/Server - Requests web pages from server - Receives web pages and files from server Web Server - Runs web server software(such as Apache or IIS) - Receives request for webpage - Responds to request and transmits status code, web page, and associated files MIME Type - Multi-Purpose Internet Mail Extension o A set of rules that allow multimedia documents to be exchange Internet Protocols - No single protocol that makes the Internet and Web work. FTP - FPT used to download programs and files from other servers to individual computers. Email Protocols - Sending Email o SMTP Simple Mail Transfer Protocol TCP/IP Transmission Control Protocol/Internet Protocol IP - IP routes a packet IP Address: unique address, can tell who u r in the internet, it may respond to a domain name. Domain Name is also unique Domain Name System - Divides the Internet into logical groups and understandable names. - Associates unique computer IP - Browser http://google.com - IP address: 74.125.95 URL Uniform Resource Locator TLD Top-Level Domain Name - TLD some insights - .net: network - .biz = .com DNS Domain Name System - Associates with the Domain names with IP address Thursday, January 26, 2012 Markup Languages - ML: set of directions that instruct the browser how to display and manage a web document. - Tags: used as directions to perform functions such as displaying elements, formatting text, etc. - SGML: Standard Generalized Markup Language - XML: eXtensible Markup Language o A text-based language designed to describe. o Not intended to replace HTML o Search engine will use this format to collect information. HTML 5 - The next version of HTML 4 and XHTML 1 Web Design - Front End o Web Design: HTML, CSS, JavaScript HTML: Base Template CSS: Styling JavaScript: Functionality - Back End o Web Programming: PHP, Java, etc. Credit Smart Card Micropayments - E-Commerce Storefront Solution o Instant Online Storefront: Yahoo, Earthstores, S hopify Tuesday, February 07, 2012 Learning Outcomes - HTML: the set of markup symbols or codes placed in a file intended for display on a Web browser page. - The World Wide Web Consortium - HTML Element: o Each tag has a purpose o Tags are enclosed in angle brackets, “<” and “>” symbols. Title Tags Body Tags Color, etc o Most tags come in pairs: an opening tag and a closing tag. - XHTML o The newest version of HTML - XML Syntax o An XML document must be well-formed Use lower case Use opening and closing tags <body> </body> Close stand-alone tag with special syntax <hr/> - Document Type Definition(DTD) Thursday, February 09, 2012 - Tools o Active Labs - First Web Page o Top of web page <!DTD> <html> open tag </html> close tag - Head & Body Sections o Head Section: contains information that describes the web page document <head>abc</head> <body>fuck</body> - XHTML o Heading Element <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> - Hot Keys o Ctrl + C = Copy o Ctrl +V = Paste o Ctrl + A = Select All - P tag <p></p> - Blockquote tag <blockquote> Tuesday, February 14, 2012 - Hierarchical Too Deep o Be careful that the organization is not too deep This results in many “clicks” needed to drill down to the needed page. User interface “Three Click Rule” o A web page visitor - Design Principles o Repetition Repeat visual elements throughout design o Contrast Add visual excitement and draw attention o Proximity Group related items o Alignment - Web Page Design: Load Time o Watch the load time of your pages o Try to limit web page document and associated media to under 60k on the home page - Web Page Design: Target Audience o Design for your target audience Appropriate reading level of text Appropriate color Appropriate animation - Web Page Design: Colors & Animation o Use colors and animation that appeal to your target audience - Web Page Design: Screen Resolution o Test at various screen resolutions Most widely used: 1024x768, 1280x1024 and 800x600 Centered page content - Web Design Page: Wireframe o A sketch of blueprint of a Web page o Shows the structure of the basic - Lay out o Place the most important information “above the fold” o Avoid long blocks of text o Use bullet o Headings and subheadings o Short paraghphs - Text Design : Easy to Read Text o Use common fonts o Use appropriate text size: 16px, 12pt, 100% o Use strong contrast o Bold text as needed o Avoid “click here” o Hyperlink key words or phrase, not entire sentences o Separate text with “white space” or empty space o Check your spelling o Be careful large graphics: remember 60k recommendation o Use alt attribute to supply descriptive alternate text Thursday, February 23, 2012 - CSS Syntax Sample o Body{color:blue;} o Page 78 - Hexadecimal Color Values o # is used to indicate a hex. Value o Hex value pairs range from 00 to FF - Making Color Choices o Monochromatic: o Choose from a photograph or other image o Begin with favorite color - The Font-size Property Tuesday, February 28, 2012 - CSS Page Layout Overview o W3C recommendation - CSS Page Layout Advantages
Copyright © 2024 Ladybird Srl - Via Leonardo da Vinci 16, 10126, Torino, Italy - VAT 10816460017 - All rights reserved