300 likes | 433 Vues
This project focuses on building a simulated e-business platform that showcases e-commerce capabilities. It emphasizes the HTTP and HTML languages for effective communication between clients and servers during web requests. You'll learn to create, format, and present web pages using essential HTML tags for structuring content, including headings, paragraphs, lists, and images. Additionally, you will explore HTTPS for secure transactions, ensuring data integrity while transferring sensitive information like credit card numbers. Join us in mastering the fundamentals of e-commerce!
E N D
e-commerce & e-business upcoming project create a simulated e-business with e-commerce ability
HTTP Language web comm interface between client and server while transferring web requests (eg, HTML pages)
HTML Language of a web page interface between server and user presenting the visible page
HTML text document used by Web browsers to present and format hypertext
HTML See HTML via [view | source]
HTML tags A key element of HTML “command” not data Eg <p> means paragraph
HTML tags title <title> eBiz site </title> Displayed in browser window title bar
HTML tags headings <h1> important </h1> h1 through h6
HTML tags paragraphs <p> a paragraph of text</p> A “block”
HTML tags emphasis This is a very <em>interesting</em> web site!
HTML tags Graphic images <img src = “vette.jpg” width=“175” height=“125”> width and height not required (loads faster)
HTML tags “fallback” plan If image can’t be seen <img src = “vette.jpg” width=“175” height=“125” alt=“My wife’s vette” >
HTML tags alt will display the text longer description needed? <img src = “vette.jpg” width=“175” height=“125” alt=“My wife’s vette” longdesc=“vette.html”>
HTML tags Links (hyperlinks) <a> tag (anchor) <a href=“http://www.w3.org”> W3C </a> Off-site link
HTML tags On-site link <a href= “vette.html”> Corvette Info </a> href = hyperlink reference url of resource
HTML tags Link on graphic image <a href="/"> <img src="logo.gif" alt="home page"> </a> logo might be company logo
HTML tags Link on graphic image <a href="../images/vette.jpg">C4 Corvette map</a>
HTML tags Phishing attack <a href=“www.bad.com">www.good.com</a>
Phishing Recent attack
HTML tags Lists <ul> unordered list <li> list item <ul> <li> first list item </li> <li> second list item </li> </ul>
HTML tags Ordered lists <ol> and <li> tags <li> list item
HTML tags Force a line break <br> (break) <p>CUW<br>12800 LSD dr<br>Mequon, WI<br> </p>
HTML tags non-breaking spacing don’t allow browser to break the line here 12800 LSD dr
HTML tags link to middle of page provide an anchor <h2><a name=“engine"> Vette Engine</a></h2>
HTML tags link to middle of page # reference <li><a href="#engine"> Vette Engine Info </a></li>
resource design help http://www.webstyleguide.com/ link
HTML Why learn HTML? if FrontPage can create the HTML, why learn it? - optimize “code” - advanced techniques
HTTPS secure version of HTTP use to “encrypt” comm so “plain text” cannot be intercepted and read (eg, credit card numbers)