lowell
Uploaded by
9 SLIDES
212 VUES
90LIKES

Enhancing Web Pages: Image Maps, CSS, Multimedia Integration, and Server Interactivity

DESCRIPTION

This chapter delves into advanced web page options, covering topics like image maps for linking specific areas of images, cascading style sheets (CSS) for styling text and layout, and server programming with CGI and Java applets. Learn how to create interactive web pages that can connect with server programs, handle form data, and integrate multimedia elements such as audio and video. Find out how to use tools and resources for developing these features effectively, ensuring your web pages are dynamic and engaging.

1 / 9

Télécharger la présentation

Enhancing Web Pages: Image Maps, CSS, Multimedia Integration, and Server Interactivity

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. Chapter 34. Advanced Web Page Options

  2. Contents • Image Maps • Cascading Style Sheets • Programming to Pages • Java Applets • Making Pages Interact with a Server Program • Adding Multimedia • Adding Audio & Video to Web Pages

  3. Image Maps • 그림의 특정 영역에 link를 시킨 것 • Client-Side Image Maps • 이미지 맵 소스가 HTML파일에 나옴(p.787) • Server-Side Image Maps • 이미지 맵 소스가 다른 파일로 정의 됨 • Creating Image Map Code • 제작 Tool 사용 • LiveImage(PC) : http://www.liveimage.com • Imagemapper tool(PC) : http://www.1automata.com • PageMill http(PC/Mac) : www.adobe.com • Imaptool(X window)

  4. Cascading Style Sheets • Text의 표현 방법에 대한 정의 • 기본적인 위치나, 색깔, 폰트, 크기 등을 모두 지정할 수 있다. • 참고 : DSSSL, XML문법의 XSL • 관련 문서 : http://www.w3.org/Style/ • Web Editor 등에서 손쉽게 만들 수 있다.

  5. Programming to Pages • 서버에 존재하는 프로그램 • CGI (Perl or C) • 페이지 자체에서 실행하는 프로그램 • JavaScript, Java, VBScript, ACtiveX • 관련 문서 • http://javascrpit.developer.com • http://developer.netscape.com/docs/examples/javascript.html

  6. Java Applets • Java를 이용한 Web Application • 구할 수 있는 곳 • http://java.sun.com • http://www.javasoft.com/applets • 사용하는 방법 • 자바로 만든 class가 필요 • (위 사이트에서 다운로드 받을 수 있음) • <APPLET></APPLET> or <OBJECT>

  7. Making Pages Interact with a Server Program • CGI Program • 데이터 전송방식 • GET : Line of Data • POST : FORM of Data • 서버로 전송되는 데이터 양식 • FORM • Microsoft’s Active Server Page (ASPs) • 데이터 베이스와의 연동이 용이 • NT Server의 IIS에서 작동

  8. Adding Multimedia • Hyperlink가 Multimedia파일을 부를 경우 Plug-in이 자동으로 그 파일을 보여주는 방법 • Microsoft Video (AVI) • Apple Quicktime (QT, MOV) • MPEG Video (MPG, MPEG) • CF) MPEG : Motion Picture Experts Group • <OBJECT> or <EMBED> Tag에 설정 • Multimedia MIME Types • http://www.ltsw.se/knbase/internet/mime.htp

  9. Adding Audio & Video to Web Pages • 웹페이지 자체에서 보여주는 방법 • Streaming Audio • RealAudio File • Xing Technology’s Streamworks • MP3 (MPEG Layer 3) • Geo Interative’s Emblaze Products • Video • QuickTime • MPEG (MPEG Layer 4)

More Related