DonnaTlachac_Teacher

 

Web Publishing and Media Design
760-727-7284 x72220
DonnaTlachac@Vistausd.org
   

Current Unit

Projects

Units of Study

Responsive Design

Photoshop

Dreamweaver

Web Design

Student Gallery

Project Based Learning

e- Portfolios

Classroom Decorum

 

 

 

Week 1

Classroom Procedures

Publishing

What are your Strong Points Presentation?
Listening Worksheet

Introduction to web design

Hello World Web page


Week Two - Old School techniques
This week we will continue to work with HTML4 code. This version of HTML is now obsolete, but we can learn a lot from writing it.

Success Poem
Adding a background image
Change the attributes of the body tag

Embedding a <Style> into the head of the document
Change the color of your scroll bars in an <html> document

Hexadecimal color numbering system of the web
Once upon a time...there were 256 web safe colors. Now we have millions!
http://www.tlachac.com/OldSite/ColorOnTheWeb/webcolorpicker.htm

Working With JavaScript - Use Internet Explorer as Chrome will not display these JavaScripts
(Please do not use Chrome as your browser as it was not invented at the time that we used this code)

Please visit this page to see the eye chart code functioning and to copy the code

Create an eye chart using Headline tags <h1><h2><h3><h4><h5><h6>

Here is the web page with JavaScript that controls the eye chart and the <Style> tag embedded in the head. The style tag controls the colors of the scroll bars in the Internet Explorer Browser.

Download

http://www.tlachac.com/pupil.gif

http://www.tlachac.com/whites.gif

Interactivity with hyperlinks
Anchor Hyperlink REFerence <a href="link.html">This is a link </a>

 

Week Three You are styling!
<style></style>

Create a page called HTMLhandcoding.html

Link all of your web pages & create links for devices
Upload to the RBV-CTE server

Popular Internet Acronyms

Introduction to Dreamweaver WYSIWYG editor

Introduction to Photoshop

Week Four and Five
Creating Graphics with Photoshop
Image Optimization

Week Six and Seven
Flash Animation
Timeline Control
Button Functions
Responsive Design
Vector Animation
Working With Sound

 

 

 


Website set up in Google Sites
We are not using this site at this time.
It demonstrates the look and feel of a content management system's basic template.
https://sites.google.com/a/vistausd.org/webdesign/