WEEK 12/13: CSS CODE, PRESENTATIONS

We will be finishing our CSS lessons this week and completing a quiz on all three lessons.  You will rock these out!

Once completed, we will discuss and deliver presentations based on our websites.

We will be presenting our websites in-class.  Beginners (FRIDAY and TUESDAY), you will have 2-3 minutes to deliver a watered-down version of your website. ONE DISCUSSION POINT from pages 1, 2, 3, 4, NET.

Don’t forget to share a handout or visual with the audience.

css_cascading_style_sheet

WEEK 11: CANVA AND CODE

After you leave this class, you may be asked to create a poster, announcement, or card, in graphic form, for another class.  Without Photoshop access, you may struggle to be creative.  But, with Canva, you can make artsy things with ease.  With three days, you will be asked to create four graphics.  No problem!  Hopefully, this website and tutorial(s) will aid you when you need something accomplished graphically, but do not have access to high-quality software like Photoshop.

can

WEEK 10: FINAL EXAM ESSAY + PRESENTATION

For your final exam, you will write a reflection essay on the web design process to use as a script for your presentation.

Seniors, you will write a reflective essay as your final exam DUE WEDNESDAY.  Good luck to you as you plan your future and reach your goals!

Underclassman, your essay will be due on WEDNESDAY as well and you will deliver your presentation during final exam week (to be discussed later).  You are stuck with me for a bit longer.  Muhehahaha!

Mrs. Candela’s Tips:

1) Begin and end strong!

Madison’s opening lines in her introduction: Opening up a blank document is a daunting task no matter what the reason behind it is. Whether writing an essay or plotting a short story or coding a website, that bright white screen can seem like a dragon and can make you feel like an ill-equipped knight. This blinding white screen left me with this feeling in my chest, and it refused to leave even after I changed the style settings in Notepad++. But eventually, I gathered my courage and prepared to make a website.

2) Be specific.  Drip with details.  Explain the process. Overdo it.

My font is something that I picked for my website very early; I wanted something very minimalistic that did not take away from the website itself.

Which font?  Name, please.  System versus Google? How does it tie to your site’s theme and overall approach? Sans versus Sans serif.

3) Advanced, you literally want to point out everything!

Layout, headings, favicon, multimedia, fonts, colors, social media…everything on that home page.

4) Don’t say “really cute” or “amazing” without extreme description.

I felt the same about my social media icon, I think that it is really cute and I really enjoy the fact that it went with my theme so well that I could act as if the earth was the bird’s egg.

How did it go so well?  What about the bird’s egg?  Huh?

5) Make decisions.

Going from having a partner last year to now working as an individual is a totally different experience. Doing everything on your own is a lot harder than diving up the work evenly between two people. Being alone you get to choose when and how everything is going to get done, so you have to manage your time wisely. This outcome was a lot more rewarding because of the fact that you go through the tutorials and watch the videos, but do not know how it will actually come out until we do it ourselves. I did enjoy being independent and watching eve thing by myself, but I do like how interactive the intro class is. I think meeting somewhere in the middle will benefit both sides.

Don’t be wishy-washy.  If you liked something, say it.  If you didn’t, explain your rationale and how it could be better.  Which method of creation, partnership or individual, did you enjoy the most?  Explain.

6) Define, define, define.

After I made it I then went to go look at in on my website and saw some spots were not erased thoroughly enough. I then went back on the computer and proceeded to erase them, but instead of re saving my file to the web, I saved it as a Png.

What is a .png?  How is that file type different than other picture types?  In what situation would you use it?  Be nerdy here.

7) Stay positive.

I love how my website turned out, despite my favicon not working and my image on my first page not showing up, I worked very hard on my website and am very proud of myself and how the finished product looked.

Don’t focus on what didn’t work.  Don’t point out your flaws.  Instead, focus on the positives and only address negatives if they lead to learning experiences/growth.

8) Reread your blog entries.  They have such great “stuff” that you are welcomed, and encouraged, to throw into your speech.

pooh

WEEK 9: PAGES 2, 3, 4 DUE

Your website, as a whole, will be due on Friday, May 20 at the beginning of the hour.

Download the grading rubric, if needed, here: Website Rubric 2016_TC.

Did you complete your…

  • section headings and dividers?
  • imagemap (2 hyperlinked parts)?
  • original wrapped pictures?
  • content requirements?
  • multimedia pieces (video+slideshow)?
  • scroll to the top button?
  • manual cursor changes?

fox

 

WEEK 8: TABLES DUE, MULTIMEDIA IDEAS

Pages with just content are ick, puke, die.  I mean, they are U-G-L-Y.  This is why we will be adding multimedia to our pages.  A slideshow, video, or even collage can attract visitors.  Begin thinking about how you will able able to illustrate your words with them.

Have you completed your wishes yet?  You must have pictures in order to accomplish this.

type

WEEK 6: INDEX DUE ON FRIDAY

We will be resizing and putting our logo and navigation buttons on the website.  All basic coding for the index page will be completed as well.  This is the final week to complete your first page as it is due on Friday.

Attend to those grades in your other classes as well.  This marking period ends on Friday!

o

WEEK 5: LOGO, NAVIGATION, MAIN PICTURE, AND CONTENT

Thank you for being so flexible during testing last week and this week.  We will have two more hybrid days on Tuesday and Wednesday to finish statewide assessments.  This means, we have a lot to cover in a short amount of time.  We can do this!

Your logos and navigation should be completed by the beginning of the week.  Decide on a main picture that encompasses your goals or the theme of wishes, take it with your camera, and send it to yourself. It should not be blurry.  The object(s) should be clearly visible.

wish

WEEK 4: RETURN FROM SPRING BREAK, RETURN TO WEB

Did you have a great spring break?   Check out this newsletter full of technology ongoings.

Due to schoolwide testing, our computer lab will be unavailable on Tuesday, Wednesday, and Thursday.  Thus, these days will be hybrid  and you will not be required to attend class.

We will be creating and rending our logo and navigation buttons this week. Bring your creativity hats with you!

sat

 

 

WEEK 3: FIRST QUIZ AND REAL WEBSITE SETUP

We will be taking our first coding assessment on Tuesday.  Practice your code skills at home with Notepad++.  Study those picture and hyperlink codes.  You’ve got this!

You will also complete your index page’s content and begin setting up your first page of your real website based on our theme.  Hold on.  The class content is now moving at a rapid pace.

quiz