Summer Web Design Class Day 1

Welcome! This week you will have fun while learning how to create websites, mobile apps, and games!

Getting started:

– We will meet everyday this week 9am-12pm.

– You will have a laptop to use everyday this week. You will use the same one.

– Feel free to bring in a thumb drive to save your work. You can also email yourself the files.

– Feel free to bring in snacks and cold drinks.

– Dress cool each day- it can get warm in here! We do have access to cold water.

Cool video- did you know things you love are made with code?

Let’s begin!

1st- create a folder on your Desktop and call it your name.  This is the place where you will save all of your files for the week.

1.  How about sending an email to your “future self” on the last day of class? What would you say? What do you want to learn this week?

2.  Let’s take a look at some websites we like and mark them up

3.  We are going to use the iPad to create a video about ourselves.  For inspiration, check out the video my high school web design students created at the end of the year.

4.  Fun (maybe useless) sites for inspiration this week!

Find the invisible cow (the louder it is, the closer you are, keep moving your mouse around and clicking!)

Also try:

http://www.koalastothemax.com/

http://www.sanger.dk/

http://chrismckenzie.com/

http://cat-bounce.com/

http://www.ismycomputeron.com/

http://www.wwwdotcom.com/

http://hackertyper.com/

http://www.staggeringbeauty.com/

http://weavesilk.com/

http://the100meterscroll.com/

http://www.rainymood.com/

https://isitchristmas.com/

http://iamawesome.com/

http://www.patatap.com/

Wait- let’s look at the code behind some of these sites to see what’s going on

5. QR codes

QR (quick response) Codes- Have you seen these before or used them? Have you created them?

Everything that you never wanted to know about QR Codes on Wikipedia.

You are going to create a QR code today. Your QR code can link to a message or a website.  Try linking it to one of the websites listed above.

Make one now at this website http://createqrcode.appspot.com/ and we will test it out with the class phone and iPad using a bar code scan app.

Want to make a more interesting, colorful QR code? Try it here.

6. Blogging

What is a blog?

Today you will blog on our class website.

I have created a page for everyone. You will get a username and password to log in.

Your page is located here (Class Pages, Summer Web Design July 2014) at the top of our website.

Today you will add information to your page about yourself and a photo. You can include: where you’re from, languages you speak, food you like, interests, hobbies, activities, sports, talents, life philosophy, family, pets, etc.!

If you are stuck on what to say or do, check out the Class Pages tab at the top of this website to see what other students have done.

Try wigflip.com to make some cool graphics for your page.

Also try pixlr.com to add cool effects to your images.  Try Playful and Efficient.  Advanced is actually very similar to Photoshop.

You are using WordPress, a free content management system that is used by about one in every seven websites in the world! You can enter text and images and WordPress adds the code for you. If you know HTML and CSS, you are able to do the code yourself.

What else do you notice about WordPress?