Download 1st day

Welcome to Web Design
and HTML5
My name is Ms. Masihi pronounced
masseehee
My Credentials
 I have been teaching Computer related subjects since the year
2000. In 2011, I earned a Master of Arts degree specializing in
Education Technology from CSUN
 In the past, I have taught; word processing, spreadsheets,
databases, multimedia presentations, publications, Stick figure
Animation Scratch programming and Google apps such as docs,
sheets and sites
 In 2008, I learned to create websites with Dreamweaver but didn’t
learn to code until 2010 with XHTML. I find myself fascinated with
the language however, the language of the web is an evolving
one and in this course you will learn the most current language;
HTML5.
What will I learn?
In this course you will learn the design fundamentals of
web pages and websites through a fictitious story
called TadsTees.
You will learn to code with HTML5 (Hyper Text Markup
language)– this provides structure or building blocks
You will learn to style or format with CSS (cascading
style sheet)
You will be introduced to the new tags in HTML5 and
supporting technologies such as geolocation, audio,
video, canvas, web forms, web storage, web workers,
CSS-animation, transitions and 2D and 3Dtransformations
How do I access the course
material and get graded?
There are two ways to access the course
material; the local server and the course
website at www.karinemasihi.com/HTML5
You will save the completed projects in
your server folder and I will either walk
around and grade you from the computers
or access your server folder at
afp://10.4.11.135
How is the grading
weighed?
In correct sequence
1. Teacher Demonstrations
15%
2. Video Tutorial summary (1)
10%
3. Group Design Presentation (1)
15%
4. Lesson projects (15)
15%
5. Self-study projects (13)
15%
6. Review Qs
15%
7. Classroom expectations & conduct
15%
Web design HTML5
Course requirements –
Personal Ear phones/head phones (a must)
 One notebook or a section of a notebook dedicated
to web design (a must)
One flash drive (a must)
At home, download Microsoft Expression 4 (for
Windows)https://www.microsoft.com/enus/download/details.aspx?id=36179 (windows)
At home, download Textwrangler (for
Mac)http://www.barebones.com/products/textwrangl
er/
Web design HTML5
Please Note
This is not an atomic physics course but it requires
dedication to stay on top of the assignments to earn
an ‘A’
And it’s very easy to drop to a lower grade by missing
just a few assignments and not respecting and
following the class rules.
I hope you will stay and lean this exciting
course however, know that there is a
deadline for switching if web design and coding isn’t
your cup of tea.
Web design HTML5
Do you have any
questions?
Quiz time
1. What is the programming language or
code to create web pages called?
2. What is the programming language to
style or format web pages?
3. Name a few of the supporting
technologies of web design.
4. List in order, the sequence of activities per
lesson.
5. What are the three mandatory
requirements for this course?
Answers
1. The programming language to create web pages is
called Hypertext Markup language or html
2. The programming language to style or format is
called Cascading style sheet or css
3. Some web applications in the HTML5 family are
geolocation, web forms, web storage, canvas, audio,
video
4. With a few exceptions, 1st, listen to the video
tutorial, 2nd, follow through teacher demonstrations,
3rd, Read & follow the textbook sequence to
complete Lesson Projects, 4th, Complete the self-study
activity, 5th, Answer Review Questions
5. The 3 mandatory items for this course are personal
earphones, notepad and a USB drive.
Next
1. Fill out the questionnaire in front of
you.
2. Pair up with a student next to you
3. Stand up, position yourself to face
the the entire class
4. introduce your neighbor
Web design with HTML &
CSS
Thank you and nice to meet
you all.
See you next session for the
Classroom expectations and
procedures