VCE / VET INFORMATION AND COMMUNICATION TECHNOLOGY
|
|
- Kelley Mildred Ramsey
- 6 years ago
- Views:
Transcription
1 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
2 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
3 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
4 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 Trainers will need to enter their Login and Password details to access IVET Connect. (this code has been sent to all trainers via ) Copyright IVET 2018 Edition 4
5 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 Copyright IVET 2018 Edition 5
6 HOW TO ACTIVATE ASSESSMENTS VET Information and Communication Technology YEAR 2 (Units 3&4)- TEACHER RESOURCE HOW TO MARK ASSESSMENTS ON LINE STUDENTS PROGRESS 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
7 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
8 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 Find errors in the HTML syntax 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 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 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
9 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 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
10 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
11 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 - 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
VCE / VET INFORMATION AND COMMUNICATION TECHNOLOGY
Innovative Vocational Education and Training Institute VCE / VET INFORMATION AND COMMUNICATION TECHNOLOGY YEAR 2 (UNITS 3 & 4) Student name: Year level: Class: STUDENT WORKBOOK CERTIFICATE III (ICT30115)
More informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
More informationCo. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910
Co. Louth VEC & Co. Monaghan VEC Programme Module for Web Authoring leading to Level 5 FETAC Web Authoring 5N1910 Web Authoring 5N1910 1 Introduction This programme module may be delivered as a standalone
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More information[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6
[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course
More informationCSS: The Basics CISC 282 September 20, 2014
CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML
More informationHTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية
HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for
More informationAssignments (4) Assessment as per Schedule (2)
Specification (6) Readability (4) Assignments (4) Assessment as per Schedule (2) Oral (4) Total (20) Sign of Faculty Assignment No. 02 Date of Performance:. Title: To apply various CSS properties like
More informationReading 2.2 Cascading Style Sheets
Reading 2.2 Cascading Style Sheets By Multiple authors, see citation after each section What is Cascading Style Sheets (CSS)? Cascading Style Sheets (CSS) is a style sheet language used for describing
More informationSession 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style
Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use
More informationWeb Design and Development Tutorial 03
Table of Contents Web Design & Development - Tutorial 03... 2 Using and Applying CSS to XHTML... 2 Conventions... 2 What you need for this tutorial... 2 Common Terminology... 3 Parent / Child Elements...
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationWelcome Please sit on alternating rows. powered by lucid & no.dots.nl/student
Welcome Please sit on alternating rows powered by lucid & no.dots.nl/student HTML && CSS Workshop Day Day two, November January 276 powered by lucid & no.dots.nl/student About the Workshop Day two: CSS
More informationIndex. 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
Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationBlackboard staff how to guide Accessible Course Design
The purpose of this guide is to help online course authors in creating accessible content using the Blackboard page editor. The advice is based primarily on W3C s Web Content Accessibility Guidelines 1.0
More informationCSS Cascading Style Sheets
CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with
More informationDeccansoft Software Services
Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationTo illustrate how to set TAG styles the <body> and <h1> tags (for the BODY and the HEADING 1 styles) will be adjusted.
Chapter The formatting of CSS pages is carried out by setting the required styles. There are four different types of styles: Class which are custom styles that you create. You did this in Chapter 12. Tag
More informationAppendix D CSS Properties and Values
HTML Appendix D CSS Properties and Values This appendix provides a brief review of Cascading Style Sheets (CSS) concepts and terminology, and lists CSS level 1 and 2 properties and values supported by
More informationE-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables
Lab 5 Valid HTML, Home Page & Editor Tables Navigation Topics Covered Server Side Includes (SSI) PHP Scripts menu.php.htaccess assessment.html labtasks.html Software Used: HTML Editor Background Reading:
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationIntroduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100
Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!
More informationWeb Development IB PRECISION EXAMS
PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards
More informationTaking Fireworks Template and Applying it to Dreamweaver
Taking Fireworks Template and Applying it to Dreamweaver Part 1: Define a New Site in Dreamweaver The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate
More informationJoomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual 1 Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several
More informationIntroduction to using HTML to design webpages
Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the
More informationWeb Development & Design Foundations with HTML5
Web Development & Design Foundations with HTML5 KEY CONCEPTS Copyright Terry Felke-Morris 1 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets from print
More informationWeb Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 3 CSS BASICS Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets
More informationCSS. https://developer.mozilla.org/en-us/docs/web/css
CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties
More informationIntroduction to CSS. 2 Sep 13. Derek Peacock. An introduction to defining CSS style rules using tags, classes and ids.
An introduction to defining CSS style rules using tags, classes and ids. 1 The HTML file contains the raw content of a web page, and the css style sheet should control all the design and look of a web
More informationWanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster.
Wanted! Introduction In this project, you ll learn how to make your own poster. Step 1: Styling your poster Let s start by editing the CSS code for the poster. Activity Checklist Open this trinket: jumpto.cc/web-wanted.
More informationChapter 7 Typography, Style Sheets, and Color. Mrs. Johnson
Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and
More informationDesigning the Home Page and Creating Additional Pages
Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From
More informationHTML/XML. HTML Continued Introduction to CSS
HTML/XML HTML Continued Introduction to CSS Entities Special Characters Symbols such as +, -, %, and & are used frequently. Not all Web browsers display these symbols correctly. HTML uses a little computer
More informationMinistry of Higher Education and Scientific Research
Morning Study Department of information technology Institute of Technical - Duhok. University of Polytechnic Duhok. Subject: Web Technology Course book for 2nd year. Lecturer s name: MSc. Ayman Nashwan
More informationMark Scheme (Results)
Mark Scheme (Results) Pearson Edexcel Certificate in Digital Applications Unit 5: Coding for the Web Edexcel and BTEC Qualifications Edexcel and BTEC qualifications are awarded by Pearson, the UK s largest
More informationComm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site
Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look
More information11. HTML5 and Future Web Application
11. HTML5 and Future Web Application 1. Where to learn? http://www.w3schools.com/html/html5_intro.asp 2. Where to start: http://www.w3schools.com/html/html_intro.asp 3. easy to start with an example code
More informationStyles, Style Sheets, the Box Model and Liquid Layout
Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationLava New Media s CMS. Documentation Page 1
Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the
More informationLab Introduction to Cascading Style Sheets
Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 2
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 2 Plan for the next 4 weeks: Introduction to HTML tags, creating our template file Introduction to CSS and style Introduction to JavaScript
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationINFORMATION AND COMMUNICATION TECHNOLOGY 0417/03. Paper 3 Data Analysis and Website Authoring For examination from 2020
Cambridge IGCSE INFORMATION AND COMMUNICATION TECHNOLOGY 0417/03 Paper 3 Data Analysis and Website Authoring For examination from 2020 SPECIMEN PAPER 2 hours 30 minutes *0123456789* You will need: Candidate
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More information1.0 Overview For content management, Joomla divides into some basic components: the Article
Joomla! 3.4.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
More informationMake a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1
Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web
More informationCompuScholar, Inc. Alignment to Utah's Web Development I Standards
Course Title: KidCoder: Web Design Course ISBN: 978-0-9887070-3-0 Course Year: 2015 CompuScholar, Inc. Alignment to Utah's Web Development I Standards Note: Citation(s) listed may represent a subset of
More informationIntroducing Cascading Style Sheets. Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS
Introducing Cascading Style Sheets Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS Cascading Style Sheet Basics CSS has many benefits: The pages look
More informationWEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5
WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 LEARNING OUTCOMES In this chapter, you will learn how to... Describe the evolution of style sheets from print media to the Web List
More informationDownloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -
Week One Tools The Basics: Windows - Notepad Mac - Text Edit Downloads: Google Chrome Browser (Free) - www.google.com/chrome/ Adobe Brackets (Free) - www.brackets.io Our work over the next 6 weeks will
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
More informationChapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21
Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...
More informationNavigation. Websites need a formalized system of links to allow users to navigate the site
Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationIn the early days of the Web, designers just had the original 91 HTML tags to work with.
Web Design Lesson 4 Cascading Style Sheets In the early days of the Web, designers just had the original 91 HTML tags to work with. Using HTML, they could make headings, paragraphs, and basic text formatting,
More informationUNSW Global Website Branding Guidelines. Website Brand Guidelines
Website Brand Guidelines I Contents 1 Introduction... 1 2 Website Structure... 1 2.1 Page structure overview... 1 2.2 Home page structure... 1 2.3 Secondary page structure... 4 3 Page elements... 6 3.1
More informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationHTML TUTORIAL ONE. Understanding What XHTML is Not
HTML TUTORIAL ONE Defining Blended HTML, XHTML and CSS HTML: o Language used to create Web pages o Create code to describe structure of a Web page XHTM: o Variation of HTML o More strictly defines how
More informationDreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5
Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Set and modify document
More informationHTML and CSS a further introduction
HTML and CSS a further introduction By now you should be familiar with HTML and CSS and what they are, HTML dictates the structure of a page, CSS dictates how it looks. This tutorial will teach you a few
More informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
More informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationCOWLEY COLLEGE & Area Vocational Technical School
COWLEY COLLEGE & Area Vocational Technical School COURSE PROCEDURE FOR Student Level: This course is open to students on the college level in either the freshman or the sophomore year. Catalog Description:
More informationCambridge International Examinations Cambridge International General Certificate of Secondary Education
Cambridge International Examinations Cambridge International General Certificate of Secondary Education *9248013325* INFORMATION AND COMMUNICATION TECHNOLOGY 0417/32 Paper 3 Data Analysis and Website Authoring
More informationCMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 3 Cascading Style Sheets (CSS) Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you
More informationDesigning for Web Using Markup Language and Style Sheets
Module Presenter s Manual Designing for Web Using Markup Language and Style Sheets Effective from: July 2014 Ver. 1.0 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 July 2014 New
More informationGIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationAs we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.
Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address
More informationReview Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em>
Introduction to CSS Review Question 1 Which tag is used to create a link to another page? 1. 2. 3. 4. Review Question 1 Which tag is used to create a link to another page? 1. 2.
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationCreating Forms. Starting the Page. another way of applying a template to a page.
Creating Forms Chapter 9 Forms allow information to be obtained from users of a web site. The ability for someone to purchase items over the internet or receive information from internet users has become
More informationMark Scheme (Results) January Pearson Edexcel Level 2 Diploma In Digital Applications. Unit 5: Coding for the Web
Mark Scheme (Results) January 207 Pearson Edexcel Diploma In Digital Applications Unit 5: Coding for the Web Edexcel and BTEC Qualifications Edexcel and BTEC qualifications are awarded by Pearson, the
More informationCascading Style Sheets Level 2
Cascading Style Sheets Level 2 Course Objectives, Session 1 Level 1 Quick Review Chapter 6 Revisit: Web Fonts Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your Site s Navigation Begin
More informationLab 1: Introducing HTML5 and CSS3
CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.
More informationWhat is the Box Model?
CSS Box Model What is the Box Model? The box model is a tool we use to understand how our content will be displayed on a web page. Each HTML element appearing on our page takes up a "box" or "container"
More informationAdding CSS to your HTML
Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,
More informationMark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web
Mark Scheme Edexcel Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first candidate in exactly
More informationCourse Outline Advanced Web Design
Course Outline Advanced Web Design For Professionals Who Can Participate? Anyone can join who has the interest to get into the creative web design profession. Prerequisite: Technical Skill: Must have the
More informationExaminers Report Principal Examiner Feedback
Examiners Report Principal Examiner Feedback Summer 2017 Pearson Edexcel Level 2 Diploma in Digital Applications (DA205) Paper 01 Coding for the Web Edexcel and BTEC Qualifications Edexcel and BTEC qualifications
More informationDreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production
Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information
More informationCSS worksheet. JMC 105 Drake University
CSS worksheet JMC 105 Drake University 1. Download the css-site.zip file from the class blog and expand the files. You ll notice that you have an images folder with three images inside and an index.html
More informationSession 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties
Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html
More informationCSS 1: Introduction. Chapter 3
CSS 1: Introduction Chapter 3 Textbook to be published by Pearson Ed 2015 in early Pearson 2014 Fundamentals of Web http://www.funwebdev.com Development What is CSS? You be styling soon CSS is a W3C standard
More informationFigure 1 Properties panel, HTML mode
How to add text Adding text to a document To add text to a Dreamweaver document, you can type text directly in the Document window, or you can cut and paste text. You modify text by using the Properties
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More information('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1
STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment, in the development of up-to-date concepts and skills that are used in the
More informationUsing Dreamweaver CS6
Using Dreamweaver CS6 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationHow to create and edit a CSS rule
Adobe Dreamweaver CS6 Project 3 guide How to create and edit a CSS rule You can create and edit a CSS rule in two locations: the Properties panel and the CSS Styles panel. When you apply CSS styles to
More informationFUNDAMENTALS OF WEB DESIGN (405)
Page 1 of 8 Contestant Number: Time: Rank: FUNDAMENTALS OF WEB DESIGN (405) REGIONAL 2015 Multiple Choice & Short Answer Section: Multiple Choice (20 @ 10 points each) Application (200 pts) (205 pts) TOTAL
More informationAnnouncements. Paper due this Wednesday
Announcements Paper due this Wednesday 1 Client and Server Client and server are two terms frequently used Client/Server Model Client/Server model when talking about software Client/Server model when talking
More informationDREAMWEAVER QUICK START TABLE OF CONTENT
DREAMWEAVER QUICK START TABLE OF CONTENT Web Design Review 2 Understanding the World Wide Web... 2 Web Browsers... 2 How Browsers Display Web pages... 3 The Web Process at Sacramento State... 4 Web Server
More informationCMPT 165: More CSS Basics
CMPT 165: More CSS Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 14, 2011 1 The Favorites Icon The favorites icon (favicon) is the small icon you see
More informationNetworks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS. 8 Oct 2015
Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS 8 Oct 2015 What is CSS? o CSS (Style Sheet) defines how HTML elements are formatted and displayed. o It helps you easily change an HTML
More informationThe building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).
WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made
More informationDreamweaver MX Overview. Maintaining a Web Site
Dreamweaver MX Overview Maintaining a Web Site... 1 The Process... 1 Filenames... 1 Starting Dreamweaver... 2 Uploading and Downloading Files... 6 Check In and Check Out Files... 6 Editing Pages in Dreamweaver...
More information