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.

Using Dreamweaver to Develop Tables and Forms

Image courtesy of Pearson Australia

 

View the recording
Using Dreamweaver to
Develop Tables & Forms 55:57 min

In this session on Using Dreamweaver to Develop Tables & Forms TAFE Digital teacher, Barry Collier looks at building a HTML page with a table and a form using Adobe Dreamweaver.

The session covers the following points: using DW options to insert a table & table elements using DW options to insert form elements in a table placement of the insertion point is critical editing the code

Students will find the content of this tutorial session most helpful for unit ICTWEB302 Build simple websites using commercial programs and ICTWEB429 Create a simple mark-up language document to specification.

Using Dreamweaver to Develop a HTML page

Image courtesy of PCMag Australia

 

View the recording
Using Dreamweaver to
Develop a HTML Page 58:49 min

In this session on Using Dreamweaver to Develop a HTML page TAFE Digital teacher, Barry Collier looks at building a HTML page using Adobe Dreamweaver.

The session covers the following points: the Dreamweaver interface block and inline tags div & image tags horizontal line, heading & paragraph tags links & relative links

Students will find the content of this tutorial session most helpful for unit ICTWEB302 Build simple websites using commercial programs and ICTWEB429 Create a simple mark-up language document to specification.

Passing Data to a Pop-up Window

Image courtesy of Geerati

 

View the recording
Passing Data to a Pop-up Window 57:28 min

In this session on Passing Data to a Pop-up Window TAFE Digital teacher, Barry Collier looks at how to pass data from the page opening the pop-up window to the pop-up window.

The session covers the following points: window.open() method - URL parameters sending a query string sending a query string via a form - cancelling the submit using the DOM form elements closing the window checking to see if the window exists

Students will find the content of this tutorial session most helpful for unit ICTWEB502 Create Dynamic Web Pages and in particular for the Dynamic Websites Practical Task C assignment.

Managing Pop-up Windows

Image courtesy of Idea go

 

View the recording
Managing Pop-up Windows 49:38 min

In this session on Managing Pop-up Windows TAFE Digital teacher, Barry Collier looks at how to prevent popup windows from opening another window each time they are opened.

The session covers the following points: window.open() properties of wondow.open() assigning it to a variable passing parameters using document.write() closing the window checking to see if the window exists

Students will find the content of this tutoiral session most helpful for unit ICTWEB502 Create Dynamic Web Pages and in particular for the Dynamic Websites Practical Task C assignment.

Practical Assignment and Removing Gaps from Image Slices for Produce Client-Side Script for Dynamic Web Pages

Image courtesy of num_skyman

 

View the recording
ICTWEB411 Practical Assignment & Removing Gaps Between Image Slices 39:31 min

In this session on the ICTWEB411 Practical Assignment TAFE Digital teacher, Barry Collier looks at the main tasks of the practical assignment. He also covers removing gaps between image slices.

The session covers the following points: Practical Assignment Adding a link to an image Setting out the page structure Script to assemble images Programming the form Closing the page Test the page Removing gaps between image slices

Students will find the content of this tutorial session most helpful for units ICTWEB411 Produce Client-Side Script for Dynamic Web Pages.

UML Activity Diagrams

Image courtesy of cooldesign

 

View the recording
Activity Diagrams 52:01 min

In this session on Activity Diagrams TAFE Digital teacher, Barry Collier looks at developing UML Activity Diagrams.

The session covers the following points: What are activity diagrams Constructing an activity diagram Flow Charts Program Constucts Examples

Students will find the content of this Adobe Connect session most helpful for units ICTNWK514 Model preferred system solutions, ICTSAD501 Model data objects & ICTSAD502 Model data processes.

Ethical Conduct and Copyright

Image courtesy of Stuart Miles

 

View the recording
Ethics and Copyright 37:44 min

This is an earlier recording delivered by TAFE Digital teacher Graham Latta on Ethical Conduct and Copyright.

The session covers the following points: The need for ethical guidelines in an organisation Conflict of interest Codes of ethics Grievance procedures Copyright

Students will find the content of this Adobe Connect session most helpful for unit ICTICT418 Contribute to copyright, ethics and privacy in an ICT environment. In particular it is aimed at assisting students with Written Assessment A.

Page Sections Using CSS

Image courtesy of tigger11th

 

View the recording
Page Sections using CSS 60:57 min

In this session on Page Sections using CSS OTEN teacher, Barry Collier looks at developing sections in a HTML page using CSS Selectors.

This session covers the following points: Constructing Styles Units of Measurement Customised Selectors White Space HTML5 Elements

Students will find the content of this Adobe Connect session most helpful for unit ICTWEB429 Create a simple mark-up language document to specification in the Diploma of Information Technology & Diploma of Website Development courses.