Categories for Lectures

WEBD 100 – Links, Absolute, Relative & Linking to Parts Of The Page

Websites are basically a bunch of files (html files) linked to each other. This ultimately creates the World Wide Web. How do these files link to each other? With anchor tags! <a href=””>Link</a> It’s that simple. With some caveats… There are different types of links and to understand the concept on how they work. We… View Article

WEBD 100 – Intro to CSS 4

Intro to CSS 4 Typography – Deploying google fonts As we learned before when we discussed font families. A website relies on the user’s computer to have any given font installed on the user’s computer to be used on the webpage the user is viewing. If not, the typography will revert to the next font… View Article

WEBD 100 & MDCP 102 – Intro to CSS 3

Intro to CSS 5 – Positioning So far we have learned a good bit on CSS. In the first lecture we touched a little on positioning with padding and margins but we need to dive a bit deeper so we can feel more confident in working with layouts and placement. Some of this might be… View Article

WEBD 100 & MDCP 102 – Intro to CSS 2

INTRO TO CSS 3 – STYLING TABLES & CLASS vs ID Using the deployment methods discussed in the previous lectures. You can easily style your table, either inline with CSS or externally with CSS. Let’s say we had a 3 X 5 table: <table> <tr> <td>Employee Name</td> <td>Name1</td> <td>Name2</td> <td>Name3</td> <td>Name4</td> </tr> <tr> <td>Position</td> <td>Pos1</td>… View Article

WEBD 100 & MDCP 102 – Intro to CSS 1

WHAT IS CSS? CSS (Cascading style sheets) are the method in which websites (and developers) control visual & positioning aspects of a website’s front end. Think of a house, the house being built using HTML, The CSS would essentially be the interior design, controlling the colors of paint, floor style, furniture and positioning and so… View Article

WEBD 100 & MDCP 102 – Intro to HTML 2

INTRO TO HTML 2 – ATTRIBUTES TABLES & FORMS Attributes Last week we learned about tags, we should be used to seeing them now <tag> </tags> but we can add to these tags, when we add to them, we give them attributes. Attributes describe more in detail about that specific tag. Example: <tag attribute=”value”> </tag>… View Article

WEBD 100 & MDCP 102- Intro to HTML 1

INTRO TO HTML 1 Building Web Page Basics In this lecture, we will be taking a very basic look at HTML web pages, how HTML works and how to structure a blank webpage as a starting point. This lecture is designed to give you a basic understanding on how a webpage works, what different elements… View Article

WEBD-100 Class Introduction

Welcome to WEB TECH 1 What will you learn here? In this course you will learn HTML, CSS, design/development and servers/hosting. You will also learn various programs such as Adobe Dreamweaver (and other associated Adobe products), Visual Studio Code as well as FileZilla. But as much as you will learn these things, you will also… View Article

MDCP 102 – Intro to CMS Systems & WordPress (Web)

Intro to WordPress What is WordPress? Before we answer this question, we should ask: what are content management systems? Content Management Systems are software/web applications that are used to manage the creation, modification and deletion of digital content. Content management systems are built with programming languages, such as PHP which run server side code to… View Article

MDCP 102 – BG Gradients & Logos

BG Gradients & Logos Background gradients We can make background gradients very easily using CSS. .header { background: linear-gradient(); } If we select an object, we can use the background property and give it the linear gradient rule. .header { background: linear-gradient(45deg, rgb(0, 115, 255), rgb(255, 0, 221)); } After that, we need to give… View Article