200 likes | 322 Vues
In this course, we explore the essentials of web publishing, from understanding its definition and significance to mastering tools like HTML and protocols like FTP and HTTP. Learn the step-by-step process of planning, structuring, designing, and publishing content online effectively. Get familiar with multimedia embedding and codec issues while engaging in interactive sessions designed to enhance your learning experience. Whether for personal or professional use, web publishing opens doors to expand your reach on the internet.
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