Sean Costain 2012

Advanced Web2012

Lecture 12

Sean Costain 2012

Course Summary

To develop skills in web design and authoringHtml 5 / CSS 3 / PHP / MySQL

• To gain an understanding of the evolving web based digital environment

• To effectively use the available digital technologies to present information Build websites using advanced technology

Sean Costain 2012

Lecture 1• HTML 5 is not yet a Web Standard

• First Working Draft January 2008

• HTML 5 is designed to replace HTML 4, XHTML 1 and DOM Level 2

Due to the modular nature of CSS 3, not a single browser is fully compatible with CSS 3. Chrome 20 has the most features implemented.

HTML 5

DOM Level 2

XHTML 1.0

HTML 4

Discussion of current social media constructs, such as facebook, myspace, pintrest, linkedin and flicker.

Sean Costain 2012

Lecture 2The web is a matrix of servers that handle client requests and deliver the content at a per-request action.

Server technology- Remote servers- Local servers

TCP/IP – IPv4 and IPv6

Sean Costain 2012

Lecture 3DatabasesA database is a structured way of dealing with structured information.

• An organized mechanism for storing, managing and retrieving information.• Information is stored in tables• Think of a table as a single spreadsheet, a database consists of multiple

spreadsheets that can be linked together using a key.

Normalisation- Rules, 3rd level- How to break down data

Sean Costain 2012

Lecture 4

Introduction to PHP - Comments- Echo- Choices: If..Then- Loops (for and while)- Connecting to a database- C.R.U.D.

Sean Costain 2012

Lecture 5• Self calculating forms• Including additional files• Functions

• C.R.U.D as functions• Sessions & Cookies

Sean Costain 2012

Lecture 6Php allows for the :• Creation• Reading• Appending• Deleting• Uploading• And ClosingOf files.

Login choices for client- Session use and If..Then

Sean Costain 2012

Lecture 7Exporting your SQL to a singular file is an excellent way to create a portable backup.

This SQL file is a single text file that can contain all of the information that is needed to recreate the database and the tables and the raw data if needed.

Backup your files- Skydrive- Unidrive- Dropbox

Sean Costain 2012

Lecture 8Security IssuesAn important aspect of building a social media site, is to provide the end user with a sense of security. This form of security can come in many forms. These are:• Password Protection• Privacy• Spam protection• Malware Protection• Virus Protection• As a developer, your terms and conditions

help cover you for what you can’t control.

Sean Costain 2012

Lecture 9

No Lecture, straight into assessment work- More php / mysql coding

Sean Costain 2012

Lecture 10

The core software is built by hundreds of community volunteers, and there are thousands of plugins and themes available to transform a website into almost anything imaginable.

WordPress started in 2003 with a single bit of code to enhance the typography of everyday writing. Starting as just a blogging system, Wordpress has evolved to be used as full content management system for websites.

Sean Costain 2012

Lecture 11Wordpress ThemesThe make up of a word press site consists of a few types of files. These files are:- index.php- Page.php- Style.css- Header.php- Footer.php- Single.php- Sidebar.php

Themes are stored in the wp-content/themes folder

Sean Costain 2012

Assessment 3Brief: Design and build a theme for wordpress.

Due: Week 13, Friday 5pm. What is needed • Construct a working theme for Wordpress o Use HTML 5 and CSS 3 • Documentation of theme

o Concept o Creation of theme o Problems encountered/resolved

• Presentation of site

Submission • 5pm Friday submission time • Wednesday Lecture/tutorial presentation of theme

o Powerpoint

• Zip all web pages o Rename zip file with student number • Submit in electronic format (Email [seancostain@student-partners.com.au] or CD), both the pages and your documentation.