391B Orchard Road #23-01 Ngee Ann City Tower B, Singapore 238874
+ 65 66381203

Certificate Associate in Web Development – Styling

Home»Certificate Associate in Web Development – Styling

Certificate Associate in Web Development – Styling

CAWD Styling

Cascading Style Sheets (CSS) use a separate language from HTML. CSS allows you to apply consistent styling of elements across all pages on your site, so that all headings, lists, and paragraphs look and act the same on every page of a site.

The W3C’s philosophy in terms of how HTML and CSS should fit together is (1) use HTML elements to specify a web page’s content, and (2) use CSS to specify a web page’s appearance. There are lots and lots of CSS properties that enable you to determine a web page’s appearance. In this course, we’ll cover quite a few of those properties, but not even close to all of them.

The most tangible part of responsive web design , from the point of view of CSS, is the use of fluid layouts that adapt based on the size of the viewport.

Learning Objectives

Upon completion of the course, participants should be able to:

  • Understand the philosophy of how HTML and CSS should fit together.
  • Know when to use the different selectors—type selectors, the universal selector, class selectors, ID
  • selectors.
  • Know the syntax for the different selectors.
  • Apply CSS rules to the span and div elements.
  • Understand the different cascading levels for CSS rules.
  • Implement external CSS files.
  • Understand the syntax and meaning of the color properties and their values.
  • Understand the syntax and meaning of the font properties and their values.
  • Understand the syntax and meaning of the text properties and their values.
  • Understand the syntax and meaning of the border properties and their values.
  • Understand the syntax and meaning of the padding and margin properties and their values.

Who should attend

This course will help beginners, programmers, application developers and software engineers pick the right strategy for developing cross-platform web applications that run on a variety of desktop computers as well as mobile devices. The primary audience is developers who need to learn how to develop web applications using the HTML5 stack.

Prerequisite

Foundational certificate in Programming

Delivery Method

Mix of Instructor-led, case study driven and hands-on for select phases

H/w, S/w Reqd

JavaScript, CSS, HTML, Chrome Browser with at least 2GB RAM and a Windows /Ubuntu/Mac OS X operating system

Duration

24 Hours (2 days Instructor led + 8 hours online learning)

Enroll Now
  • Course Name: Certificate Associate in Web Development – Styling
  • Location: Singapore
  • Duration: 2 days classroom + 8 hours online
  • Exam Time: 60 minutes
  • Course Price: Call for price
  • Minimum requirements: Foundational Certificate in Programming

 ITPACS LogoITPACS Web Certification Road Map

Course contents

# Topic Method of Delivery
Day 1
1

1 Cascading Style Sheets (CSS)

1.1 Introduction

1.2 CSS Overview

1.3 CSS Rules

1.4 Example with Type Selectors and the Universal Selector

1.5 CSS Syntax and Style

1.6 Class Selectors

1.7 ID Selectors

1.8 span and div Elements

1.9 Cascading

1.10 style Attribute, style Container

1.11 External CSS Files

1.12 CSS Properties

1.13 Color Properties

1.14 RGB Values for Color

1.15 Opacity Values for Color

1.16 HSL and HSLA Values for Color

1.17 Font Properties

1.18 line-height Property

1.19 Text Properties

1.20 Border Properties

1.21 Element Box, padding Property, margin Property

Instructor Led
2

2. Organizing a Page’s Content with Lists, Figures, and Various Organizational Elements

2.1 Introduction

2.2 Unordered Lists

2.3 Descendant Selectors

2.4 Ordered Lists

2.5 Figures

2.6 Organizational Elements

2.7 section, article, and aside Elements

2.8 nav and a Elements

2.9 header and footer Elements

2.10 Child Selectors

2.11 CSS Inheritance

Instructor Led
 

Case study

Hands-on session
Day 2
3

3. Tables and CSS Layout

3.1 Introduction

3.2 Table Elements

3.3 Formatting a Data Table: Borders, Alignment, and Padding

3.4 CSS Structural Pseudo-Class Selectors

3.5 thead and tbody Elements

3.6 Cell Spanning

3.7 Web Accessibility

3.8 CSS display Property with Table Values

3.9 Absolute Positioning with CSS Position Properties

3.10 Relative Positioning

Instructor Led
4

4. Links and Images

4.1 Introduction

4.2 a Element

4.3 Relative URLs

4.4 index.html File

4.5 Web Design

4.6 Navigation Within a Web Page

4.7 CSS for Links

4.8 a Element Additional Details

4.9 Bitmap Image Formats: GIF, JPEG, PNG

4.10 img Element

4.11 Vector Graphics

4.12 Responsive Images

 
5

5. Image Manipulations, Audio, and Video

5.1 Introduction

5.2 Positioning Images

5.3 Shortcut Icon

5.4 iframe Element

5.5 CSS Image Sprites

5.6 Audio

5.7 Background Images

5.8 Web Fonts

5.9 Video

5.10 Centering Content Within the Viewport, Color Gradients

 
6

Frameworks (Bootstrap)

 
 

Case Study

Hands–on session
 

Assignment

Online Self paced

Certification

  • Certificate Title: Certificate Associate in Web Development – Styling
  • Certificate Awarding Body: ITPACS

About ITPACS

Information Technology Professional Accreditations and Certifications Society (ITPACS) is a non-profit organization focused on improving technology skills for the future. ITPACS offers associate level, professional level and leader certifications across 6 domains including data science, web development, mobile development, cyber security, IoT and blockchain. Applicants have to go through a exam eligibility process demonstrating their experience.

Eligibility

The Associate certification is catered to individuals with less than 1 year working experience in the field. This is ideal for newcomers starting out in the profession or those seeking to make an entry into the profession. Applicants are required to have completed the application process prior to taking the exam.  

Styling Eligibility

Exam

  • Exam Format: Closed-book format.
    Questions: 30 multiple choice questions, coding exercises
    Passing Score: 65%
    Exam Duration: 60 minutes
    Proctored
  • Exam needs to be taken within 12 months from the exam voucher issue date

ITPACS Certification Training Road Map

Web Applications

Web Developers build web applications. A web application is one that helps an organization run its business online. ​​Most web applications are built in a three-tier architecture that consists of three important layers: data, logic, and presentation. In web applications, the application structure usually breaks down to database, server, and client, while in modern web development; it can also be broken into database, server logic, client logic, and client UI.

Dynamic web pages are known as pages that are created as soon as a call is sent to the server. So data can be built interactively into the sites. They are particularly helpful when you need to react to user inputs. Forms can be evaluated immediately and the content of the next page can be shown. The application possibilities are nearly unlimited. Whether and to which extent databases are used depends on the goal. Dynamic web pages actually do not need a database.

A popular paradigm for implementing this model is the Model-View-Controller (MVC) architectural pattern. In the MVC paradigm, the logic, data, and visualization are separated into three types of object, each handling its own tasks. The View handles the visual part, taking care of user interaction. The Controller responds to system and user events, commanding the Model and View to change appropriately. The Model handles data manipulation, responding to requests for information or changing its state according to the Controller’s instructions.