Certificate 4 Web Design Classes Bathurst TAFE

Tuesday, March 25, 2008

Another week goes by








Not a good week........ laying out a web page with CSS divs and getting it to work in both Internet Explorer and Firefox is a frustrating task..... hope Microsoft's promise that IE 8 is standardized is true...... also am suffering terrible indigestion from following our teachers instructions... printed sheets (although good quality) play havoc with my stomach and I suspect the enemy still has an advantage....

Monday, March 17, 2008

Never










SO YOU... use tables for laying out your web pages, constantly make your headings from images, favour xhtml transitional, worship Internet Explorer, believe an I.D. is a common everyday identifier, and espouse that open source is a scourge on society.......
OUT OUT of the class now...........
do not return.... until you wipe the slate clean
padding: 0px 0px 0px 0px
margin: 0px 0px 0px 0px
or hide.... your face
.hideme {
visibility: hidden;
}
Our class has principles


Image: 'don9t do this'
www.flickr.com/photos/75125403@N00/2094415296

Friday, March 14, 2008

Subcide








Great site from Hamilton New Zealand, by Steve Dennis. http://www.subcide.com/


Tips I acquired .......

A div is basically a rectangular container that we can position using CSS.

BODY

div id=”page-container"

CSS

#page-container="page-container" {

width : 760px ; (sets whole page)

margin : auto ; (centers div)

}

An ID is a unique identifier that we use for things that are only going to occur once on the page. eg headers, footers, navigation. For recurring elements like links we use classes.

Html and body tags have default margins and padding on browsers, so set rule

html, body {

margin: 0;

padding: 0;

}

The comma means “or”

As content is added to this div it automatically changes height to fit.

A float is an element that is aligned against the left or right side of its container.


Friday, March 7, 2008

Which countries border the Iguazu Falls










Image: 'c a t a r a t a s d e l i g u a z u'
www.flickr.com/photos/92159363@N00/114862457


Yes some do read the FAQ page, and I wouldn't mind to visit there.
Training O2 is another site created by our prolific teacher. Does this guy ever sleep?













Training O2 is a social site for us info hunter gatherers to survive in this new networked world of ours.

My flaming vote is in for HTMLDog Tutorials



Image: 'NYC - AMNH: Spitzer Hall of Human Origins - Neanderthal diorama'
www.flickr.com/photos/70323761@N00/415498434

From now on its Core FTP LE for me .....why ? Lets see

I found Core FTP Lite Edition easy and intuitive to use. It was fast, and the visual interface is very straight forward. It is free for windows software (platform) but you can purchase the professional edition for more advanced features.
It can be downloaded on their site: http://www.coreftp.com/download.html
The latest version is 2.1 updated on March 6th 2008. The file size is 3389 KB and takes about 20 minutes on dialup. I had no problems installing but if you have issues go to their forums for answers http://www.coreftp.com/forums/
The great thing is that there are no popup ads, advertising or spyware and you are never asked or reminded to register. Thank goodness. I liked that the site manager box appears each time you open the programme with an easy connection arrow. The full drag and drop support and the overwrite mode if you are updating a file with the same name are great features.






Thursday, March 6, 2008

FileZilla















Image: 'Bathurst TAFE I block' taken by some bloke called "BotheredByBees"
www.flickr.com/photos/87273935@N00/238329712

FileZilla - Lets go port 21

  1. Open up FileZilla - go to site manager and create a new site called Bathurst TAFE
  2. Host is our Bathurst TAFE I.P. address, username is your name and password is the individual password Steve gave us.
  3. Go to transfer settings and choose active transfer mode. It is actually better to use passive for firewall and gateway security but alas can only get through on active.
  4. If connected we have local site on the left and remote site on the right.
  5. Find your files and folders on your local computer and just drag across.
  6. Files on the server can be overwritten for easy version updates.
  7. Don't forget to use the server directory public_html for all our web files


Lists












The Creative Commons licenses enable copyright holders to grant some or all of their rights to the public while retaining others through a variety of licensing and contract schemes including dedication to the public domain or open content licensing terms. The intention is to avoid the problems current copyright laws create for the sharing of information.The project provides several free licenses that copyright owners can use when releasing their works on the Web.
Peter wrote flickrCC so he could easily find photos on flickr that were released under the creative commons license.They are free.

Steps for obtaining photo's for website

  1. Open flickrCC in a browser
  2. Deselect for editing
  3. Search for a keyword
  4. Choose image on left panel
  5. Select small size for image
  6. Right click image and copy to images directory
  7. Set up "img src" tag with name of image
  8. Copy attribution with link to original photo
  9. Paste attribution

Creative License use

  1. No editing and no commercial use
  2. Editing but no commercial use
  3. Editing and commercial use
  4. No editing and no commercial use

FTP

One of the most commonly seen questions when dealing with firewalls and other Internet connectivity issues is the difference between active and passive FTP and what the difference is.

Active:

In active mode FTP, the client connects from a random port to the FTP server's command port, port 21. Then, the client starts listening and sends the FTP command to the FTP server. The server will then connect back to the client's specified data port from its local data port, which is port 20. From the server-side firewall's standpoint, to support active mode FTP, communication channels need to be opened. The main problem with active mode FTP falls on the client side. The FTP client doesn't make the actual connection to the data port of the server, it simply tells the server what port it is listening on and the server connects back to the specified port on the client. From the client side firewall this appears to be an outside system initiating a connection to an internal client--something that is usually blocked.

Passive:

In order to resolve the issue of the server initiating the connection to the client a different method for FTP connections was developed. This was known as passive mode, or PASV, after the command used by the client to tell the server it is in passive mode. In passive mode FTP the client initiates both connections to the server, solving the problem of firewalls filtering the incoming data port connection to the client from the server. While passive mode FTP solves many of the problems from the client side, it opens up a whole range of problems on the server side. The biggest issue is the need to allow any remote connection to high numbered ports on the server.

Since administrators running FTP servers will need to make their servers accessible to the greatest number of clients, they will almost certainly need to support passive FTP. The exposure of high level ports on the server can be minimized by specifying a limited port range for the FTP server to use.

Image: 'Trans-Dimensional Portal Ahead' www.flickr.com/photos/99796131@N00/8730356