Donatelli- Internet & Web Page Design

Here you will find the PPT for the introduction to the class and the course syllabus.

Contact

Here you will find what we are doing in class, when tests are, and when assignments are due.

Here are the rubrics that will be utilized to grade your performance on assignments, discussions, projects, etc. Some may be combined together. Points are subject to change.

If you every have a question about coding or how to do something in HTML, use this site.

Finished early or looking to learn more about coding? Visit Code Academy to go through interactive coding and programming tutorials!

Open the Word document and follow the directions. You will find a link to a training on how to use Skydrive & your email!

In order to access the online book, you need to click on the link. (login.cengage.com)

User: robert.donatelli@dallastown.net

PW: Dallastown2014

When logged in, go to the bottom of the page where it says "access instructor supplements." The e-book is there for you to use.

Please take five minutes to complete this evaluation of your teacher. Your honesty and sincerity are very much appreciated. Thank you for the opportunity to work with you everyday!

We will use this packet to complete in class notes, reflections, discussions, and graded activities. Also provided are the links to videos and articles.

We will use this PowerPoint to take notes and introduce new material.

We will use this PowerPoint to take notes and introduce new material.

url

Use this link to access the video on the insides of a computer.

This link will take you to Google challenges. We will use in class as warm-ups and for prizes!

This presentation will explain how to pick the right search terms when looking for something on Google.

When done with the presentation, open and complete. We will discuss.

This presentation will explain how to understand search results and how to improve them.

When done with the presentation, open and complete. We will discuss.

This presentation will explain how to narrow down your search to get the best results.

When done with the presentation, open and complete. We will discuss.

This presentation will review how to evaluate if a website is credible or not.

This is a check sheet to use when evaluating what is and isn't a credible source.

When done with the presentation, open and complete. We will discuss

This link will take you to your school Google account and docs. Follow the directions to login.

Open and review the project directions and guidelines.

video

We will use this packet to complete in class notes, reflections, discussions, and graded activities. Also provided are the links to videos and articles.

We will use this PowerPoint to take notes and introduce new material.

site

This video is a demo on how to create folders, save your websites, and upload files for submission.

We will go through parts of this in class to introduce new elements and terms.

Here you will find the resources needed to complete the Chapter 1 Tutorial: Dave's Devil Sticks in class using the book.

Info

This video explains the tags in the tutorial.

This guide will help you with inserting basic character codes.

Attached are the files & directions to the review and case problems. Use them to create the webpages. When done your assignments, you need to upload your compressed zipped folder to the assignment and submit for grading. Any questions, please email me or watch the saving webpages video.

You will need to unzip and open this folder to download and access the data files for any chapter 1 assignments.

This video will help you get started on the Dave's Devil Sticks review assignment

This is a link to help you when entering characters.

This is a list that will help you when entering symbols into HTML.

Watch this video to learn what we are doing in this chapter and how to set-up the tutorial for CAMShots.

PPT

We will use this handout to take notes in class through the book.

This zipped folder contains all the files you need to start the tutorial, review, and case assignments. When you are ready to start an assignment, unzip the folder and copy the files to your flashdrive or Skydrive folder. Remember, it is important to keep your files organized!

In this folder, you will chapter 2 of the book scanned in. You are to follow along through the tutorial to create the CAMshots website. 10 points for completion.

Below you will find two videos that explain how to complete the tutorial. Please watch!

CAMshots Tutorial Intro & Home Page Video

CAMshots Tutorial Glossary & Tips Page Video

Use this pdf to help you complete the review and case assignments if you don't have the book.

doc

When done your website, please open this link and copy your information in.

When done your website, please open this link and copy your information in.

Here is a link that takes you to tons of the best examples of Wix websites.

We will use this link to introduce tables and experiment with how they work.

Use this to help you with remembering the tags used in creating tables and hyperlinks

In the folder, you will find the data fills you need to set-up your website. The SHORT file is for only the table. The FULL file is for the entire table using CSS. Bonus points for completing the FULL file.

The video will take you through how to complete the tutorial. Use if you are confused or miss class.

Use the handout to assist you in completing the table. Show me when done. 10 points.

We will use this link to introduce css and experiment with how it works. Read through the different types of CSS and play with the try it yourself sections. When done, move onto the CSS Tutorial.

PPT

doc

This link will take you to a tutorial of how to use CSS in an HTML document and allow you to explore over 200 examples of styling. Pretty cool! Your in class assignment is to create a blank html page with at least two different internal styles. The content should be two fun facts about you. The styles can include color, text, background image, etc. Use the tutorial and examples to help you. Show me when done. 4 points.

Once you went through the tutorials and experimented, you are going to create a CSS page of your own that uses an internal style sheet. Open the assignment for directions. Show me when done. 10 points for completion.

If having trouble open the example below.

Use the example to assist you in creating your CSS page. It should be the same except for the background color and text.

This zipped folder contains all the files you need to start the tutorial, review, and case assignments. When you are ready to start an assignment, unzip the folder and copy the files to your flashdrive or Skydrive folder. Remember, it is important to keep your files organized!

We will use this link to introduce forms. You are to go through all of the try it yourself sections and add a new feature to the form. When done, move onto the tutorial.

doc

You are going to create a simple order form for pizza. Use the pictures to assist you in coding out the form. Remember to save and check your work! Show me when done. 8 points.

We will use this link to introduce layouts. You are to go through all of the try it yourself sections and add a new layout to the tutorial.

CHALLENGE: When done going through the tutorial, add a layout to anything you did this year for this class or create something of your own. Bonus points!

doc

doc

You will need to right click, save as to your folder in order to complete the website.

If you finish early, check this list to see what you can do next?

Tech news and videos

Watch the latest daily student news from CNN.

Learn to code interactively, for free!

Listen to the weekly technology news podcast.

Start learning now through interactive videos that cover tons of awesome topics.

Work to enhance your math skills.

Thousands of talks/presentations to stir your curiousity.

Tons of fun and interactive games to keep your interest while learning something useful!

Some of the best games in art, music, language arts, science, and math.

Over 20 flash business games. Please ONLY play these games on this page!

Teach yourself how to program and code HTML, CSS,  PHP, jQuery, Python

Learn about yourself and test drive your career!

Compete against each other to see who the gridiron king is of financial smarts!

Learn to design video games and compete against others around the world!

The fantasy business simulation game.

Learning typing is the focus of these keyboarding games. Learning keyboarding skills is vital for today’s learners and tomorrow’s earners. These free typing games are a great way to build typing skills. Keyboarding games teach important skills through a variety of online typing lessons and typing games..... oh yeah, they're fun!

See how fast you can type. Can you improve?

Run your own lemonade stand and learn about supply and demand.

Stop cyberbullying and increase your awareness of being a good digital citizen online.

Learn about what your personality is and how you react to certain situations.