Then create your own (either Teacher or Administration) page. How would your page look different? What would you add? What would you change? Create a second (or third) stylesheet for this page.
DUE: Friday, January 18 by the end of class
"It doesn't matter how many times I have to click, as long as each click is a mindless, unambiguous choice." ~Steven Krug, author of Don't Make Me Think: A Common Sense Approach to Web Usability
Look at the Administration and Teacher pages on the PVPHS.com school website. Using HTML and CSS, create two webpages that look as close to the real thing as you can. Use padding, margins, and styles to achieve this effect. You must have an external stylesheet, although you can use inline code to add individual elements if you want.
Then create your own (either Teacher or Administration) page. How would your page look different? What would you add? What would you change? Create a second (or third) stylesheet for this page. DUE: Friday, January 18 by the end of class Many of you have already started incorporating CSS in your pages. Mostly what I've seen is inline:
e.g.<p style="font-size:16px; font-family:courier; color:#32cd32; text-align:right;"> Which is awesome. A few of you have used internal: e.g. <style> body { background-color: blue; } p { font-size: 16px; font-family: courier; color: #32cd32; text-align: right; } </style> Which is fantastic. What you'll eventually want to do is take ̶a̶l̶l̶ (almost all) the inline/internal CSS and write it in a whole separate file so that your html is shorter and, ultimately, easier to read. e.g.<link rel="stylesheet" type="text/css" href="stylesheet.css"> As a bonus, you can use that same CSS file in multiple HTML pages rather than having to type it out (or Ctrl+V) again and again and again and again and again ... you get the picture. Take notes on the cumulative effects of sea squirt discharge on the brain chemistry of Germanic ammonit- I mean- CSS Beginner level at this site: http://www.htmldog.com/guides/css/beginner/ and show them to me when you're done. Your next project will involve playing with the different *styles* of CSS and figuring out which one is best to use where. Consider this project a practice "final exam".
You've got a week and a half, so show me your best! Your goal: Create a winter-themed site (multi-page, 7+ pages). This project is very open-ended. You may choose to make your site: ... a choose-your-own-adventure site that wanders through snow-laden forests- you can even make it horror ;) ... a traditional click-the-tab-to-explore-the-site layout with information about winter festivities around the world (you may use other sites for reference for this one, but please make the actual text your own (do not copy-paste, that's plagiarism!)) ... or come up with your own idea! (talk with me before you get started). How I'm grading this project: • Time spent working on the site (Does it look like you spent time on it? Does this look the product of 3 weeks of work?) • Code formatting (How easy is it to read your code? (Comments in your code are mandatory!) • Code accuracy/functionality (Is it correct? Does it work?) • Site formatting/aesthetic (Is it easy to navigate? Does the placement of text/pictures make sense?) • Creativity & Inventiveness (Did you try something new, that we haven't officially learned?) This project is due: Friday, December 18 by midnight. [evil laugh] "Did you think it was all over? Puny human..."
We're not done with John, or Lord Zeraxfos, or that random tank that keeps getting spawned... Your next job is to choose one of the stories that you started (at least 500 words long), and write three web pages: 1. Using the story as written by you and your classmates, make the existing code into a functioning webpage (because right now, only a couple of them actually work correctly). You need:
2. Using the same story as in step one, rewrite the whole story from where you started it. How would your story have gone? It should be at least as long as the original story. You need:
3. Write an analysis of what we've been working on over the last two weeks. You need:
This project is due by the end of class on Friday, December 4. Please email a zipped folder of your three html pages to [email protected] or submit it to the Submit your Work page. You're John! So are you! And you! You're all John!!! Everyone is John!!!!!!
Your job is to start a webpage, in Microsoft Word. You will be rotating to the next computer every 5 minutes. Use your unique color/font to add to the website. You may not change the code that's already on the screen, and you may not create a new page unless the previous story ended. Each website (one story per site) needs to have:
On Wednesday, we'll read the stories and see who got the most points (same point system as the games we practiced with). For this project, write a choose your own adventure website. The story must be horror themed and must include text (or image) links at the bottom of the page for the viewer to make a choice (which leads them to the next page). The choice the viewer makes should affect how the story ends! See here, here, and here for examples of what the choices should look like.
Please make at least 10 pages. I am mostly grading on your storytelling for this project. Think of it as practice for writing articles for the school's website. ;) There should be at least three different endings, and at least one of the story "forks" should go through 3+ pages (2+ choices) to reach the end. NOTE: Your stories can be short-ish! They should be long enough to establish a story, but you aren't writing a full-length novel (or at least, I'm not expecting you to). At least two paragraphs per page is a good guideline. Due: End of class on Friday, November 13. No exceptions, no extensions. Create a multi-page (7+ pages) haunted house website.
Your goal: Make Mrs. Garnet scared. Really scared. Seriously. If she's afraid to go to sleep at night, you will probably get full points on this project. :)
When you're done, create a .zip folder of your site (ask me if you're not sure how to do that) and submit it to the Submit your Work page. Due: Friday, October 30 Create a site with 5 or more pages. (Remember- every .html file needs to be in your site folder) Each page should link to the home page and the other pages. Your website should be about sports or video games, your choice. If you want to work on a different topic, please ask me before you begin working.
Home Page:
Individual pages:
Make sure to use hexadecimal colors-- do not use words (like "red") for your page colors! Want to use colors that go together? Try ColorCode to find what works for you! Be creative- use colors, divs, and tables to organize your content. Change the size on all of your images so they are not too big or too awkward. When you're done, create a .zip folder of your site (ask me if you're not sure how to do that) and submit it to the Submit your Work page. This project is due Tuesday, October 20 at the end of class Create a webpage to advertise an upcoming music festival. Using what you just learned about clickable pictures, create a table with clickable pictures of the 9 bands or musical artists that are playing in the concert. Change the height of the pictures so they are all 300px wide.
To get full credit, your site should have:
• The dates and times that each band/musical artist is playing (at least two different days for each) • A bullet point list of who the opening acts for each band/musical artist are. (3+ for each)
The layout of the table is up to you, but make the information easy to read and make sure to include all the information! This project is due Friday, October 9 by the end of class. Your web pages are looking pretty awesome, and we just have about a month or so before we're ready to get started with DUN. DUN. DUUUUUUUUNNNN!!!! CSS!
By the way, that link is best viewed with the sound turned WAAAAAYYY up. ;) So let's go back to W3 and take some more notes. You'll need to take notes on: Lists, Blocks, and Quotations. When you're done, show me your notes and you'll be able to get started on your next project. Notes due: Wednesday, October 7th by the end of class |
Please Note:
Any homework and a summary of the week's work may be found here. However, not all information will be posted, and you are responsible for what is described in class. Do not rely upon this as an up-to-date, accurate source of info or as a substitute for paying attention. Use this page as a reference only! Archives
June 2016
Categories |