MRK260. Week Two. Graphic and Web Design

Size: px

Start display at page:

Download "MRK260. Week Two. Graphic and Web Design"

Dale Hardy
5 years ago
Views:

1 MRK260 Week Two Graphic and Web Design

2 This weeks topics BASIC HTML AND CSS MRK260 - Graphic & Web Design - Week Two 2

3 Lesson Summary What is HTML? Introduction to HTML Basics Introduction to CSS Introduction to Inbound Marketing (Homework) MRK260 - Graphic & Web Design - Week Two 3

4 Why Our Kids Must Learn to Code Video MRK260 - Graphic & Web Design - Week Two 4

5 What is HTML? Video MRK260 - Graphic & Web Design - Week Two 5

6 What is HTML? HyperText Markup Language is a markup language that web browsers use to interpret and compose text, images and other material into visual or audible web pages Subset of SGML Developed by Tim Berners- Lee in the early 1990 s MRK260 - Graphic & Web Design - Week Two 6

7 What is a Web page? An ASCII text document composed entirely of HTML elements or tags. Does not contain pictures, audio or video Can be created using a simple text editor like Notepad Editors like Dreamweaver simplify Web page creation MRK260 - Graphic & Web Design - Week Two 7

8 Why should you care? Understand the creative and technical processes involved in creating Web pages and sites. Many CMS systems (WordPress, etc.) allow the use of HTML code to enhance content. Build critical online and social media skills on a solid foundation MRK260 - Graphic & Web Design - Week Two 8

9 Exercise 2.1 HTML Basics MRK260 - Graphic & Web Design - Week Two 9

10 MRK260 - Graphic & Web Design - Week Two 10

11 Adobe Dreamweaver Video MRK260 - Graphic & Web Design - Week Two 11

12 Exercise 2.2 Adobe Dreamweaver (Optional) MRK260 - Graphic & Web Design - Week Two 12

13 Cascading Style Sheets CSS is used to describe the look and feel of a document written in a markup language. Enables the separation of content from presentation Reduces complexity Improves accessibility, flexibility and control Can allow the same markup to display differently depending on the screen size or device MRK260 - Graphic & Web Design - Week Two 13

Cascading Style Sheets Style sheets are lists of formatting rules that are applied to elements in your HTML A CSS rule has two parts: a selector, and one or more declarations.

14 Cascading Style Sheets Style sheets are lists of formatting rules that are applied to elements in your HTML A CSS rule has two parts: a selector, and one or more declarations. The selector is the HTML element you want to style Each declaration consists of a property and a value. The property is the style attribute you want to change. Each property has a value MRK260 - Graphic & Web Design - Week Two 14

15 Cascading Style Sheets There are three ways of inserting a style sheet External style sheet Internal style sheet Inline style Cascading refers to what happens if more than one rule matches against a particular element The CSS specifications are maintained by the World Wide Web Consortium (W3C) MRK260 - Graphic & Web Design - Week Two 15

16 Exercise 2.3 Introduction to CSS MRK260 - Graphic & Web Design - Week Two 16

Project 2.1 Inbound Marketing Using HubSpot https://www.youtube.

17 Project 2.1 Inbound Marketing Using HubSpot MRK260 - Graphic & Web Design - Week Two 17

18 Project 2.1 Getting Started To begin you will need to register for a free HubSpot account. You can use your Seneca or your own Personal address to do this, it is up to you. Visit the following URL to get started: Please see the Course Documents > Week Two > Assignment 2.1 Folder for further information. MRK260 - Graphic & Web Design - Week Two 18

19 Homework & Readings Begin Working on Project 2.1 Inbound Marketing Using HubSpot Will take about 8 Hours Can obtain a certification at the end Due after Reading Week. Study the following required reading documents: Reading 3.1 Copyright, Licensing & The Web Reading How To Design a Website Create 4 multiple-choice questions from the above content (2 per article) MRK260 - Graphic & Web Design - Week Two 19

Introduction to web development and HTML MGMT 230 LAB

Introduction to web development and HTML MGMT 230 LAB After this lab you will be able to... Understand the VIU network and web server environment and how to access it Save files to your web folder for