Manipulating Images Placement on the Page
Placement on the Page <CENTER><IMG ALIGN=“right” SRC=“image.gif></CENTER> <IMG ALIGHN=“right” SRC=“image.gif”
Image Formats • There are three formats each denoted by a different suffix • Graphic Interchange Format .gif(pronounced jif); uses pixels easily handled well by most browsers. • Joint Photocoping Group .jpg or .jpeg; uses compressed format; saves on disk space but requires memory • Bitmap .bmp; designed for Windows by Microsoft; AOL and netscape won`t see the image.
Aligning text with Images <IMG ALIGN=“top” SRC=“xxx.gif”> Text at the top <IMG ALIGN=“middle” SRC=“xxx.gif”> Text at the middle <IMG ALIGN=“bottom” SRC=“xxx.gif”> Text at the bottom
Changing Image Size • Image size is specified in LENGTH and WIDTH measured in pixels • Here is the format: <IMG HEIGHT=“##” WIDTH=“##” SRC=“xxx.gif”
Making Horizontal Lines of Different Lenghts <HR> <HR WIDTH=“80”> <HR WIDTH=“50”> <HR WIDTH=“30”> <HR WIDTH=“10”> <HR WIDTH=“100”>
Graduation Day
You Passed May all your HTML dreams come trueâ&#x20AC;Ś
How Do I Get My Pages on the www? • • • • • • •
You need a ISP- Internet service Provider Used search engines, & classified adverts Goto www.servhost.co.za Register, to create a personal account. Find hosting costs Think of a Domain Name Check for availability of your Domain
Using FTP Software • FTP stands for File Transfer Protocol. • A concept of moving file from local HDD to a remote internet server, usually owned by ISP. • This process is called uploading. • Being able to upload is a basic skill needed to build a website. • If not done properly files can get corrupted. • Look at how to avoid file corruption.
How FTP Works • There are several different FTP programs you can take from the internet as shareware or commercial software. • Sometimes ISPs provide compatible FTP. • http://www.davecentral.com/ftp.html • My preferences are FTP2000 and CuteFTP.
ASCII versus Binary • If you are FTPing something that only has text, like HTML document use ASCII mode. WHY? • A binary transfer differs from ASCII in how it treats the characters used. • An image needs not only to retain the same characters when it transfers but also needs to retain the form. • It has to be equally as wide and tall when it arrives the destination. • If not it is corrupted and will not work. • Binary is the appropriate mode for images.
Rule of Thump â&#x20AC;˘ Use ASCII only for transfering HTML documents. â&#x20AC;˘ Everything else goes binary(or raw data or all files depending on your program)
Why Not Send and Save Everything as Binary • You can. More than text is being sent; a complex form is now involved and it may alter what you want. • Make point of sending in two forms, binary and ASCII. • Finally! If you dowload or upload something and it fails to work, the most probable cause is that you corrupted it through one or many of your transfers. • ….Enjoy your FTP software.
What do HTML Assistants Do • They are really good, THANK GOD THEY EXIST. • They are usually set like a word processor with whole lot of little buttons to push. • Those buttons give you flags • For instance you click on B to get the begin and end command to make something bold. • They also save the files in the format required. • Its blind ignorance to use the assistant without a clue of the code they generate.
Where Do I Go Now? • Progressively go into advanced concepts CSS , CGI, Server Technologies like PHP. • We will used DREAMWEVER design assistant in this course. • Put your maximum effort and concentration to go through the dreamweaver tutorial • This holds the key to completing your coursework and your CAPSTOME PROJECT. • Remember CAPSTONE PROJECT holds 4 academic credits.