200 likes | 316 Views
TESL 4340 – Basic web - publishing. Dr. Sunny Jeong Email: spjeong @u ic.edu.hk Web: http ://u ic.edu.hk/~ spjeong. Introductory Stuff. Have Fun! Please turn off your phones! DO interact with me!. Outline. What is Web Publishing? Web Publishing Tools and Applications
E N D
TESL 4340 –Basic web-publishing Dr. Sunny Jeong Email:spjeong@uic.edu.hk Web:http://uic.edu.hk/~spjeong
Introductory Stuff • Have Fun! • Please turn off your phones! • DO interact with me!
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
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.
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
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
The HTML Code • Every HTML file starts with '<html>' and ends with '</html>' • There are then two main sections to the file: • <head> ... </head> • <body> ... </body> • At any point within the code we can (and should!) write comments, like so: • <!-- this is a comment – for code-view only! --> • <img src=…> tag?
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 • …
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…
Uploading multimedia file • Embed tag allows to upload all kinds of multimedia files onto your webpage. (mpg, mp3, mov, avi…) • <embed src=file_name.xxx height=00 width=00 …etc>
Multi media file and Codec • A codec is a programme capable of encoding and/or decoding a multi media stream file. • The word codec isa combination of 'compressor-decompressor‘ • To enjoy the multimedia files, we need to install proper codecs an our computer machine.
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)
Converting codecs • Mpeg4directmaker
Various e-Book contents and applications Applications VS ContentsWhich one is more important?
Summary • HTML is a basic language in web publishing. • How to make html page and web site • Understanding protocol • e-Book