1 TESL 4340 – Basic web-publishing Dr. Sunny Jeong Web:

Slides:



Advertisements
Similar presentations
The Keys to Speed. File Extensions Definition A tag of three or four letters, preceded by a period, which identifies a data file's format or the application.
Advertisements

World Wide Web Hyperlinks Servers/Clients Browsers HTML (HyperText Markup Language)
Computer Fundamentals Multimedia MSCH 233 Lecture 10.
Searching & Saving Web Resources ADE100- Computer Literacy Lecture 23.
Charmaine NormanCopyright What Is a Web Page Presented by Webpagemaker. Net Left click your mouse to view each frame, Web Page.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
UNIT K: INCORPORATING VIDEO AND AUDIO 1 Encoding: the process of transforming moving image and/or sound into a digital file. Each encoding method known.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
3.02 Publishing Animations
Embedding Multimedia Content in WebPages Seth Subramanian.
Project 1 Introduction to HTML.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
CIS101 Introduction to Computing
MIS 2211 The Internet from a Technology Perspective A network of networks Comprised of hundreds of thousands of networks (nodes) throughout the world Very.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Web Basics (Scary Acronyms Demystified). HTML Acronyms And your website… CSS URL HTTP SSL SMTP DNS RSS API ERQ iCAL Yippie! We have an Awesome website…
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
HYPERTEXT MARKUP LANGUAGE (HTML)
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
Lecturer: Ghadah Aldehim
Computer Concepts 2014 Chapter 7 The Web and .
Free e-Sources for English Language Teachers by Wallace Barboza Carolina TESOL December 6th, 2008 Charleston, SC.
Chapter 1: Introduction to Web
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
Lecture 11 Web Publishing I Introduction to Information Technology With thanks to Dr. Amy H. Zhang & Mr. Mark Clulow Dr. Ken Tsang 曾镜涛
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
Discovering Computers 2010 Chapter 2 The Internet and World Wide Web.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
1 Zamzar The Solution for File Conversion Alison Fricke EDIT 605 Week 6&7 July 15, 2008.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
UNESCO ICTLIP Module 1. Lesson 61 Introduction to Information and Communication Technologies Lesson 6. What is the Internet?
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
Lesson 31: Plug-Ins and Java Applets. Objectives Apply plug-in/viewer technology to Web pages to support various file types Create rich media streaming.
Abigail morris.  Today I'm going to be explaining why the Internet relies on a number of protocols in order to function properly.  A protocol is simply.
Caprock Internet Services, INC. 1 Creating a Web Site with FrontPage Pasewark LTD.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
2 If aliens came to this solar system and observed humans over the last several years, what would they think is the most significant benefits of the.
Copyright © 2002 Pearson Education, Inc. Slide 3-1 Internet II A consortium of more than 180 universities, government agencies, and private businesses.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to the World Wide Web & Internet CIS 101.
CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
XP Creating Web Pages with Microsoft Office
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Section 9.1 Section 9.2 Identify multimedia design guidelines
Introduction to Computers
3.02 Publishing Animations
File Extension Mini-Lesson
Lesson 5: Multimedia on the Web
Presentation transcript:

1 TESL 4340 – Basic web-publishing Dr. Sunny Jeong Web:

2 Introductory Stuff  Have Fun!  Please turn off your phones!  DO  DO interact with me!

3 Outline  What is Web Publishing? Web Publishing Tools and Applications How to upload files Protocol as an interpreter in the net e-Book and Internet  Applications V.S. Contents

4 What is Web Publishing?  Web Publishing literally means 'to publish content or information on the Internet‘  Content or information most commonly includes: Words Pictures Music Video Downloadable content – PDF, Doc,.ZIP etc.

5 Why Publish to the Web?  Anyone publishing to the web does so to serve a purpose, be it personal or professional  Web Publishing:...is cost-effective (no print costs) ‏...is time-efficient (flexible deadlines) ‏...is expandable (add more when needed) ‏...is changeable (update or fix errors any time!) ‏

To Publish to the Web  There are four main steps to take to publish to the web: Plan -> Structure – What are you trying to convey? Content -> text, images, video, etc. Design –> colours, logos etc. Publish -> FTP & HTTP

7 How to Publish to the Web

8 An Introduction to HTML The most common file-type used to present information on-line is HTML. Other file-types commonly found on-line include: PDF, MP3, JPG, GIF, PHP, CFM, ASP, HTM, PNG, AVI, SWF, ICO, ASPX and more HTML stands for Hypertext Mark-up Language

9 The HTML Code Every HTML file starts with ' ' and ends with ' ' There are then two main sections to the file:... At any point within the code we can (and should!) write comments, like so: tag?

10 What is the Protocol?  An agreed-upon format for transmitting data between two different type devices. The problem of heterogeneity can be solved by the protocol. Working as interpreters in an international conference FTP HTTP TCP/IP …

11 FTP Software File Transfer Protocol(FTP) We can upload the files using an FTP program like Filezilla or FTPVoyager Firefox also has a free FTP extension called FireFTP We can upload many kinds of files such as pdf, doc, ppt…etc The easiest ways is…

12 Uploading multimedia file

13 Uploading multimedia file  Embed tag allows to upload all kinds of multimedia files onto your webpage. (mpg, mp3, mov, avi…) 

14 Embed tag’s options Sample Result /Display 1) Only play button 2) Only play and stop 3) Every buttons 4) Maximizing the volume 5) Status button 7) hiding player

15 Multi media file and Codec  A codec is a programme capable of encoding and/or decoding a multi media stream file.encodingdecoding  The word codec is a combination of 'compressor-decompressor‘  To enjoy the multimedia files, we need to install proper codecs an our computer machine.

16 Codec problems  You may face codec problems  There are various multimedia codecs in the Net  But…not many users are ready  Don’t post the newest multimedia format file - your visitors will be frustrated  Convert the newest multimedia file to universal file format (i.e. avi -> mpeg)

17 Converting codecs  Mpeg4directmaker

18 A new stream of web-publishing e-Book

19 Various e-Book contents and applications Applications VS Contents Which one is more important?

20 Summary  HTML is a basic language in web publishing.  How to make html page and web site  Understanding protocol  e-Book