- Day 1 Agenda:
- Day 1 Survey
- Introduction to Candela, Web Design, and the Contest
- Discussion: Themes
- Gmail Accounts for Google Drive Saving or Flash Drives
- Web Design Overview
- Two Pages: Practice Autobiography Page + Choice Page
- Introduction to Notepad++ and Basic Coding
- Please complete this in preparation for your Webmaster page: Letter of Introduction.
- Sign up for Candela’s Remind by texing 81010 to @mcwt
- Homework: Finish your Letter of Introduction content. Bring a picture of yourself.
- Day 2 Agenda:
- Review: Skeleton of a website, title bar, background options.
- Discussion: Color Theory.
- Finish our Autobiography Page together.
- Review: Container, fonts, hyperlinks, and pictures.
- Banner + Button website resources
- Discussion: Food.
- Homework: Bring a picture of your favorite food for your autobiography page.
- Day 3 Agenda:
- Partner selection based on love for a common food.
- Begin your Choice Page using our model example. You will need all of the elements from your Autobiography and more (that I will teach you later).
- Discussion: Content ideas (2 paragraphs)
- Embed a YouTube video about your topic. Yes, it may be unoriginal.
- Homework: Bring pictures of the food you and your partner love equally. Ingredients, favorite restaurant that makes this food, food itself. Create a short video clip illustrating that food.
- Day 4 Agenda:
- Finish your Choice Page.
- Create a slideshow/photostory using Animoto.
- 1 title, picture stills with captions, 1 video, 1 song.
- Username: email@example.com (I’ll give you a student number.)
- Password: student1
- Day 5 Agenda:
- Day 5 Survey
- Present your website to the class using these guidelines: https://bethetigger.edublogs.org/files/2012/03/MCWT-Presentation-Guidelines-for-Advanced-finalists-2016-1oqalcq.pdf.
- Answer the following:
- Tell us about the food that you love.
- What is your favorite code? Frustration? Feature?
- Share your technology experience(s).
- Audience, use this form for each presenter: Audience Form.
- All presenters, use this form once for your self evaluation: Self Evaluation Form.
- Award a team the MVPW.
This website may not be updated as Lake Shore Public Schools is in the process of moving to Schoology. Please log in to your student account to access course materials.
Check out Logan’s logo. Say that 5 times fast. Haha! Anyway, it has a great look and feel to it. He even created custom text, something that is above and beyond font options in Photoshop. Does your logo capture the theme of your website? Remember, this is the most important graphic on your website. It should look good!
Brainstorming is a huge part of building a website. Hopefully, you have some ideas of where you might go based on our fun theme.
You are in the best class at Lake Shore. Why? Because I already love you. Okay, she’s weird. Yes, you will discover this quite quickly.
Welcome to Web Design and Career Field Experience. June isn’t arriving for several months so stop pretending it is already the summer break. We have learning to do. 🙂
Tips for writing an essay and giving a quality presentation, in my opinion:
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.
Use Google to your advantage. If you talk about the importance of uniformity in your essay, Google Why is uniformity important in Web Design? Use the answer to help you engage your audience.
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 led 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.
9) Don’t make excuses. I couldn’t get this to work because.. I didn’t have enough time to.. My partner didn’t do this.. I couldn’t understand this code because..
This is the real world. You chose your partner/or made the decision to work alone. You could ask someone else in the class. You could have emailed Barb and the web design team. Heck, you could have contacted a web design company. Yes, you can do these things. You are more than capable. It just takes work and determination.
10) INTRO: Which tip will you need to remind yourself to focus on so that you have the maximum opportunity for an A? Why is this tip an important one? ADVANCED: Come up with your own REQUIREMENT idea. What is it? Why do you feel it would be a good paragraph idea?