VCE / VET INFORMATION AND COMMUNICATION TECHNOLOGY

Similar documents
VCE / VET INFORMATION AND COMMUNICATION TECHNOLOGY

Page Layout Using Tables

Co. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910

ICT IGCSE Practical Revision Presentation Web Authoring

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

CSS: The Basics CISC 282 September 20, 2014

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية

Assignments (4) Assessment as per Schedule (2)

Reading 2.2 Cascading Style Sheets

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style

Web Design and Development Tutorial 03

ICT IGCSE Practical Revision Presentation Web Authoring

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

Blackboard staff how to guide Accessible Course Design

CSS Cascading Style Sheets

Deccansoft Software Services

Creating Web Pages with SeaMonkey Composer

To illustrate how to set TAG styles the <body> and <h1> tags (for the BODY and the HEADING 1 styles) will be adjusted.

Appendix D CSS Properties and Values

E-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables

How to lay out a web page with CSS

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Web Development IB PRECISION EXAMS

Taking Fireworks Template and Applying it to Dreamweaver

Joomla! 2.5.x Training Manual

Introduction to using HTML to design webpages

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5

CSS.

Introduction to CSS. 2 Sep 13. Derek Peacock. An introduction to defining CSS style rules using tags, classes and ids.

Wanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster.

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

Designing the Home Page and Creating Additional Pages

HTML/XML. HTML Continued Introduction to CSS

Ministry of Higher Education and Scientific Research

Mark Scheme (Results)

Comm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site

11. HTML5 and Future Web Application

Styles, Style Sheets, the Box Model and Liquid Layout

Dreamweaver Basics Outline

Lava New Media s CMS. Documentation Page 1

Lab Introduction to Cascading Style Sheets

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 2

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

INFORMATION AND COMMUNICATION TECHNOLOGY 0417/03. Paper 3 Data Analysis and Website Authoring For examination from 2020

Introduction to WEB PROGRAMMING

1.0 Overview For content management, Joomla divides into some basic components: the Article

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

Introducing Cascading Style Sheets. Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5

Downloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -

Web Publishing Basics I

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Navigation. Websites need a formalized system of links to allow users to navigate the site

HTML. Hypertext Markup Language. Code used to create web pages

In the early days of the Web, designers just had the original 91 HTML tags to work with.

UNSW Global Website Branding Guidelines. Website Brand Guidelines

c122jan2714.notebook January 27, 2014

HTML TUTORIAL ONE. Understanding What XHTML is Not

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

HTML and CSS a further introduction

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Html basics Course Outline

COWLEY COLLEGE & Area Vocational Technical School

Cambridge International Examinations Cambridge International General Certificate of Secondary Education

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

Designing for Web Using Markup Language and Style Sheets

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

ADOBE DREAMWEAVER CS4 BASICS

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

Review Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em>

HTML and CSS COURSE SYLLABUS

Creating Forms. Starting the Page. another way of applying a template to a page.

Mark Scheme (Results) January Pearson Edexcel Level 2 Diploma In Digital Applications. Unit 5: Coding for the Web

Cascading Style Sheets Level 2

Lab 1: Introducing HTML5 and CSS3

What is the Box Model?

Adding CSS to your HTML

Mark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web

Course Outline Advanced Web Design

Examiners Report Principal Examiner Feedback

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

CSS worksheet. JMC 105 Drake University

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

CSS 1: Introduction. Chapter 3

Figure 1 Properties panel, HTML mode

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1

Using Dreamweaver CS6

How to create and edit a CSS rule

FUNDAMENTALS OF WEB DESIGN (405)

Announcements. Paper due this Wednesday

DREAMWEAVER QUICK START TABLE OF CONTENT

CMPT 165: More CSS Basics

Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS. 8 Oct 2015

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

Dreamweaver MX Overview. Maintaining a Web Site

Transcription:

Innovative Vocational Education and Training VCE / VET INFORMATION AND COMMUNICATION TECHNOLOGY YEAR 2 (UNITS 3 & 4) TEACHER RESOURCE CERTIFICATE III (ICT30115) CORE COMPETENCIES and SELECTED ELECTIVES Copyright IVET 2018 Edition 1

HOW TO USE YOUR TEACHER RESOURCE The teacher resource contains: ü Instructions for Assessment ü Suggested answers for some of the student workbook activities ü Software requirements for each unit Please note - Only pages that have the following copyright waiver, can be photocopied by the purchasing school: ***IVET grants permission for this page to be photocopied by the purchasing school for the 2018 school year Copyright IVET 2018 Edition 2

CONTENTS IMPORTANT ASSESSMENT INFORMATION ***To be read prior to beginning your VET in schools program 4 Software requirements 8 ELECTIVES CHAPTER 1 ICTWEB301 - Create a simple mark-up language document 9 ICTWEB302 - Build simple websites using commercial programs BSBEBU401 - Review and maintain a website. CORE UNITS (Examinable) CHAPTER 2 ICTICT301 Create user documentation 15 CHAPTER 3 ICTSAS307 Install, configure, and secure a small office or home office network 20 CHAPTER 4 ICTICT302 Install and optimise operating system software 26 CHAPTER 5 ICTSAS305 Provide IT advice to clients 37 CHAPTER 6 ICTSAS306 Maintain equipment and software 42 Copyright IVET 2018 Edition 3

IMPORTANT INFORMATION HOW TO COMPLETE YOUR IVET INSTITUTE ASSESSMENTS As a Registered Training Organisation (RTO) the IVET Institute is required to ensure that all of our VET in school students complete compliant assessments that have been thoroughly mapped in accordance with ASQA s (the National VET regulator) requirements. This assessment must be completed for every student for every unit of competency completed. Your students will be provided with all assessment materials online through IVET s on line portal IVETConnect (www,ivetinstitute.com.au). Students are required to log in with the secure password given to them by IVET and complete all of their assessment online. Each student is required to complete every assessment that is part of your schools program. All assessors are required to mark the students work on line and competency cannot be achieved until this occurs. All other materials provided by IVET, including student and teacher resources, are to support you in your teaching; we do not require any tasks, assignments or activities from these resources. LOGGING IN 1. Prior to completing any assessment tasks, trainer must first set up their classes on line. This is a very easy process and can be completed in three simple steps. 2. Trainers are to access the IVET Connect logo located on the IVET Institute website. www.ivetinstitute.com.au 3. Trainers will need to enter their Login and Password details to access IVET Connect. (this code has been sent to all trainers via email) Copyright IVET 2018 Edition 4

HOW TO SET UP A CLASS VET Information and Communication Technology YEAR 2 (Units 3&4)- TEACHER RESOURCE Trainers are to then select the icon at the top of the triangle named SET UP AND MANGE MY CLASSES and follow the structure of setting up a class. Only students names and your class name need to be entered. HOW TO COMPLETE AND ACCESS TRAINER QUALIFICATIONS The teacher dashboard allows trainers to access all of their qualifications in PDF format that have been stored from past years as well as complete new qualification updates. Note: Trainers will not be able to assess students until qualifications have been approved HOW TO LOCATE STUDENT LOG IN DETAILS 1. 2. Copyright IVET 2018 Edition 5

HOW TO ACTIVATE ASSESSMENTS VET Information and Communication Technology YEAR 2 (Units 3&4)- TEACHER RESOURCE 1. 2. HOW TO MARK ASSESSMENTS ON LINE 1. 2. STUDENTS PROGRESS 1. 2. 3. Note: Tutorials can be found on how to use IVET Connect detailing what are all features of this system on each section of IVET Connect. Simply select the tutorial or for further information contact IVET Copyright IVET 2018 Edition 6

SOFTWARE REQUIRED TO COMPLETE STUDENT HANDBOOK The following is a list of software required to complete activities in the student handbook. Standard applications include a word processor, spreadsheet application, presentation software, a web browser and a PDF reader. Software marked in bold may need to be installed onto a virtual machine. Chapter 1 Build a basic website using commercial programs + Create a simple mark-up language document + Review and maintain a website Text editor (Notepad++) FTP client (FileZilla) Chapter 2 Create user documentation Wisdom-soft Screen Hunter 6 Free Chapter 3 Install and optimise an operating system Virtual Box Windows Ubuntu Chapter 5 Provide IT advice to clients Database software Chapter 6 Maintain equipment and software in working order Database software Virtual Box Windows MemTest86+ Copyright IVET 2018 Edition 7

Build a basic website using commercial programs + Create a simple markup language document + Review and maintain a website Assessment Guide Activity Answers Product or answers demonstrate satisfactory understanding Review Questions Set 1 All questions answered with appropriate detail Satisfactory grammar and document formatting 1.1 Hello world web page Web page appears as required Review Questions Set 2 All questions answered with appropriate detail Satisfactory grammar and document formatting 1.2 - Find errors in the HTML syntax 10-14 errors identified 1.3 About Me web page All Headings and required content included 1.4 Formatting the About me web page using CSS Page appears with formatting shown in the example CSS file linked to HTML file 1.5 - Glossary of common CSS properties All 12 CSS properties described and values provided 1.6 Formatting using class All CSS formatting using class as shown in the example 1.7 Create a web page about basic HTML elements 1.8 Validate HTML and CSS documents 1.9 Testing web page in multiple browsers 1.10 Create a free web hosting account 1.11 Connect to web host using FTP client Three headings and paragraphs included Each element described CSS used to format the page Pages checked for validation Table filled in Screenshots taken Browsers compared Account created All log-in details noted FileZilla connected to web hosting server Web page uploaded to server 1.12 Create index.html, validate, and upload via ftp Index.html created and uploaded to web host 1.13 Insert images on a web page Three Images appear correctly on web page Reverse Review Questions Set 3 All questions answered with appropriate detail Satisfactory grammar and document formatting 1.14 Insert tables on a web page Tables inserted on the web page as shown in the example 1.15 Insert a form on a web page Form inserted on a web page with all different form aspects 1.16 Insert hyperlinks on a web page Three local and three internet hyperlinks included on the page Review Questions Set 4 1.17 Create a website 1.18 Testing the website 1.19 Gather Feedback All questions answered with appropriate detail Satisfactory grammar and document formatting Site contains four pages Demonstrates use of all elements of the unit Has been uploaded to the web hosting service Website tested on 4 desktop and 2 mobile browsers Comments made about each 5+ users surveyed Graphs created 1.20 Review Feedback Both sections clearly detailed 1.21 Update Website Updates made to website Copyright IVET 2018 Edition 8

CHAPTER 1 REVIEW QUESTIONS (Set 1) 1. Define the term mark-up language A Markup language is a type of computer language that is used to specify the type of content that will appear on a web page. 2. What content is included in the page title? The name of the web page, as it will appear in the top bar of the browser window. 3. What are two reasons why headings should be placed on a web page? To make finding sections of the page easier for the user, and to allow search engines to identify the content on your page. 4. Explain the difference between an ordered and unordered list. An ordered list uses numbers or letters in descending order, whereas an unordered list uses dot points or boxes. 5. What is the purpose of a web authoring tool? Provide an example. To provide the necessary interface and features to create a web page. Examples include Adobe DreamWeaver or Notepad++. 6. Why is a web browser required for web page development? To view the effect changes in the HTML is having on the web page. 7. What is the purpose of a web hosting service? For developers to upload websites for public access. 8. What does a FTP client do? Connects to an FTP server to allow for the download and upload of files. Copyright IVET 2018 Edition 9

CHAPTER 1 REVIEW QUESTIONS (Set 2) 1. To what version of the HTML and CSS specifications will web pages and style sheets be created for this unit? HTML 5 and CSS3. 2. Who maintains the HTML and CSS specifications? The World Wide Web Consortium (W3C). 3. Describe the three parts of the HTML syntax. The three parts of the HTML syntax are, 1) The open tag, which starts the element and describes what the content is; 2) the content, the actual text or images that will appear on the page; and 3) the end tag, which closes the element, indicating the content has ended. 4. True or False? - All tags MUST be written using upper-case False tags must be written in lowercase for validation purposes. 5. What is the purpose of the DOCTYPE declaration? To define the type of mark-up used in a document, and to what specification level. 6. List the five elements required to set up a web page. <html>, <head>, <meta>, <title> and <body>. 7. True or False? All the content in the <head> element will not appear on the web page. True. To appear on the page, content must be placed in the <body> element. 8. What is the purpose of the body tag? All content that is to appear on the page is placed inside the body element. 9. Describe the effect extra spaces between tags and elements have on a web page. Extra spaces have no effect on a web page however they do make reading the mark-up easier for the developer. Copyright IVET 2018 Edition 10

GLOSSARY COMMON CSS PROPERTIES Software required: Web browser Instructions: Below is a list of commonly used CSS properties. In this activity, you will create a reference glossary, outlining the effect each property will have on a selector, and provide an example of possible values that can be used. Enter the required information into the table. One property has been completed as an example. Use this website - www.w3schools.com/cssref/default.asp, or choose another CSS reference to complete this activity. CSS Property Effect property has on selector/tag Possible values background-color backgroundimage border Sets a colour for the background of the element. Can be used for the background colour of the entire page. Sets an image as the background for an element. Can be used to set an image as the background for the entire page. Sets the all the border properties of an element Names of colours red RGB values (100,200,255) Hexadecimal colour codes #12781B Image filename and location Width in pixels, style (dotted, solid) and colour border-style Sets the style of a border Solid, dotted, double, dashed color font-family font-size height margin Changes the colour of the contents of the tag (usually text based content) Sets the type of font used for an element, such as a paragraph Sets the font size of an element, such as a paragraph Sets the height of an element. Common for tables Sets the outside margin around an element Names of colours red RGB values (100,200,255) Hexadecimal colour codes #12781B Font names Times New Roman, Arial Size is ems. 1em is equal to 16px. Pixels (px) or percentage (%) Pixels (px) or percentage (%) padding Sets the inner padding inside an element Pixels (px) or percentage (%) text-align Aligns the content of the element Left, center, right width Sets the width of an element. Common for tables Pixels (px) or percentage (%) Copyright IVET 2018 Edition 11