Alveyworld Inc.
  • Home
  • Apple Basics
  • Join Alveyworld

Web Development I

  • Disclosure Statement
    (Must print/sign/return form)
  • w3schools.com
  • Codecademy.com

Web Development Standards and Objectives
File Size: 34 kb
File Type: pdf
Download File

State Test Practice

Web Basics
Web Characters
Web CSS

Web Vocabulary Review
Web State Test Review

4th Quarter: Codecademy and Web Servers

In Fourth Quarter I expect everyone to complete all the HTML/CSS lessons and the Javascript Lessons from Codecademy.com

Create a WEB SERVER
We are also going to practice installing a webserver and serving web pages on an open source operating system.
We will use this tutorial to help us get started. We are going to install Ubuntu Linux server using a virtual machine called Virtual Box.


Practice Quizzes 

Take the following practice quizzes to test you understanding of HTML and CSS. Record your scores and email them to zack.alvey@gmail.com

Web Page Development Quiz
HTML Quiz
CSS Quiz
W3schools html quiz
W3schools html5 quiz
W3schools css quiz

Practice Your HTML and CSS skills with Webmaker.org

Go to webmaker.org and play and make lot of remixes to practice using HTML and CSS
Picture

Review HTML and CSS

Picture
Go to this site: https://www.udemy.com/learn-html5-programming-from-scratch/ and listen to the detailed lectures about the basics of HTML and CSS. 

Image Map Practice

Picture
Down load usa.zip and unzip it on your computer and use an image map to create links to all the states.
usa.zip
File Size: 39 kb
File Type: zip
Download File

Turn in your PVDesigns

dfpvdesign.zip
File Size: 1642 kb
File Type: zip
Download File

Click here to open the my google folder and add your design files to this folder
Picture

Create a new Design for Pineview.org

picture_of_the_school.zip
File Size: 86910 kb
File Type: zip
Download File

PIne View Logos
File Size: 106 kb
File Type: zip
Download File

  • Use photoshop to create a new look for pineview.org
    10 principles of good web design
    20 photoshop design tutorials for inspiration
  • Convert your design to HTML and CSS in Dreamweaver
  • Upload your design to your weebly site to see it in action

bubbleback.jpg
File Size: 1928 kb
File Type: jpg
Download File

blue.zip
File Size: 62 kb
File Type: zip
Download File

Web Test

1. Take this test to see if we have learned what the state thinks we should know about the web (click here)

2. When you are done, play this game (click here)

3. Or this game (Code Avengers)

CSS Test

Take this quiz and lets see if we have learned anything about CSS

CSS Practice - Write the HTML and CSS to match the following image. (you can change the hero if you like)

hero.jpg
File Size: 88 kb
File Type: jpg
Download File

aboutme.zip
File Size: 27 kb
File Type: zip
Download File

Picture

CSS Challenge - Alveyworld Circus Page

circus.zip
File Size: 268 kb
File Type: zip
Download File

Picture
Download the circus.zip file

Add to the style.css file the css code to make index.html look like the circus.jpg image

DO NOT EDIT index.html  !!!!

Bonus: Make more pages for each menu link

Picture
My Favorite Things HTML practice
https://docs.google.com/document/d/1dU-BUhx6UZF_N8T99saUMDSeo-C_4vT392ZhjD5EpT8/edit?usp=sharing

Learning Ideas  (click to view)

Powered by Create your own unique website with customizable templates.
  • Home
  • Apple Basics
  • Join Alveyworld