CG214 – Course Outline

Week 01: Syllabus review and introduction to HTML

Week 02: In-tag Attributes: Simple HTML Text formatting, links, and HTML Images

Week 03: In-tag Attributes

Week 04: NO CLASS

Week 05: 3-page assignment; Linking different pages

Week 06: 3-page assignment; Linking different pages

Week 07: Midterm Project discussion and Lab (3 … Read more

Lesson 01: Introduction

Learning to write code can be a daunting task, at least at first. Our approach will be to make the basic concepts of coding, HTML coding in particular, more relatable by connecting them to things with which we are familiar. If we can read basic to intermediate code, we can Read more

Lesson 02: Simple HTML

Based on a similar lesson done in class, we started a second simple html document. We talked conceptually about this idea of making the code relatable and also the importance of being able to read our code, tag by tag, attribute by attribute. Making mistakes along the way is very … Read more

Syllabus: CG214 – Web Page Construction

This is merely an overview of the syllabus and course requirements. Please find the official course syllabus on Blackboard via your student login.

Department of Computer Graphics Instructor: Jerome Walford Contact info: jerome_walford@fitnyc.edu

Credits 1.5 Prerequisites: CG111 or department approval Office Hours: (to be coordinated in advance via email)

Course … Read more

CG221 – Course Outline

Week 1 – Introduction. Course Requirements and Overview Coding environment, What is code? HTML language structure: tags and attributes CSS Screen Design and buttons

Week 2 – HTML and CSS Basics. CSS Screen Design and custom buttons.

Week 3 – Character / Object

Week 4 – Character / Object

Week Read more

Padding vs. Margin

Margin controls the invisible open space on the outside of your divider (div tag) Padding controls the invisible open space on the inside of your divider (div tag)

Both of these attributes have multiple ways of being assigned. You can use the version that allows you to assign all four … Read more

Id vs. Class Selectors

Selectors allow you label a div so they can be easily found. You can then construct your CSS styles and store them in the head of your document or even elsewhere and yet still have the ability to apply those styles to the div in the document.

Selectors are what … Read more

Div tags

A div creates a division or section within your html document. This section can wrap around any given content: text, images, video embedded in your page, and more.

A div opens with the tag <div> and closes with </div>

Div became very popular because they start by being invisible but … Read more

HTML Primer

A helpful way to think about learning HTML is to consider it as extending one’s existing vocabulary. Coding is simply a different way to present information, using this ‘new’ vocabulary. Much in the same way as learning a new word or phrase, once someone learns to recognize a tag (a … Read more