TCP/IP protocols

August 11th, 2015


Communications between computers on a network is done through protocol suits. The most widely used and most widely available protocol suite is TCP/IP protocol suite. A protocol suit consists of a layered architecture where each layer depicts some functionality which can be carried out by a protocol. Each layer usually has more than one protocol options to carry out the responsibility that the layer adheres to. TCP/IP is normally considered to be a 4 layer system. The 4 layers are as follows :

  1. Application layer
  2. Transport layer
  3. Network layer
  4. Data link layer

Today in our class we are only worried about the”protocols FTP and http which are aprt of the  Application layer

This is the top layer of TCP/IP protocol suite. This layer includes applications or processes that use transport layer protocols to deliver the data to destination computers.

At each layer there are certain protocol options to carry out the task designated to that particular layer. So, application layer also has various protocols that applications use to communicate with the second layer, the transport layer. Some of the popular application layer protocols are :

  • HTTP (Hypertext transfer protocol)
  • FTP (File transfer protocol)
  • SMTP (Simple mail transfer protocol)
  • SNMP (Simple network management protocol) etc

FTP Definition

File Transfer Protocol, or FTP, is a protocol used to upload files from a workstation to a FTP server or download files from a FTP server to a workstation. It is the way that files get transferred from one device to another in order for the files to be available on the Internet

HTTP Definition

The Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborative, hypermedia information systems.HTTP is the foundation of data communication for the World Wide Web. Hypertext is structured text that uses logical links (hyperlinks) between nodes containing text.


So what is the difference????

A good explanation is available here :)

How to use the Pen Tool in Photoshop

May 6th, 2015

pentoolPhotoshop provides multiple Pen tools that are incredible power tools for anyone using photoshop or illustrator for that matter but they also can be the hardest of the tools to master. The standard Pen tool draws with the greatest precision and the main one that these great resources are relevant to:

  1. The Bezier tool game is an awesome hands on tutorial/game that has options to practice and master the basics of the pen tool before launching you into the game which can easily become very additive and a great way to really master the Pen tool
    Try it here
  2. Adobe’s pen tool help is well laid out with examples, step by step instructions and video

Creating visually appealing content

March 21st, 2015

This infographic from is a great overview on why it is important to create visually appealing content

The Ultimate Guide to Creating Visually Appealing Content
Courtesy of: Quick Sprout

Web Diploma Notes

February 8th, 2015

Welcome 2015 Web diploma

Photo by Stuart Miles. src

Photo by Stuart Miles. src

Week 1 – Orientation Week

  • Acknowledgement of country
    Before we begin proceedings, I would like to acknowledge the Bungjalung nation the Traditional Owners of the land on which we meet today . I would like to pay my respects to the Elders past, present and future and pay my respects to all Aboriginal People here today, wherever you may come from.
  • Introduction-me- some recent work-
  • Course coordinators name and contact details- Geoff
  • Head teacher name and contact details- Luke
  • Campus Map and evacuation procedures (Wollongbar campus map)-electronic
  • Emergency Procedures (take selfies after evacuation)
  • Cheap Software:
  • MS Office for Students: It’s Not Cheating
  • Free Counselling and Careers Service
  • Class timetable – Monday and Tuesday evening 3- 8:30 with 30 mins diner break
  • What is in NCI Student Information Booklet
    • Recognised Prior Learning policy
    • Reasonable adjustment policy
    • The Anti-Bullying policy
  • What is in booklet Every Students Guide to Assessment- hard copy
  • Student Study Agreement  Electronic click to down load – students to sign
    • student assessment policy
    • plagiarism- what is it and what are the consequences
  • Reviewing assessment results –
    correcting errors or appealing an assessment outcome – section and formal policies
  • location of all electronic materials including UAGs for course
  • Authority to Publish Form Electronic click to down load – students to sign
  • Harrassment and Bullying is Unacceptable and will not be tolerated at TAFE. Click here to watch the new and improved North Coast TAFE Anti-Bullying video.

Ok with that all done :)now for our stuff

My units

  • ICAICT418A Contribute to copyright, ethics and privacy in an IT environment
  • BSBOHS509A Ensure a safe workplace
  • ICAWEB505A Develop complex web page layouts
  • ICAICT509A Gather data to identify business requirements
  • ICAPMG501A Manage IT projects (Graded unit)


Also as another note-the class is made up of a variety educational backgrounds- some from the cert 3 and some from the cert 4  and a variety of practical experience backgrounds so the first 6 weeks will feel as though you are not learning anything new for some and for others it will seem as though you are drowning and in way over your head :)  But everyone will get through if you are genuinely committed to getting through this course.

Everyone needs to appreciate that this is a diploma level course where your learning is primarily self directed by you. The teachers are here to facilitate your successful completion of the Diploma Web Development qualification to the standard as set out by ASQA but you need to be  independent in your learning and self management.  There will be many topics/area that will come up or that you may be interested in that the course does not cover or that the facilitators/teachers are not experts in and are not expected to be where you will be expected to research solutions and apply  for yourself.- Oh the shock :) :)

Also I must present my disclaimer now that I am the queen of typos so please don’t hesitate to question me on anything a say or write :)

Ok now on to some real stuff-Revision

Tonight do we want to start with ???

  • ICAICT418A Contribute to copyright, ethics and privacy in an IT environment
  • BSBOHS509A Ensure a safe workplace
  • ICAWEB505A Develop complex web page layouts
  • ICAPMG501A Manage IT projects (Graded unit)



SEO Case study

October 28th, 2014

The About Asbestos site has been a valuable SEO exercise because things are going the way I would normally expect :( Usually if I create a website and do the onpage optimization appropriately the website ranks well on 3 word phrases but the about asbestos website is doing something funky.

I have optimised the pages for key phrases such as Asbestos Removal Ballina and Friable asbestos removal but there are no many asbestos removal and management sites that I think it may take a little bit more work.

Another issue could be that the pages that were originally there had very similar content but with different file names so they could all be clashing while targeting the asbestos related key phrases. So from with Google webmaster tools I have placed a request to remove the old pages and hopefully then the key phrases such as Asbestos Management Plan will rank better. The main competitors are government sites such as the NSW work cover asbestos licencing  page and the Safe Work Australia pages which are wonderful resources. 

Keep checking this post and I’ll update it how I’m going and what I’ve learnt :)


web resources

October 23rd, 2014

Stock Images


this site offers free stock images to be used on commercial and personal work –

Where can you use picjumbo photos

  • Parts of Website or Mobile App (background, etc.)
  • Image Placeholders in Articles or Websites
  • Image Placeholders in Templates for Sell
  • Part of Template for Sell (Attribution greatly appreciated by pic jumbo)
  • All Personal & Commercial works

They can afford to do this by having a TONNN of advertising so be careful where you click :)

Free Digital photos

Free digital photos offers quite a few free images from different photographers that just ask for attribution (which you should always do any way)

This site also funded through advertising and also linking to the larger stock image site who they will get a commission from if you buy an images from one of the other stock image sites

Other Design Related tools

Placeit: ( fancy demos and embed screenshots)
Niice — the design search engine:
Pixel Dropr:
Designer News:
Hail Pixel: (intuitive color picker)
Helvetica vs. Arial Quiz:

Responsive Design tools

Twitter Bootstrap — (also a framework)
ami.responsive —
Usersnap — (very handy for bug identification and notes)
Responsinator —
Unsemantic —
Brackets —
responsivepx —

Project Managment

Trello — —
Asana —
Basecamp —
Activecollab -

Issues/Bug Tracking


StackOverflow —
CSS Weekly —
HTML5 Weekly —
Front-end Frontend —
GitHub —
JavaScript Weekly —

Front-end Development tools

Other stuff

Puppet (automation) —

src: ( worth a look this site is)

handy CSS tools

June 3rd, 2014

I will keep updating this list as I find more tools :)

here you can generate css for  columns , transisitions etc

great list of often forgotten css selectors and properties

This one isn’t a css tool but a worthwhile article on mobile design which css is a big part of

What is a blog or should it be when is “WordPress not a blog?”

May 9th, 2014

first published Wednesday, August 13th, 2008

How much has changed in the last 6 years- but still this explanation of what is blog is still true but WordPress has evolved over this 6 years to be more of a CMS framework. So while the definition below is true WordPress is so much more these days. Maybe the question should “When is WordPress not a blog?”

A blog is a website that can be thought of as an online journal. The posts or journal entries generally appear in reverse chronological order so the oldest will be closest to the bottom and the newest at the top.

Another important aspect about blogs is that blog sites use particular software to run them which allows users to log in and maintain their posts/entries etc. There are many places that you can sign up for your own blog for free and begin such as wordpress and blogger. With many hosting accounts a wordpress blog is available as a free addon that can be installed but this is not something that I would recommend for a typical user or blogger.
So why blog?
Well it’s a really easy way to self publish and self promote. You sign up for an account and follow your nose- don’t be scared you can’t really break your blog on wordpress and blogger.

Another reason is the search engines absolutely love blogs so blogging can be a great way to increase your websites search engine optimization results. It’s not a magic wand but with a bit of a strategy your blog make act like fairy dust for your search engine optimizations rankings.
Strategies for blogs
Well that another post topic altogether so check back soon and we’ll look at some

why adhere to web standards?

May 9th, 2014

First posted in Tuesday, August 4th, 2009- and still just as relevant!!

Ten reasons to learn and use web standards

If you’re a web developer or designer new to the concept of web standards and are undecided on whether you should spend the time to learn all about them or not, here are some of the most important reasons for doing so.

This is also a useful list reason for when you need to validate why you work to web standards even if other don’t.

1. You look more professional

Other web professionals, prospective employers and clients  can look at your work and know that you are a person who likes to keep up with changes in technology and make sure that your knowledge and skills are always current. It will make you look like a real web professional.

2.You’ll make your clients look good

Use web standards combined with best practices for accessibility and give your clients a chance to talk about how they cater to all people, and how they find it important that everybody can use their services or find information about their products. You will also avoid the bad publicity that can be caused by shutting out visitors like disabled people, Mac users, and mobile phone users. Remember when a user has a good experience on your web site they tell one person if they have a bad experience they’ll tell 10!!!

3. your maximising the number of potential visitors

You don’t know which device visitors will use to access your site. You may think you know, but unless you’re building an Intranet for a company that controls what browsers are installed on all machines then you really have no idea what device or technologies your users are using so by adhering to standards you have more chance of ensuring that your web pages look as you expect.

By using web standards properly you make sure that you have done your part in making your site work with the largest possible number of browsing devices.

4. Faster loading and reduced bandwidth usage

Well-structured markup that separates structure and content from presentation is generally much more compact than table-and-spacer-image-based tag soup. Documents will be smaller and faster for visitors to download. Like it or not, there are still many, many people connecting to the Internet through dialup.

5. Provide the foundation for accessibility

Using web standards does not guarantee that all aspects of your site will be accessible to people with disabilities, but it is a very good start. Make sure your documents are valid, well-structured, and semantic, and you’re well on the way towards having an accessible site.

6. Improve search engine rankings

Well-written content delivered through clean, well-structured, and semantic markup is delicious food for search engine spiders and will help your rankings. This, of course, will lead to increased traffic, which is what most website owners want.

7. Make your markup easier to maintain

Would you rather wade through many kilobytes of multiply nested tables and spacer images or just browse through a clean and well-structured document when you need to update your site?

Removing, inserting or editing presentation-free content is much easier and more efficient than having to make sure you get all the presentational cruft right. Using CSS to control layout also makes it much easier to make site-wide design changes.

8. Future-proof content

There is no way anyone can guarantee with 100% certainty that the documents created and stored electronically today will be readable in a hundred years. Or even fifty years. But if you separate content from presentation and use current web standards, you have done the best you can to ensure that your content can still be read even after you’re gone.

9. Good business sense

Why would any business owner say no to more visitors? A faster site? Improved search engine rankings? Potential good publicity? It doesn’t make sense to do so.

10. It’s the right way to do things

The web standards way is the way we should have built the web from the beginning. And now that we can, why not do something the right way and have a really excellent reason to feel good about yourself.

Tags: CSSweb design
Posted in Cert 4 Web DesignCSSMy stuff | No Comments »

Same navigation code on every page –different look

Monday, September 8th, 2008

Most websites highlight the navigation item of the user’s location in the website, to help users orientate themselves. This is a fundamental requirement for basic usability, but can be a pain as you’ll need to tweak the HTML code behind the navigation for each and every page. So is it possible to have the navigation highlighted on every page, without having to tweak the HTML code on each and every page? Of course it is but the answers below require a lot more tweaking than is below if you are using Dreamweaver templates- but that’s for a post next week

But what you need to do is assign a class to each navigation item:

<li><a href=”#” class=”home”>Home</a></li>
<li><a href=”#” class=”about”>About us</a></li>
<li><a href=”#” class=”contact”>Contact us</a></li>

You’ll then need to insert an id into the <body> tag. The id should be representative of where users are in the site and should change when users move to a different site section. When in ‘Home’ it should read <body id=”home”>, in ‘About Us’ it should be <body id=”about”> and in ‘Contact Us’ <body id=”contact”> etc.

Next, you create a new CSS rule:

#home .home, #about .about, #contact .contact
css rules go here

This creates rules that only takes effect when class=”home” is contained within id=”home”, and when class=”about” is in id=”about” and class=”contact” is in id=”contact”. These situations will only occur when the user is on the appropriate page, seamlessly creating our highlighted navigation item. Pretty cool!

More of this type of thing can be found here.

Well I’m back!!

May 9th, 2014

pickyourselfupOk as an IT professional I really should have had a good recent back of my site and everything associated with it- and as you probably can tell by this post iI didn’t:(

Suffice to say I am beginning all over again with my blog’s content and while I can think of a million people to blame and reason/excuses for having to start again I really need to take full ownership and responsibility. Everything that I do diligently for clients I did not do for myself!!! And boy have I learnt the hard way  so no point in crying over what is done time to move forward :)

Some content I have been again to recover and have reposted and it is funny to read some of it after all these years- (yes I was silly enough to loose 6 years of “What I learnt today” which just goes to show you never stop learning :)  Some of the stuff I have recovered was extremely relevant at the time of writing but now not so much as everything in an IT world develops and changes all the time so I am looking at it as a great way for a new clean up. As the saying goes if you only have lemons make lemonade.