Web Authoring CSS. www.fetac.ie. Module Descriptor



Similar documents
Web Authoring. Module Descriptor

Introduction to Adobe Dreamweaver CC

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc mraymond@luminys.com

WEB DEVELOPMENT IA & IB (893 & 894)

{color:blue; font-size: 12px;}

What is CSS? Official W3C standard for controlling presentation Style sheets rely on underlying markup structure

Computer Graphics. Module Descriptor

CST 150 Web Design I CSS Review - In-Class Lab

ITNP43: HTML Lecture 4

How To Create A Web Page On A Windows (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (

CSS. CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo. ADI css 1/28

Web Development I & II*

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Simply download Beepip from and run the file when it arrives at your computer.

Contents. Downloading the Data Files Centering Page Elements... 6

CIS 467/602-01: Data Visualization

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

Web Design and Databases WD: Class 7: HTML and CSS Part 3

Sports Psychology. Level 6 N Module Descriptor

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Creating a Resume Webpage with

Child Psychology. Module Descriptor

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Web layout guidelines for daughter sites of Scotland s Environment

Graphic Design. Module Descriptor

Style & Layout in the web: CSS and Bootstrap

Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS

HTML and CSS. Elliot Davies. April 10th,

Start Your Own Business

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

Database Methods. September Module Descriptor.

SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE

Further web design: Cascading Style Sheets Practical workbook

Web Design with CSS and CSS3. Dr. Jan Stelovsky

JJY s Joomla 1.5 Template Design Tutorial:

Veterinary Practice Management

Network Administration

Introduction to Web Development

Coding Standards for Web Development

Event Management. Module Descriptor

MCH Strategic Data Best Practices Review

Fast track to HTML & CSS 101 (Web Design)

Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library

Interactive Data Visualization for the Web Scott Murray

Web Design for Print Designers WEB DESIGN FOR PRINT DESIGNERS: WEEK 6

Introduction to Web Design Curriculum Sample

Outline of CSS: Cascading Style Sheets

Printed Circuit Board Design & Fabrication

Web Design Specialist

CSS - Cascading Style Sheets

HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

Web Development CSE2WD Final Examination June (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Using Style Sheets for Consistency

Operating Department Care Skills

Reception. September Module Descriptor.

Criminal Law. Level 5 N Module Descriptor

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

Child Development. Module Descriptor

Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,:

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Lesson Review Answers

Advanced Web Design COURSE OUTLINE

GUIDE TO CODE KILLER RESPONSIVE S

Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design

HTML5 and CSS3 Design with CSS Page 1

Web Hosting & Maintenance

The Essential Guide to HTML Design

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

Audio Transcription. Level 6 N Module Descriptor

Programming exercises (Assignments)

Operating Systems. Module Descriptor

Client Server Networks

e-quals Unit Syllabus Level 2 Designing and creating multi-page websites March 2007 Version 1.

Appendix H: Cascading Style Sheets (CSS)

Outline. CIW Web Design Specialist. Course Content

Home-based Childcare

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Smashing CSS: Professional Techniques for Modern Layout, Meyer, Eric A., Wiley, 2011; ISBN: (Recommended)

Responsive Web Design Creative License

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D

CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5

Advanced Editor User s Guide

Animal Anatomy and Physiology

CSS 101. CSS CODE The code in a style sheet is made up of rules of the following types

Web Design and Development Program (WDD)

Course: CSC 224 Internet Technology I (2 credits Compulsory)

Cascading Style Sheets (CSS)

HTML and CSS 2 Class Meetings Instructor Contact Office Hours: Tuesdays 5:30-7:30 PM Online Class Message List Opt Out of Class

Nutrition. September Module Descriptor.

Creator Coding Guidelines Toolbox

Transcription:

The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act, 1999, FETAC now has responsibility for making awards previously made by NCVA. Module Descriptor Web Authoring CSS Level 5 N22953 www.fetac.ie

1 Module Title Web Authoring CSS 2 Module Code N22953 3 Level 5 4 Credit Value 1 credit 5 Purpose This module is a statement of standards to be achieved to gain a FETAC credit in Web Authoring with Cascading Style Sheets at level 5. This module is designed to give the learner the relevant skills to author web pages, and to design, construct and maintain a website. The module as described is independent of platform, browsers, operating systems and editing tools. Course providers are responsible for designing learning programmes which are consistent with the learning outcomes and appropriate to the learners interests and needs. Preferred Entry Level FETAC Level 4, Leaving Certificate or equivalent qualifications and/or relevant life work and experience. 7 Special Requirements None 8 General Aims Learners who successfully complete this module will: 8.1 Be familiar with Hypertext Markup Language (HTML) and the use of HTML editors 8.2 Be familiar with cascading Style Sheets (CSS) and the use of CSS editors 8.3 Design, construct and maintain webpages and a website. 8.4 Acquire the necessary skills and knowledge of design principles for supporting the building, testing and refining of webpages and sites. 9 Units The specific learning outcomes are grouped into 4 units Unit 1 Unit 2 Unit 3 Unit 4 HTML CSS Using HTML and CSS editors Designing and constructing a website 2

10 Specific Learning Outcomes Unit 1 HTML Learners should be able to: 10.1.1 define the term HTML 10.1.2 be aware of different versions of HTML (HTML 4.01, XHTML 1.0. XHTML 1.1) 10.1.3 be aware of different flavours of HTML (strict, transitional and frameset) 10.1.4 identify deprecated and non-deprecated tags and attributes 10.1.5 illustrate a working knowledge of tags and attributes 10.1. use HTML tags to markup the following: - doctype - html - <html> - html page areas - <head>, <body> - page title - <title> - page paragraphs and sections - <p>, <span>, <div> - header elements - <h1>, <h2>, <h3>, <h4>, <h5>, <h> - formatting elements - <strong>, <em> - data tables - <table>, <tr>, <th>, <td>, <caption> - lists - <ol>, <ul>, <li>, <dd>, <dt>, <dl> - images - <img> - links - <a>, <link> - quotes - <q>, <blockquote> - abbreviations - <abbr> - acronyms - <acronym> - meta - <meta> - forms - <form>, <input>, <textarea>, 10.1.7 use HTML attributes with their associated tags - src - <img> - alt - <img> - height - <img> - width - <img> - href - <a> - title - <a>, <acronym>, <abbr> - lang - <html>, <span> - id - <span>, <div> - class - <span>, <div> - summary - <table> - type - <input> - border - <table> 3

10.1.8 use html markup to insert special symbols - copyright symbol - - ampersand symbol - & - less than sign - < - greater than sign - > - double quotes - " 10.1.9 be aware of backward compatibility issues 10.1.10 be aware of different linking structures relative and absolute and demonstrate the ability to link to an anchor within a page, to link to external pages within the website structure, and to link to existing externally hosted web pages and websites. 10.1.11 Be able to validate their HTML markup using HTML validators Unit 2 Cascading Style Sheets (CSS) Learners should be able to: 10.2.1 Define the term CSS 10.2.2 Be aware of different versions of CSS (CSS1, CSS2 and CSS3) 10.2.3 Demonstrate an understanding of linked, embedded and inline styles and evaluate the advantages and disadvantages of each 10.2.4 Illustrate a working knowledge of CSS styling using HTML tags, class and id as selectors. 10.2.5 Use the following styles to visually style an associated HTML document. - font and text properties: font-family, font-style, font-variant, font-weight, font-size, font, textdecoration, text-decoration, text-align, line-height - colour and background properties: color, background-color, background-image, background, url - positioning: absolute, relative, static, fixed, float - borders: border, border-color, border-width, borderstyle - lists: list-style-type, list-style-image - units: %, ems, small / medium / large 10.2. Understand and use the RBG hexadecimal colour notation within styles. 4

10.2.7 Recognise the concept of inheritance in CSS documents 10.2.8 Demonstrate an understanding of pseudo-elements - a:link - a:hover - a:active - a:visited 10.2.9 Be able to validate their CSS markup using CSS validators Unit 3 Using HTML and CSS editors Learners should be able to: 10.3.1 use an HTML editor to generate HTML tags and attributes 10.3.2 use a CSS editor to generate CSS style sheets 10.3.3 outline the advantages and disadvantages of handcoding versus using editors Unit 4 Designing and constructing a website Learners should be able to: 10.4.1 identify site objectives and potential target audience 10.4.2 identify requirements of the website production process 10.4.3 identify file types and used in websites with regard to graphics, video, audio and multimedia 10.4.4 create a schedule of events incorporating a design phase, a development phase and an evaluation phase 10.4.5 create a logical and intuitive navigation system 10.4. identify and use appropriate typographic elements 10.4.7 optimise graphic elements for download speed 10.4.8 test website for cross browser, cross platform, resolution and colour depth compatibility 10.4.9 evaluate site content in terms of speed of user access 10.4.10 evaluate site content in terms of general usability principles 10.4.11 create an organised file management system within the website structure. 5

11 Assessment Summary Assignment 30% Project 50% Learner Record 20% 11.1 Assignment The Internal Assessor will devise a brief that requires candidates to demonstrate: Understanding and application of HTML tags and attributes Understanding and application of CSS style sheets Ability to create a webpage corresponding to a given design Ability to verify that the HTML and CSS are valid and conform to the W3C Specifications Candidates must demonstrate the correct use of HTML and CSS in the processes identified in Unit 1 and Unit 2 11.2 Project The Internal Assessor will devise a brief that requires candidates to demonstrate: Mastery of web authoring equipment and techniques Website Design Website Development Candidates should design & construct a website for an identified audience. The website should demonstrate an understanding of the learning outcomes identified in Units 3 and 4. Evidence for the project will include: A schedule of events to include proposed deadlines for key stages of the website design process, in particular the design, development and evaluation phases of the website. Initial Design Image & images of the website at key stages during it s development. Completed Functional Website 11.3 Learner Record A personal journal will be compiled by candidates. It will include the following aspects of the candidates experience: Evaluation of the completed website Description of activities including challenges/conflicts encountered and how dealt with Reflection on experiences at the time The journal may be presented in writing or a visual media, such as PowerPoint, multimedia, or web. Any visual evidence must be provided on CD. 12 Grading Pass 50-4% Merit 5-79% Distinction 80-100%

Individual Candidate Marking Sheet 1 Web Authoring with CSS Assignment 30% Project 50% Learner Record 20% Candidate Name: PPSN: Centre: Centre No.: Assignment Assessment Criteria Maximum Mark Candidate Mark Webpage conforms to design 15 HTML and CSS conform to the W3C specification 15 Subtotal 30 Project Navigation solution is appropriate and clear Site design & content is appropriate for target audience Typographic elements are appropriate and clear Website is cross browser compatible and works across different screen resolutions Website elements are optimised for fast downloading HTML and CSS conform to the W3C specification A schedule of events completed 10 10 Learner Record Subtotal 50 In depth evaluation and analysis of site with logical 10 conclusions and recommendations Challenges/conflicts encountered and how dealt with 5 Reflection on experiences 5 Subtotal 20 TOTAL MARKS This mark should be transferred to the Module Results Summary Sheet 100 Internal Assessor s Signature: Date: External Authenticator s Signature: Date: 7

FETAC Module Results Summary Sheet Module Title: Module Code: Web Authoring with Cascading Style Sheets N22953 Candidate Surname Candidate Forename Mark Sheet 1 100 Total 100% Grade* Signed Internal Assessor: Date: This sheet is for internal assessors to record the overall marks of the individual candidates. It should be retained in the centre. The marks awarded should be transferred to the official FETAC Module Results Sheet issued to centres before the visit of the external Authenticator. Grade * D: 80-100% M: 5-79% P: 50-4% U: 0-49% W: candidates entered who did not present for assessment 8