Responsive Design Part 2

Image courtesy of 2nix

 

View the recording
Responsive Design Part 2 59:51 min

 

Download the tutorial files
files.zip 20KB

In this session the second on Responsive Design TAFE Digital teacher, Barry Collier looks at applying Responsive Design to images and text using media queries.

The session covers the following points: What is responsive design? Box-Sizing Viewport Grid-View Responsive Design Media queries - breakpoints Media queries - orientation & hiding Media queries - variable font

Students will find the content of this tutorial session most helpful for units ICTWEB505 Develop complex web page layouts and ICTWEB506 Develop complex cascading style sheets and in particular for the DHTML-CSS Practical assignment.

Responsive Design Part 1

Image courtesy of franky242

 

View the recording
Responsive Design Part 1 49:00 min

In this session on Responsive Design TAFE Digital teacher, Barry Collier looks at applying Responsive Design to images and text in a HTML page.

The session covers the following points: What is responsive design? Viewport Responsive images Responsive text Media queries

Students will find the content of this tutorial session most helpful for units ICTWEB505 Develop complex web page layouts and ICTWEB506 Develop complex cascading style sheets and in particular for the DHTML-CSS Practical assignment.

Applying Pre-loaded Images

Image courtesy of web.dev

 

View the recording
Applying Pre-loaded Images 55:11 min

In this session on Applying Pre-loaded Images TAFE Digital teacher, Barry Collier looks at pre-loading and applying pre-loaded images in a HTML page.

The session covers the following points: Why pre-load images? What is pre-loading images? Pre-load images using JavaScript Image object attributes Using PHP to generate Javascript Pre-loading image slices using JavaScript Applying pre-loaded image slices to a table

Students will find the content of this tutorial session most helpful for unit ICTWEB502 Create dynamic web pages and in particular the Practical B assignment.

Applying Complex Queries Using PHP Part 2

Image courtesy of yodiyim

 

View the recording
Applying Complex Queries using PHP Part 2 59:06 min

In this session on Applying Complex Queries using PHP Part 2 TAFE Digital teacher, Barry Collier looks at applying complex structured query language queries using PHP as the rudiments of displaying the contents of a shopping cart.

The session covers the following points: applying a complex query using PHP displaying the output via a form using PHP uniquely identifying each component adding an action to a line item in a shopping cart using PHP to generate Javascript

Students will find the content of this tutorial session most helpful for unit ICTDBS504 Integrate database with a website and in particular the Practical F assignment.

Apply Complex Queries Using PHP Part. 1

Image courtesy of David Costillo Dominici

 

View the recording
Applying Complex Queries using PHP Part 1 49:09 min

In this session on Applying Complex Queries using PHP TAFE Digital teacher, Barry Collier looks at applying complex structured query language queries using PHP as the rudiments of displaying the contents of a shopping cart.

The session covers the following points: joining SQL select queries applying a complex SQL query using PHP retrieving the query results using PHP displaying the results in a structured layout

Students will find the content of this tutorial session most helpful for unit ICTDBS504 Integrate database with a website and in particular the Practical F assignment.

Using URLSearchParams()

Image courtesy of Somkiat Fakmee

 

View the recording
Using URLSearchParams() 50:54 min

In this session on Using the URLSearchParams() constructor TAFE Digital teacher, Barry Collier looks at retrieving data passed to a page via a Query String.

The session covers the following points: setting a constant the search property of the location object the location object the URLSearchParams() constructor methods of URLSearchParams()

Students will find the content of this tutorial session most helpful for unit ICTWEB502 Create dynamic web pages and in particular the Written and Practical A assignments.

Using Dreamweaver to Develop Forms

Image courtesy of PNGEgg

 

View the recording
Using Dreamweaver to
Develop Forms Part 1 42:32 min

View the recording
Using Dreamweaver to
Develop Forms Part 2 1:01:46 min

In these sessions on Using Dreamweaver to Develop Forms TAFE Digital teacher, Barry Collier looks at building a HTML page with forms using Adobe Dreamweaver.

The session one covers the following points: form tag as a means of inputting information use of inputs tags to collect data use of submit type to submit the information adding form elements to a table

The session two covers the following points: adding form elements to a table applying styles use of reset type to reset the form values use of hidden type to submit hidden values

Students will find the content of this tutorial session most helpful for unit ICTWEB302 Build simple websites using commercial programs, ICTWEB429 Create a simple mark-up language document to specification and ICTWEB411 Produce basic client-side script for dynamic web pages.