1. CS-3432 Electronic Commerce Lecture – 10 Sikandar Shujah Toor https://sites.google.com/site/uolcsecom

2. tag attributes We can embed video and music into our web pages with tag Autostart=“False” Loop=“3” Hidden=“True” Height = pixel Width=pixel Src = url Source file name Type = MIME type of embedded content

3. Example - Embedding Example - Embedding Click the Play button below to listen to music: Click the Play button below to view video:

4. Embed Example

5. tag Attributes Used to scroll the text horizontally across the screen Align=“top” or “bottom” Direction=“”left” or “right” Behavior=“Scroll” or “Slide” or “Alternate” Loop=“5” Scrollamount=“5” Width=“200” Height=“100” Bgcolor=“yellow”

6. Marquee - Example Marquee The name of our university is University of Lahore, Lahore

7. Marquee Example

8. Cascading Style Sheet (CSS) It is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document Make the ‘look & feel’ of web pages easy to change Can be embedded in the html page or in a separate file with.css extension File name is given in portion of html file

9. A Simple Example Style Sheets: Example H1 {font-size: 50pt; color:#fed123; background-color:blue} Style Sheets: A Very Simple Example

10. CSS Example

11. Embedded Example <!-- H1{font-size:42pt; background:cyan} --> An Example of Embedded Method

12. Embedded CSS

13. CSS file Example This heading-1 is green This heading-2 is red This line has a 40pt font

14. css-sheet.css h1{color:green} p{font-size:40pt} h2{color:red}

15. CSS Example

16. css-sheet.css.T1{font-size: 20pt;color:blue;text-align:left}.T2{font-size: 25pt;color:red;text-align:right}.T3{font-size: 30pt;color:green;text-align:center}

17. Style Sheets: Style Classes This text is in blue, left aligned This text is in red, right aligned This text is in green, center aligned Div Classes & CSS

18. Div Class Example

19. Span Tag The tag is used to group inline-elements in a document. The tag provides no visual change by itself. The tag provides a way to add a hook to a part of a text or a part of a document

20. css-sheet.css.s1{font-size: xx-small;color:red}.s2 { font-size:small; color:blue } span {font-size: x-small; color:green}

21. Using Styles to Control Fonts Style Sheets: Font Sizes We off the following products in Our store: Books, Gifts, Cosmetics, Garments, Electronics, Computers and Household Utencils You can also buy DVDs and music CDs. We offer Greeting Cards also.

22. Font Control with Span Example

23. Style Sheets: Font Families <!--.fonttype1 {font-size: 23pt; font-family: "Times New Roman"; color:green}.fonttype2 {font-size: 26pt; font-family: "Arial"; color:yellow}.fonttype3 {font-size: 15pt; font-family: "Courier New"; color:red} --> This sentence is in Times New Roman This one is in Arial Font Type This is in Courier New Font Type The Arial Font Family This line is in Tahoma Font Family Font Families

24. Font Families - Example

25. Indenting the First Line <!-- P {text-indent: 0.75in; font-size:15pt} --> Electronic commerce, commonly known as e-commerce, is the buying and selling of product or service over electronic systems such as the Internet and other computer networks. Electronic commerce draws on such technologies as electronic funds transfer, supply chain management, Internet marketing, online transaction processing, electronic data interchange (EDI), inventory management systems, and automated data collection systems. Originally, electronic commerce was identified as the facilitation of commercial transactions electronically, using technology such as Electronic Data Interchange (EDI) and Electronic Funds Transfer (EFT). These were both introduced in the late 1970s, allowing businesses to send commercial documents like purchase orders or invoices electronically. Indenting the First Line