Download presentation
Presentation is loading. Please wait.
Published byCecil Elliott Modified over 9 years ago
2
© Anthony J. Nowakowski, Ph.D. Multimedia on the Web
3
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies We will look at the Web in three ways: Accessing multimedia on the Web Accessing the Web from PowerPoint Accessing PowerPoint from the Web We will look at the Web in three ways: In all cases we need to consider the connection speed.
4
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Connection Speeds POTS ISDN/DSL/Cell Satellite Cable LAN
5
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Downloaded Media Accessing from the Web
6
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Textual Media As we have already seen, you can use an HTML editor or text editor and just add the text. This is analogous to entering text in a word processor.
7
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Graphical Media As we have seen, placing graphics in a Web page is different. Graphics are NOT embedded within the page, instead they are linked from the Web page. You can use an HTML editor to generate the necessary code, or use a text editor to write the code. Note 1: as their extension implies, animated gifs are treated as graphics files – not video files! Note 2: unlike PPT where graphics are embedded in a slide, graphics are always linked in a Web page!
8
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Audio Media As with graphics, audio files are linked – not embedded. Generally, it requires a text editor to create the code, and then it may or may not work!
9
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Coding where some options are: autostart=true/false loop=true/false volume= ??% height= ?? width= ?? Unfortunately, it is not a simple as it appears!!! As we will see, the results depend on both the browser and the plug-ins/helpers that are installed on the client computers.
10
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="allison.mid" autostart=true loop=true hidden=true> IE
11
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="allison.mid" autostart=true loop=false height=15 width=100> IE
12
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="shutdown.wav" autostart=true loop=false hidden=false> IE
13
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media Just as graphics and audio files are linked, so are video/animation files. Generally, a text editor is needed to create the code, and then it may or may not work!
14
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies <embed SRC="blowup.avi" autostart=true height=375 width=246 loop=false> IE
15
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media To the best of my knowledge, a Shockwave file (.swf) will always play in a Web page. Remember, that Camtasia Producer allows us to save a video file as a.swf file, and it generates the necessary HTML code to play it. IE
16
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Sometimes, FrontPage can be used to create a link to a video/animation file, so let’s see how. Video/Animation Media
17
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media The Shockwave player is built in to IE 6.0 or the player can be downloaded from Macromedia’s Web site.
18
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Video/Animation Media Shockwave videos/animations can be interactive. (Remember that was a criterion in one of the multimedia definitions.)
19
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Streamed Media Accessing from the Web
20
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies We have already discussed streaming media, so let's look at examples from the Web... www.abcnews.go.com www.pbs.org/newshour/video/index.html
21
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
22
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Accessing the Web from PowerPoint
23
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You can create a hyperlink using : an action button, or a graphic. CIS 601 texttext,
24
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Accessing PowerPoint from the Web
25
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Since PowerPoint presentations are files, they are linked from the Web page. You can use an HTML editor to generate the necessary code, or use a text editor to write the code. Once again, we will look at a FrontPage example. Let’s look at the difference between linking directly to a PPT slide show and using the Save as Web Page options.
26
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional TechnologiesExcel: xxx.xls C:\My Documents\MyHTML.htm You can use Office97/98’s converters to "Save as HTML" and create Web "documents".
27
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
28
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Access: yyy.mdb Web page for each table, query, form, and report selected Web page for each table, query, form, and report selected You can use Office97/98’s converters to “Export" and create Web "documents".
29
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
30
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies One Web page for each printed page of the report.
31
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies PowerPoint: zzz.ppt subdirectory: zzz containing: 3x +15 files subdirectory: zzz containing: 3x +15 files You can use Office97/98’s converters to "Save as HTML" and create Web "documents". There is a seven step wizard to guide you through the process of customizing and creating these files.
32
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies 3 * 49 + 15 = 162
33
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Word: www.doc www.mht You can use Office2000/XP/2003’s converters to "Save as Web page" and create Web "documents". www.doc www.htm + www_files Folder
34
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
35
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
36
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Using Office2007 to convert to a Web page is slightly different and has three Save As Web page options. Word: www.doc www.mht www.doc www.htm + www_files Folder The default file type for Office2007 is now.docx, but you can still work with.doc files.
37
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies According to Microsoft, “ This feature is only recommended for experienced Web authors who are concerned about the tags that appear in their HTML files. ”
38
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
39
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Excel: xxx.xls xxx.mht You can use Office2000/XP/2003’s converters to "Save as Web page" and create Web "documents". xxx.xls xxx.htm + xxx_files Folder
40
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
41
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
42
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
43
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
44
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Using Office2007 to convert to a Web page has the same two Save As Web page options. Excel: xxx.xls xxx.htm + xxx_files Folder xxx.xls xxx.mht The default file type for Office2007 is now.xlsx, but you can still work with.xls files.
45
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
46
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
47
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Access: yyy.mdb Web page for each table, query, form, and report selected Web page for each table, query, form, and report selected You can use Office2000/XP/2003’s converters to “Export" and create Web "documents". The Web pages are identical to those already shown for Access 97.
48
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Access: Office2007 does NOT allow you to create Web “documents ”. You can “publish” them to a Microsoft SharePoint Services site, which Buffalo State does NOT have! The default file type for Office2007 is now.accdb, but you can still work with.mdb files. yyy.mdb
49
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You can use Office2000/XP/2003’s converters to "Save as Web page" and create Web "documents". PowerPoint: zzz.ppt zzz.mht zzz.ppt zzz.htm + zzz_files Folder
50
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You have several Web publishing options.
51
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies TOC Note: the original file zzz.ppt is 7,016 KB, zzz.mht is a single 12,446 KB file, and zzz.htm is a small file 3 KB that points to the remaining files in the zzz_files folder, which has 619 files and is 9,030 KB.
52
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Using Office2007 to convert to a Web page has the same two Save As Web page options. The default file type for Office2007 is now.pptx, but you can still work with.ppt files. PowerPoint: zzz.ppt zzz.mht zzz.ppt zzz.htm + zzz_files Folder
53
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies You have several Web publishing options.
54
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies TOC Note: the size of the original.ppt file,.mht file, and.htm file and folder is comparible to the ones created by Office 2000/XP/2003.
55
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Additional HTML Features
56
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Forms
57
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies text box text window check box radio button action button menu others... Form Objects
58
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Frames
59
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies 1. Design frame layout 2. Determine frame attributes 3. Load frame contents Frames
60
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Where can we go from here?
61
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Programming for the Web
62
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Why do we need programming for the Web??? EDC 601 Survey
63
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Server-side vs. Client-side Web Programming
64
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies Web “Languages” Markup HTML XML DHTML CSS Scripting JavaScript VBScript Programming Java perl Visual Basic C/C++
65
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
66
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
67
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
68
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
69
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
70
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
71
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
72
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
73
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
74
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
75
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
76
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
77
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
78
© Anthony J. Nowakowski, Ph.D. EDC 601 Instructional Technologies
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.