Welcome back to school,
Fire drill procedures and first day of school instructions.

Log in and set up your computers. Take Edline test on Rules.

Set up Widows 10 desktop - look around - note programs installed.

Visit Adobe.com site - look around. - Check out Angove411.com

Angove Sites that I check out almost daily

1. Go to Abduzeedo.com and see what is happening.
2. https://www.awwwards.com/
Search for Wilderness Downtown - put in your address.

Also search Made with Google - might find some stuff there.

Set up folders on OneDrive
Local Sites, OldSites,PS,FL,DW,PR,,Stuff,Personal

Short Test on the Rules end of next week.

Buy a Site work sheet HERE-. Download and Learn what it takes to buy a site and get some prices.

I am looking for 4 pictures - 1 Domain and 3 Hosting and any extra credit pictures you have as well.

Finish worksheet.

E-mail me your 5 pictures (Domain1, Hosting 1-4 and any extra credit questions) and your Website Questions Sheet.

Turn in your Website Terminology sheet online to me via my GMail address @ johnangove@gmail.com *(You will need to zip your 5 pictures together and send them)

We'll start off with a quick review of DW and the general idea of how websites are made and then make a site called Mystic Clothing.

Review Site 01-MysticClothing. Download the prep files HERE. and unzip them on your desktop. I'll help you set up the files.

Sample Upload of Mystic Clothing

Aligning and arranging the DIV tags

Set up FTP information and upload your CheckMagazine site.

Day 2 of Mystic Clothing

Clean up site - keep editing
Adobe Fonts (3) for body, links, and Headings

Edline Test on Rules. (Yes, you willl need to make it up if you missed it.)

$5 lab fee this week!

Check out this site ---> balitempleexplorer.com

Day 3 of Mystic Clothing Site

Lessons:
1. color.adobe.com - Use Image to make colors for our site.
2. Duplicating Pages - ONLY when index is PERFECT
3. Pseudo Tags - Class Tags- floating images (Second Page)
4. .ico file *Bookmark this for all future sites.

Embedding movie, Edmbed MIDI files

Mystic Clothing Day 4
Checklist:

1. Div tags
2. Proper external CSS
3. Pseudo Selectors "class tags"
4. Image with Floats - Second Page
5. Rounded corners

1. OpacityPage/container
2. Responsive Site Design
   1. Phone Size
   2. Tablet Size
   3. Regular Desktop Size
3. Custom CSS - See HERE. Use this someplace on your page (.Class tag practicing.)
4. ico File HERE
5. Upload and be DONE

Grade Yourself on the Mystic Clothing Website HERE.

OK - time to try a special site - video background. It's actually fairly easy.

HERE is your link to the code.

1. Take a video with your phone (short ~5 seconds or less)
(If you can't take a video you can use these BUT will not get full credit. Grass1, Grass2 PalmTree1
2. Use online converter to convert it to: ogv, webm and mp4. I used this site https://convertio.co/video-converter/
3. All the videos MUST have the same name (video.ogv, video.wemb, video.mp4) and location.
4. Create a basic site (#container and main) and use the code on the site to put the background in with some basic text in the main section.
5. Do NOT use the jquery - just the HTML5 and CSS Classes. Of course you must customize it to your video location and html code.
6. You don't need to put a lot of content in the main, maybe a picture and text - something like the last site.

Keep working on your video background.

$5 lab fee this week!

Keep working on your 2 -Video Site-

You should be finishing your index page with my vidoes. Your next page (index2.html) will be the same content BUT with a new video on it.

HW - RECORD YOUR OWN VIDEO AND USE THAT - The trick is to keep the camera still! You only need 2-5 seconds of video for the effect to work. Send it to yourself.

Check out mine online mhsweb2.com

Your first page for the video site should be completed by now - time to do your second page.

Check out THIS video to see what you should do - you can also check out my site.

Save the above page as index3.html

www.mhsweb2.com/angove to see it!

Page1 - basic content with MY video background on it.
Page2 - YOUR background with Vertical Content
Page 3 - YOUR background with Horizontal Content

Finish your PS-Video site with your three pages - don't forget to link up your second page.

Start tomorrow's work if you are done.

$5 lab fee this week!

OK - UPLOAD YOUR WEBSITE TODAY! I am grading it in class.

$5 lab fee this week!

OK - PS-CarWrap today - you will be downloading and watching a video HERE other instructions are HERE

We'll design the site and use rollovers to activate the functions.

$5 lab fee this week!

You will need to export 6 different images of your CarWrap as jpg's and put them on a new website.

HERE are your instructions for the website.

Create buttons for your site. They will be small images of your cars.

Design site for Car Rollover functions.

DID YOU PAY YOUR $5 LAB FEE - THIS WEEK WOULD BE GREAT!

Here is a video to assist you with your CarWrap website.

H1-H6 put a SANS serif font and a Serif font for everything else (#Container)

Use the images to change the color of:
1. Background (try a gradient)
2. Container color (if applicable)
3. Font colors
4. Link colors (be sure to externalize your CSS)
5. ico file - anything you want. (Search Online - use your original Pic I used this one HERE --> http://www.favicon-generator.org/

OR www.convertico.com OR http://tools.dynamicdrive.com/favicon/ OR http://www.favicon.cc/

Add some of the CSS interactive behaviors you learned during week 2 (HERE) and finish so you can upload your site. Make sure you have all the requirements completed.

Finish your website - UPLOAD IT>

Using your 2-CarWrap site, make a new page (be sure to link it up to the first page) and create a lightbox on the new page. Have your full size car images scroll through.

Lightbox Tutorial HERE

Set your page up and copy/paste the text over. Play around with it and basically change the thumbnails with your buttons and full size with your main images. You should have 6 images minimum.

Finish up your Lightbox and post it online.

PS-Animation - Try out this tutorial HERE to make an animated GIF

You will be making 3 of these:
1. PS-Animation 1 - One for the water
2. PS-Animation 2 - One with the car images from your site.
3. PS-Animation 3 - Classroom Video
4. PS-Animation 4 - YOUR Video You will need to make your own GIF tomorrow with pictures that you have taken - BE CREATIVE.

Make a new folder called PS-Cinemagraph Put all your work in that folder. YES, you might need some sub-folders.

PS-Animation1- Follow the tutorial and make the water scene. Put your name on it and export as an appropriate size (<1000px)

When done, start PS-Animation 2, which is your cars you made in the CarWrap (5 Pictures) - choose an appropriate timing/speed and size (<<1000px)

PS-Classroom (PS-Animation3) HERE for Instructions

Period 03 Movie HERE
Period 05 Movie HERE

(2018 Files) Download this file HERE (31MB)and follow the instructions to make an animated GIF cinegraph.

Make a new folder in your PS called PS-Cinegraph.

HOMEWORK
( I stress the HOME in homwork NO SCHOOL VIDOES!!!!)
Record your own 5-7 second video to make into a cinemagraph. Extra credit for originality/creativity. Points off for ANYTHING recorded at school.

PS- Cinemagraph (PS-Animation4)- create your own one using your own video.

Upload your files to your 3rd page - make sure it is linked.

Time to move on to the "real" work now. NEW WEBSITE TODAY!!

Umbria Site Download this site HERE and unzip it to a new folder called 4-Umbria in your LocalSites folder

Set up Index page that links to each lesson.

Lesson01 - Basic Page Setup - table with 3columns -Link to Umbria Site Videos HERE

LESSON 02 Video Lesson HERE

• Attach CSS Style sheet
• Make new CSS Rules
• Compound / Descendant selectors
• Class Tags
• Print CSS Sheet

Main things this week:

1. Check your grade - PH A if you think there is an issue.
2. Keep working on your Umbria site.
3. If you are behind - Come to PH

Upload your site - your old site has been graded.
LESSON 03 Video Lesson HERE

o Headings and Paragraph Text
o Inserting test from another source
o Bulleted lists o Blockquotes
o Spell Check
o Search and Replace Text

Lesson 04 Images - PS-Round Trip Editing
Umbria Continued Using PS to edit images.
You can watch my videos on my video page if you want to...

I would like to grade your lesson 4 - get them done and uploaded.

Lesson 05 (12:29)- E-Mail links and Accordian - NO Spry navigation

Lesson06 - SKIP DO NOT DO
Lesson 07 Creating a page using DIVs (again) and using alignment guides.

You can watch my videos on my video page if you want to...

Lesson08 FORMS Be sure to link up both of your pages with a short description - also look at the other snippets.

Lesson 09 - Multimedia with Flash - Using Media Encoder to put MP4 on your site. I can help with that lesson in class.

Lesson10 - Templates - Editable Regions, Making Child Pages.

Lesson11 - FTP settings - uploading, learn icons.

Lesson 12 - Meta Information on site

FINISH AND UPLOAD EVERYTHING.

Last day for Umbria!

Set up Certiport Log-In and Passwords
Log into GMetrix as well (training software)

Start acatestprep.com Passwords will be provided in class - look around.

Make a new site that links up what you are learning on this site.

Link up to WordPress website www.antiofficial.com

Link up website - set up notes.

ACATestPrep
Lesson01 Take notes on each seciton - keep it organized.

VIDEO LESSONS

VIDEO LESSONS
DW101 - 3:03 101- The Design Process
DW102 - 4:35 102- Client Goals
DW103 - 5:00 103- Site Needs Vary The kind of site they want makes a HUGE impact on what they expect. **
DW104 - 7:30 104- Target Audience You talkin’ to ME? or them? or those other people? Figure it out and learn how to connect with them.
DW105 - 1:23 105- Brainstorm! That’s BrainSTORM, not braindrizzle. Let those ideas pour!

VIDEO LESSONS

DW106 - 6:24 106 – Site Plan and Outline Think before you do. Trust me, it’s worth the time it takes.
DW107 - 4:12 107- Storyboarding Plan your work, then work your plan. No thinkee, your web site will stinkee.

Chapter 2 - take notes if you need to BUT you should be working on a website with the guy.

2.01- Workspace Basics **- Putting the Workspace in your Face! 2.02- Dreamweaver Experience ** – Welcome to the Dreamweaver Experience
NOTES:

1. DO NOT SET UP NEW SITE (I made a new folder Project-02)
2. NO, there are no Documents for us to use.

2.03- Project Planning – Prepare to be awesome and make the skeleton 2.04- Words, Words, Words – Controlling the machine
2.05- HTML Structure – Let’s face it… most creatives need a little more structure.

2.06- Can I get a Table Please? – Setting up tables in Dreamweaver! 2.07- A Site To Behold – Learn how to get that site setup so Dreamweaver becomes your file housekeeper
2.08- Review! – Wrap up your learning with a review of every critical concept in this tutorial set!

NOTE:
1. Put a custom color on the table.
2. Make the other pages as well@!
3. DO NOT MAKE A PORTFOLIO

3.01- Optimize Images – Don’t tell images they’re fat… but if they are, quietly FIX IT!
3.02- Insert Images – Pages go from LAME to GAME!
NOTE:
1. Copy and paste your files and put them in a new folder called Project-03 so you can differentiate the Lessons.Call me over if you have problems. (YOU do this in Lesson3.02)
2. DO NOT make a new site - just the folder.

NO SCHOOL

3.03- Image Placements– NOBODY puts images in the corner!!
3.04- Edit Images the Right Way – There is a wrong way… it’s probably how you’re doing it. SIZE MATTERS!
3.05- Round-Trip Ticket, Please – Photoshop and Dreamweaver. They’re kind of a thing.
3.06- Heads Up for Attributes – Alt text and Attributes give awesome heads-up info to elements! (Pay Attention to this one!)

NOTE:
1.IF you resize your images DO NOT OPTIMIZE or change the original.

Set up practice testing in Gmetrix

NEED CODE TO LOG INTO GMETRIX AND CERTIPORT

Do a practice test in DreamweaverCC 2015 TESTING MODE

3.07- Whatever Floats your Boat -Positioning elements well with DIV Floats
3.08- Review – We covered a TON- This review is the recap of it ALL!

HOMEWORK: Complate your practice tests this week. Use Dreamweaver Test 1 TRAINING (So you can see the answers.)

NOTE:
1. Make a new folder Project-04 DO NOT MAKE A NEW SITE!!

Getting the Hook - Up This series of tutorials will help you create links to your site content to make it easier to get to. Learn how to get things linked up, and the multiple ways and best practices to make it happen!

4.01- Navigation in your Station – Link up your text to help you jump around the web-osphere! (6:14)
4.02- Quick Link Tricks – Learn the fast and easy ways to create links using Dreamweaver! (4:10)
4.03- Linking Absolutely Anywhere!– Doesn’t matter where you are, these directions get you there. (5:22)

Total 15 Minutes of Video!!

NOTE:

1. YES, I know he skips around - do your best on index and Ray page.
2. Yes, I know you can't go to Capesand Babes - just use my site (angove411.com)

4.04- Pick Your Path – There are actually many ways from here to there, figure out how to map it!(3:25)
4.05- Jump To It! – Anchor links are AWESOME. Get to EXACTLY where you want to go on a page! Cool tip! (8:31)
4.06- Links In Review – Double-tap all that linking info to your noggin! ( 6:30 Review)
18 Minutes of Class time.

SHOW ME YOUR 1 PRACTIVE TEST FOR DW 2015

HOMEWORK:Do two additional practice tests this week - Dreamweaver Test TRAINING (So you can see the answers.)
YOU WILL HAVE 3 DONE TOTAL!

5.01- Contain Yourself – Setup your document using HTML Containers and organize everything! (5:52)
DO NOT DO THE PS COMP that he is working on - just pay attention to what he does. THIS IS A TRUE COMP - we do this in Paint.

5.02- Divide and Conquer -DIVide up your pages and learn to think smarter about web design! (8:29)
He is using a Div CLASS tag - go ahead and use an ID for this one!

5.03- Box Yourself In!– The CSS Box Model is everything. Without it, the world as we know it ceases to exist.* (11:04)

25 Minutes of video

DO YOUR HOMEWORK - DUE ON FRIDAY - Late work will NOT BE ACCEPTED. I am open for PowerHour as well.

5.04- Clean Up Before Moving In – Prepping your CSS page for content. Hurry, they’re on their way over!!! (8:39)

5.05- CSS is not your Foe – The Faux column technique!(5:27)

5.06- How’s the New Pad? – Adding space for your content by giving them padding (7:12)

21 Minutes of Video

5.07- Heads Up!! -Style the header to make a good first impression. (Not Sure)
YES - do this site-title DIV tag

5.08 – Review – Learn what you learned and let it sink in deep. (12:52)
DO NOT DO THE CSS-MATIC

20 Minutes of video

How is your homework coming along? Get then done - REMEMBER you can only do one review a day - PLEASE space them out.

Designing the UX It just sounds so cool to say (or type) UX. It stands for User eXperience- making sure that people don’t come after you for making your site an instrument of torture because it’s so poorly laid out. Make it awesome, and create a good UX!!

6.01- Create a Navigation Bar -Getting Stylish with Links and riding shotgun for your site. (9:53)

6.02- Links get LoVe HAppy!! -The 4 states of Linking Love: Link, Visited, Hover, and Active (7:04)

6.03- Nice Shoes! – Styling the Footer on your site to make it ready for a date. (16:18)

33 Minutes of Video

6.04- Getting the facts on the table! – Importing CSV files to make your spreadsheets prettier. (13:45)
DO NOT USE THE ONLINE TABLE MAKER

6.05- Making Contact – Feedback from site visitors is ALWAYS welcome!(13:53)
MAKE THE CONTACT FORM BUT USE THE SNIPPETS TO PUT A FORM IN.

6.06- YOURtube! – Adding HTML5 video and audio. So cool! (15:14)

42 Minutes today - get started!

TIME FOR SOME REAL TESTS - You will need to eventually complete 3 test tests with score over 800 to take the DW test, get just ONE of those done this week!

6.07 – Reviewing the UX– Quick review of the UX critical concepts. (COMING SOON!) Check that your notes are good and highlight/underline anything he goes over again. (10 Min)

GETTING RESPONSIVE Responsive design is a pretty big deal these days- and what it means is that the page responds to the device it’s being viewed on. This allows you do design one page that will change size, shape, and layout of elements when viewed on a phone versus a monitor.

7.01- Examining Responsive Design– Prepare to Get Small (7:43)
7.02- Scalable Images and elements-Respond to (something…responsive..uhh…I dunno) (7:40)
7.03- Media Queries– Styling for a Pocket-sized World (8:33)
ADD A BACKGROUND COLOR TO THE MEDIA QUERY SO I CAN SEE IT!!

24 Minutes of lessons

7.04- Restyling Navigation– Dressing Up your Mobile View (13:14)
WHOA! Where did that come from?
DO NOT STYLE YOUR SMALL MEDIA QUERY WITH LINKS
ONLY YOUR MAIN MEDIA QUERY SHOULD LOOK GOOD.

13 Minutes of lessons

Prototype to Production Well, adventurer… your journey to designing the site is about done. Here’s where you test, polish, and push your site live! Bad news, it’s a little like sending your kid off to college- you might miss this project once you’re done working on it. Good news? Your site might become a doctor and support you in a lavish lifestyle for the rest of your life! Just make sure you do these steps to send your baby off right. If you just kick them out of your house- they won’t build you your own later! �

8.01- Clean Up Your Act– Final work on the prototype (7:08)
CLEAN UP YOUR CSS BUT DO NOT ADD COMMENTS!

8.02- Using your head– Metadata for making your site visible (7:07)

8.03- Prototype to Production– Crank it out!!! (13:53)
YES - APPLY THE TEMPLATE TO ALL YOUR PAGES

27 Minutes of lessons

8.04- Technical testing– Check yo’self before you wreck yo’self. (10:34)

8.05- Working With Web Servers– Tips for your server… (14:44)Mostly Notes

25 Minutes of lessons

OK - we are not going to do Lesson 08 I'll grade what you have completed.

Work on Practice test for Dreamweaver 2015 - This is your second test - remember you need to get over 850 to get credit!!!!

Make sure all your work is uploaded - check your site to make sure that is what you want to turn in.
Log into Certiport/Console8 on Desktop.

Review this week using Quizlet - do a search for DW CC 2018 Test.

Work on Portfolio website - put all your websites into a new site (6-PortfolioSite) and link everything together. Check out my website at www.mhsweb2.com to see what it should look like. Keep adding some juice to it as you have time.

Log into Certiport - Use the class code as shown in class.

Keep working on your portfolio site.

No School

Log into Compass like you are taking a test. Get as far as the proctor log in.

Angove Review in class

Angove Review in class.

Look for quizlets or Kahoots for review.

Review for ACA Test HERE

Look for Quizlets and Kahoots for review tonight as well.

Upload your review.

TESTING THIS WEEK!!!!

1. Your DW Review should be done TODAY!@\
2. Upload your review site make sure there is a link and YES, I know it's ugly.
3. Log into Compass to review your passwords, etc.
4. HW Spend 20-30 min on some Quizlets or Kahoot, depending on what you find most helpful.
5. 3rd Period - tell your 5th period teacher that you need to test with me and will be missing that day. Please get permission!!!!!

Review for DW Test on Thursday.

What are you having trouble with? Let me know and we can review it!

Did you talk to your 5th period teacher? Get permission!

Tomorrow!!!!

Log into Compass testing platform - make sure this goes smoothly tomorrow.

TEST TEST TEST 5TH PERIOD.

Test Debrief

Animate Intro
Project Files (You should already have them!)
Animate… it’s POWERFUL. It’s not just for animating images- it’s a whole programming platform. So let’s learn about Awesome Animate and how NOT to make crummy Flash!

• Take some notes and follow what he says.
• 1.01- What is Animate CC? – Animate is Flash Reborn! 3;48
• 1.02- Interface Overview – Meet Animate- she’s super flexible to work with! 5:46
• 1.03- Target Platforms – Knowing where you’ll end up is a great place to start! 3;46
• 1.04- Project Properties – Set properties for your project to make life smoother. 5:48
• 1.05- Project Planning and Storyboarding – If you don’t thinkee, your project will stinkee. 1:55
• 1.06-Tools Overview – Meet the tools that will make your projects come alive! 7:05
• 1.07- Testing and Publishing – Once you create awesomeness- learn to test and publish. 2:09
• 33 Minutes in this lesson

Upload your lessons to your Portfolio site.

Flash/Animate lesson 02

I'll be putting more info here soon Animated Logo - Awesome logo design is cool… ANIMATED logo design??? SUPER COOL!!!

• 2.01- Project Overview– Get the details on this project before you roll. 0:37
• 2.02- Importing Photoshop– Bring that boring static logo in from Photoshop land! 5:40
• 2.03- Importing Illustrator– Even better- the designer used Illustrator for the logo! PERFECT!!! 6:27
• 2.04- Timeline Arrangement – Ok, messy timelines means messy projects… TRUST US. 5:06
• 2.05- Drawing Shapes – Doodle time!!! Learn to draw the Animate way- it’s POWERFUL!!! 5:35
• 25 minutes of work today.....

• 2.06- Adjusting properties – Adjust properties of your designs. 544
• 2.07- Shape Tweens – Tweens- has nothing to do with middle school kids. 706
• 2.08- Shape Hints – You can’t controll a tweenager, but you CAN control a shape tween! 214
• 2.09- Generate Animated GIF’s – Make an animated image in a GIFfy!!! (see what I did there?) 306
• Finish and upload your work.
• 18 Minutes in today's lesson

I uploaded both my GIF and my SWF on those - check my site on mhsweb2.com/angove

Video Production
I told you it was powerful! Learn to import, export, and tweak video projects on the way in and out of Flash!

• 3.01- Project Overview– Get an idea of where we’re headed with this video project! 043
• 3.02- Importing Video– Bring video in to use in your apps! 506
• THIS GUY IS KILLING THE ACTUALLYS ON THIS VIDEO!!!!!
• 3.03- Importing Audio – Set the sound stage and make it trigger! 717
• 3.04- Creating Symbols –  Create your own clone army using symbols! 550
• 20 minutes of lessons today

• 3.05- Motion Tweens – No, not a new middle school dance group. Watch and learn. 614
• Uhhh 80+50 does NOT equal 120
• 3.06- Motion Easing – Ease into the physics of motion with these easing controls. 346
• 3.07- Generate HD Video – Right from within Animate you get HIGH DEFINITION!!!! 351
• Remember your FINAL export should be an MP4 - the first render he does is a .mov
• 14 Minutes today

MY END VIDEO DID NOT WORK SO I tried to convert the mp4 to a FLV online (didn't work) so I used the realty-park.flv video in the Umbria website as the background. THEN it will work fine. The video will be longer, but that is OK.

Call me over if you have issues and we can get it done.

HERE is my page for you to check out.

Finish all the lessons and upload them!@ Check out this site for outdoor advertising HERE

Classic Animaton
Of course, Animate CC17 does amazing animation at very small file sizes. Learn to create simple additions to a customer’s website that really add polish!

• 4.01- Project Overview– Set the stage for your own mini movie! 043
• 4.02- Timeline Setup– Set up your timeline to make things easy on yourself 154
• 4.03- Drawing simple shapes– Draw the main elements of your animation 513
• 4.04- Using the Pen tool– The best drawing tool ever, once you get past the learning curve. (see what I did there?) 344
• 4.05- Variable Width Strokes– Give your strokes more expression by changing the stroke width with perfect control! 405
• 16 Minutes of lessons today

• 4.06- Nesting Animation– Learn the power (and challenges) of nesting your animations- Awesome tricks inside!! 358
• 4.07- Symbol Instances – Make those clones less…. clone-y by tweaking instances. 445
• 4.08- Motion Guides– Control your motion like a mutant. A motion-controlling mutant. (but a nice one) 610
• 4.09- Masking– It’s a hole cut in the time-space contiuum. (well, maybe just in a layer on the timeline) 518
• 4.10- Publish as SWF– The cool kids call them “SWIFFs.” Welcome to the club. 610
• 26 Minutes of lessons today

Finish your Lesson 04 - Upload it

 Interactive Web Ad
Make a cool ad that works on ANY device by programming for HTML5 Canvas! OF COURSE ANIMATE WORKS FOR IPHONES!

• 5.01- Project Overview– Project Overview for your Interacticve Ad 049
• 5.02- Design and Copyright– Learn to create amazing art, and respect other peoples’ stuff. 227
• 5.03- Import Assets– Bring in those cool images 333
• 5.04- Graphic Symbols– Convert your images and prep them for interactivity! 556
• 5.05- Push My Buttons– So Cool! Create and program buttons to control mutant robots. (if they’re created in flash) 516
• 19 Minutes of lessons today

STOP - WORK ON THE 2018 DREAMWEAVER GMETRIX.

• 5.06- Using Text – THESE words even mightier than the pen! 308
• 5.07- Javascript and Snippets– Get your code on and release your inner programmer. 500
• 5.08- Publish for HTML5 Canvas– See? It plays nice on your Ipad. Animate is HUGE!! 246
• 10 Minutes of lessons today
• DO NOT EXPORT SPRITESHEETS - IT WON'T WORK WITH IT AND JUST BE BLACK!!!!

STOP - WORK ON THE 2018 DREAMWEAVER GMETRIX.

SKIP LESSON 06!!!

Interactive Media!
Project 7 Files
Create a simple interactive site using programming for multiple platforms!

• 7.01- Project Overview– Let’s get some info on the client. 739
• 7.02- Grab your media without cheating– learn how to find CC licensed images for your projects! 728
• 7.03- Project Setup– set up your project and build your layers. 420
• CHECK HER LAYERS CLOSELY - MAKE SURE YOU ARE PUTTING THINGS WHERE SHE DOES.
• 20 Minutes today

DO SOME HOMEWORK TONIGHT - GMETRIX PRACTICE TEST!

• 7.04- Get Off Your Buttons– Add the buttons you’ll program later. 852
  • YOU MUST DO YOUR OWN Tweens for the text. Look at the project and keyframes and put them in yourself. She does NOT teach it. HERE is a screen shot of the keyframes.
  • 3:41 - Make sure your buttons start at 30 and end at 80. Also Align horizontal center to get them all equal. You might need to shrink the other text boxes on your background.
  • All button tweens are done at this point.
• 7.05- Code it up– Prep the basic actionscript rolling in your project and learn to program it! 259
• 7.06- Add Interactivity– Getting nerdier with event listeners on your instances. 434
• 7.07- Push My Buttons!– Understand some of the gotchas with code and how to tweak your buttons. 1257
• 7.08- Export!– Get this rolling for the web using various export options. 428
• 35 Minutes of lessons today

HERE is a screenshot of my ActionScript - i changed mine a little, but works fine - check out my site @ mhsweb2.com

UPLOAD YOUR HTML AND SWF - THERE IS NO OAM PACKAGE.

FINISH YOUR WORK AND DO YOUR GMETRIX'S TONIGHT!