* Still Available: PLC Training Page!!!

Summer Bridge @ MassBay
Web Design Training

July 15, 2019
9:00 - 3:00 p.m.

Agenda

---

INTRODUCTION

- Pre-Survey

- Introductions, Turn Around and Meet My Friend
- Inspirational Video

---

HTML

- Basics of HTML in Notepad: skeleton of file, p, headings, images, link, br & lists

- Article HTML Markup

(using the handout provided in class apply all the html tags to make this file open correctly on the Web)

- HTML Review in Kahoot

* HTML Resources: HTML tag cheatsheet, HTML5 tag cheatsheet & HTML Handbook

---

FILE STRUCTURE

- Introduction to File Structure

- File Structure Reivew on Socrative (enter into room #123341)

---

CSS

- Basics of CSS in Notepad: Skeleton, Selectors, Divs, reset.css Cascading, Box Model & Building a Nav Bar

- Skeleton for start of HTML and CSS page

* CSS Resources: CSS (all versions) Resource , CSS Defaults & Reset CSS

---

HTML & CSS

- Inspirational Video

- HTML & CSS Mad Dash (additional group supplies provided in class)

---

CREATING IN THE CLASSROOM

- Site Skeleton

- Option for photo editing application if needed

---

CREATING AT HOME FROM SCRATH

- New Balance Design Video

- Page Re-Create with Class, New Balance & One Side Page
Re-Create Focus: Header, Hero Image, Content Area & Footer

* Video Resource

---

WRAP UP

- Exit Survey

 

Summer Bridge @ MassBay
Web Design Training

July 18, 2018
9:00 - 3:00 p.m.

Agenda

---

INTRODUCTION

- Take the Poll

- Pre-Survey

- Introductions, Turn Around and Meet My Friend
- Inspirational Video

---

HTML

- Basics of HTML in Notepad: skeleton of file, p, headings, images, link, br & lists

- Article HTML Markup

(using the handout provided in class apply all the html tags to make this file open correctly on the Web)

- HTML Review in Kahoot

* HTML Resources: HTML tag cheatsheet, HTML5 tag cheatsheet & HTML Handbook

---

FILE STRUCTURE

- Introduction to File Structure

- File Structure Reivew on Socrative (enter into room #123341)

---

CSS

- Basics of CSS in Notepad: Skeleton, Selectors, Divs, reset.css Cascading, Box Model & Building a Nav Bar

- Skeleton for start of HTML and CSS page

* CSS Resources: CSS (all versions) Resource , CSS Defaults & Reset CSS

---

HTML & CSS

- Inspirational Video

- HTML & CSS Mad Dash (need to create)

---

CREATING

- New Balance Design Video

- Page Re-Create with Class, New Balance & One Side Page
Re-Create Focus: Header, Hero Image, Content Area & Footer

* Video Resource

---

WRAP UP

- Exit Survey

 

Computer Skills that Keep Your Computer Healthy
Nurses Training

June 13, 2018
12:30 - 2:30 p.m.

Agenda & Presentation

Helpful Group Sheet

 

NHS Tech Day, Hour of Code

November 27, 2017
1:10 - 2:30 p.m. (session 4)

Hour of Code Agenda & Presentation

Brainstorming Sheet

 

NHS Tech Day, Google Sites

November 27, 2017
9:45 - 11:05 a.m. (session 2)

Google Site Session Outline

 

KWL Time, Google Doc- Fall 2017

KWL Time, Google Doc- Example

---

To Use as a Teacher Site

Example Site, Mr. Voldman

 

To Implement with Students

Example Site, History of Desktop Publishing

---
Resources for Development

- Create a Google Site

- Edit a Google Site

- Publish & Share a Google site

- Bitly used for shortening your Google Link, Example Link

 

Resources for Photograpy & Design Principles

- Taking Photos

- Selecting Photos

- Photography and Composition

- Writing for Websites

- Design Handbook
- Teaching the 9 Essentials

- Best Practices for Typography on the Web

 

SESSION SURVEY

 

NHS Tech Day, Pixlr.com

November 27, 2017
8:15 - 9:35 a.m. (session 1)

Pixlr.com Presentation

Take the Poll

Pixlr.com, Pixlr Editor- Launch Web App

• Resources from Presentation

Photography and Composition

Taking Photos

Selecting Photos

Why City Flags May be the Worst-Designed thing You Never Noticed
---
• Files for Download
- Kingston
- Transparency
- Venus
- Cullen
- Screen Shot

 

SESSION SURVEY!

 

NHS Tech Day, Pixlr.com

November 8, 2016
8:15 - 9:35 a.m. (session 1)

Pixlr.com Presentation

Take the Poll

Pixlr.com, Pixlr Editor- Launch Web App

• Resources from Presentation
Taking Photos

Selecting Photos
Color Association with feelings

Why City Flags May be the Worst-Designed thing You Never Noticed
---
• Files for Download
- Kingston
- Transparency
- Venus
- Cullen
- Screen Shot

 

SESSION SURVEY!

 

NHS Tech Day, Google Sites

November 8, 2016
9:45 - 11:05 a.m. (session 2)

Google Site Session Outline

 

KWL Time, Google Doc- Fall 2016

KWL Time, Google Doc- Example

---

To Use as a Teacher Site

Example Site, Mr. Voldman

 

To Implement with Students

Example Site, History of Desktop Publishing

---
Resources for Development

- Create a Google Site

- Edit a Google Site

- Publish & Share a Google site

- Bitly used for shortening your Google Link, Example Link

 

Resources for Photograpy & Design Principles

- Taking Photos

- Selecting Photos

- Writing for Websites

- Design Handbook
- Teaching the 9 Essentials

- Best Practices for Typography on the Web

 

SESSION SURVEY

 
November 30, 2015, 8:15 - 9:35 a.m.
NHS Tech Day, Google Sites

Google Site Session Outline

 

KWL Time, Google Doc- Fall 2015

KWL Time, Google Doc- Example

---

To Use as a Teacher Site

Example Site, Mr. Voldman

 

To Implement with Students

Example Site, History of Desktop Publishing

---
Resources for Development

- Create a Google Site

- Edit a Google Site

- Publish & Share a Google site

- Bitly used for shortening your Google Link, Example Link

 

Resources for Photograpy & Design Principles

- Taking Photos

- Selecting Photos

- Writing for Websites

- Design Handbook
- Teaching the 9 Essentials

- Best Practices for Typography on the Web

 
November 30, 2015, 1:10 - 2:30 p.m.
Pixlr.com

Pixlr.com Presentation

Take the Poll

Pixlr.com, Pixlr Editor- Launch Web App

• Resources from Presentation
Taking Photos

Selecting Photos
Color Association with feelings

Why City Flags May be the Worst-Designed thing You Never Noticed
---
• Files for Download
- Kingston
- Transparency
- Venus
- Cullen
- Screen Shot

 
December 9, 2014
100 Teachers Workshop

HTLM & CSS, {Tag: You Are It!} Assignment

 
December 1, 2014, 1:30 - 2:50 p.m.
NHS Tech Day, Google Sites

KWL Time, Google Doc

---

To Use as a Teacher Site

Example Site, Mr. Voldman

 

To Implement with Students

Example Site, History of Desktop Publishing

---
Resources

- Create a Google Site

- Edit a Google Site

- Publish & Share a Google site

- Bitly used for shortening your Google Link, Example Link

 
July 22, 2014, 2:40 - 3:00 p.m.
Web Design Program at the High School Level

Presentation, .pdf version

---

Intro. Web Design, Full Curriculum
Adv. Web Design I, Full Curriculum
Adv. Web Design II, Full Curriculum

---
Please download videos first and then watch

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

 
July 21, 2014, 1:20 - 2:00 p.m.
Digital Publishing Suite at the High School Level

Presentation, .pdf version

Presentation Meeting Room for attendees

---

iPad Publishing Course, Full Curriculum

---

Session Survey

 
June 27, 2014
Web Design at the High School Level

Presentation, .pdf version

Presentation Meeting Room for attendees

---
Please download videos first and then watch

- Dreamweaver Video Tutorial #1 by Mrs. Cullen
- Dreamweaver Video Tutorial #2 by Mrs. Cullen
- Dreamweaver Video Tutorial #3 by Mrs. Cullen
- Dreamweaver Video Tutorial #4 by Mrs. Cullen

---

Session Survey

 
December 1, 2013
Google Drive
Google Drive Tutorials
Spreadsheet Formulas
Flubaroo
 

November 6, 2012
Pixlr.com

Entrance Room
Pixlr.com Presentation
---
• Resources from Presentation
Design Handbook
Photography Composition
Color Association with feelings
---
• Files for Download
- Kingston
- Transparency
- Venus
- Cullen
- Screen Shot
 
December 5, 2011
Web 2.0
Entrance Room
Web 2.0
Poll Test
ProProfs Assignment
www.polleverywhere.com
www.cacoo.com
Jeopardy Power Point- updated
 
December 5, 2011
Google Sites
Entrance Room
Google Sites Outline
Google Sites
Student Example Site
Writing for Websites
22 Steps for a Good Website
 
October 19, 2011
Adobe
Adobe Certification and Your Classroom Presentation
Adobe Certification Resource Links
 
March 16, 2011
Adobe
Presentation
presentation - link 2 through Acrobat
 
February 7, 2011
QWiki
www.qwiki.com
QWiki 101
Bookmarking and Creating a Shortcut to your QWiki Video

Embedding Qwiki onto your School World Page
 
November 2, 2010
Intro to iPhoto
Wilson, Rm. #101
9:00-10:30 a.m.

Class Outline
iPhoto Power Point
Ethics and Resources
Example Project:
iPhoto Assignment
iPhoto Planing, Project Goals
iPhoto Planing, Project Outline
Mid Project Check-In
Feedback Form

 

Beginner iPhoto Class Survey

 
November 2, 2010
Intermediate iPhoto
Wilson, Rm. #139
10:45-12:15 p.m.

Class Outline
iPhoto Power Point
Ethics and Resources
Example Project:
iPhoto Assignment
iPhoto Planing, Project Goals
iPhoto Planing, Project Outline
Mid Project Check-In
Feedback Form

 

Intermediate iPhoto Class Survey

 
November 2, 2010
Google Apps.
Wilson, Rm. #219
1:00-2:30 p.m.

Class Outline, .pdf or Class Outline in Google Docs
Google Docs which you can edit/add ideas
How to create a Google account
Search Engines Power Point
Optimizing Your Search link
Embedding into your teacher site

 

Google Apps Class Survey

 
Google
March 31, 2010

Google Outline
Search Engines Power Point
Optimizing Your Search link
Embedding into your teacher site
E-mail 101

E-mail Permission Slip
What is in your G-mail

 

Complete Class Survey

 
Blogger
April 7, 2010

Blogger Outline
Blogging in 4 minutes
video, Blogs in Plain English video
Welcome to Blogger.com packet
Tips for writing a blog post
www.blogger.com

 

Complete Class Survey

 
Wiki
April 14, 2010

Wiki Outline
Introduction to Wikis Video
pbworks.com
The Class Wiki- http://professionaltrainingnatick.pbworks.com/
Internet Management Wiki- Adding wikis into your lesson
Advanced Web Design Class Wiki - Students adding wikis into their work

 

Complete Class Survey

 
WWW in the Classroom
April 28, 2010

The World Wide Web in the Classroom Outline
Example of SurveyMonkey Assignment
14 Tips for Writing an Effective OnlineSurvey

20 Tips for Writing an Effective Online Survey

Survey Tips- Video

 

Complete Class Survey

 
Using your Mac Effectively
May 5, 2010

Class Outline
Power Point Presentation
Powr Point, Handouts

 

Complete Class Survey

 
Microsoft Word
May 19, 2010

Class Outline
Great Online Resource, http://office.microsoft.com/en-us/help/default.aspx

 

Complete Class Survey

 
Microsoft Excel
May 26, 2010

Class outline
Great Online Resource, http://www.microsoft.com/mac/courses.mspx

 

Complete Class Survey

 
Microsoft Power Point
June 2, 2010

Class Outline
PowerPoint Training Presentation
Teacher Example: Jeopardy in the classroom on PP
Teacher Example: Search Engines Power Point
Student Example: Fat Cow Power Point

 

Complete Class Survey

 
Exploring Google
July 20, 2010
8:00 - 10:00 a.m.

Google Outline
Search Engines Power Point
Optimizing Your Search link
Embedding into your teacher site
E-mail 101

E-mail Permission Slip
What is in your G-mail

 

Complete Class Survey

 
Blogger.com
July 20, 2010
10:00 a.m.- 12:00 p.m.

Blogger Outline
Blogging in 4 minutes
video, Blogs in Plain English video
Welcome to Blogger.com packet
Tips for writing a blog post
www.blogger.com

 

Complete Class Survey

 
Google Docs
July 21, 2010
8:00 - 10:00 a.m.

Google Docs Outline
Google Docs in Plain English video
Google Docs Help Center

 

Complete Class Survey

 
Wikki
July 21, 2010
10:00 a.m. - 12:00 p.m.

Wiki Outline
Introduction to Wikis Video
pbworks.com
The Class Wiki- http://professionaltrainingnatick.pbworks.com/
Internet Management Wiki- Adding wikis into your lesson
Advanced Web Design Class Wiki - Students adding wikis into their work

 

Complete Class Survey

 
WWW in the Classroom
July 22, 2010
10:00 a.m. - 12:00 p.m.

The World Wide Web in the Classroom Outline
www.jingproject.com
www.myhours.com
www.budgetsimple.com
www.proprofs.com
www.surveymonkey.com
Example of SurveyMonkey Assignment
14 Tips for Writing an Effective OnlineSurvey

20 Tips for Writing an Effective Online Survey

Survey Tips- Video

 

Complete Class Survey