Thursday, September 24, 2020

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.

Wednesday, September 16, 2020

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.

Monday, August 17, 2020

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.

Wednesday, July 29, 2020

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.