Search Google

www.chagoyan.com

Mr. Chagoyan

Room 208 -Computer Lab

Web Design II - Quarter 4

 

Programming Structures Part 2

Assignment 024 JavaScript - Random Number and Switch
Assignment 025 JavaScript - Random Number Switch and Stylesheet

 

Blog 1

EA Games - Blog Entry

  1. What did we do?
  2. What did you learn

Brain Storm

Keywords:

crunch, portfolio, teams, community, system development life cycle, inspiration...

getElementByID

(Use Firefox with Web Developer)

Assignment 025a2

JavaScript - getElementByID - Lotto Numbers
Update targetDiv with .innerHTML

Generate 6 numbers by using a for() loop

Demo (as intro)

example

External .js Script

To create external javascripts use:

<script language="javascript" type="text/javascript" src="changedivs.js">

</script>

Assignment 025a3

JavaScript - getElementByID - Lotto Numbers
Update targetDiv with .innerHTML

Use button to update numbers!

Generate 6 numbers by using a for() loop, one if () statement, a function, and a button

example

External .js Script

To create external javascripts use:

<script language="javascript" type="text/javascript" src="changedivs.js">

</script>

Assignment 025b

JavaScript - getElementByID - Change Span

Changeing innerHTML

External .js Script

 

Assignment 026

JavaScript - getElementByID - Change Span

Changing Styles with JavaScript

External .js Script

 

Assignment 026a

JavaScript - getElementByID - Hide Divs and Show Divs (show divs on your own for credit)

Using visibility property

External .js Script

Assignment 027

JavaScript - getElementByID - Hide Table

External .js Script

Implementing JavaScripts

Assignment 029j5

Challenge Assignment #1- 100 pts -

Note: Some of this scripts require an older or no Doctype. Try the html5 Doctype...

Using Premade JavaScripts - Dynamic Drive

Utilize 5 JavaScripts

Demo:

bouncing image demo (For IE the body must have a height)

Open the included .js files. Play with configuration settings and the image

Example: bouncing image demo (One of yours)

 

jQuery

Complete these assignments with JavaScript, DreamWeaver, and Fireworks.

Complete the assignment and use on your index page!

Simple Tutorial | In-Depth Tutorial

jQuery Download - jquery-1.7.2.min.js

Example:

<script src="jquery/jquery-1.7.2.min.js"></script>

Google API Libraries

Example:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

 

assignment001jq

Writing in a div

Hello World

assignment002jq

Waiting for the DOM to load using $(document).ready( )

Ready Event

(Often used when jQuery is included in the head section)

assignment003jq

Method Chaining with .css

 

assignment004jq

Method Chaining with .css (multiple changes)

 

assignment005jq

Fade Out

 

assignment006jq

Fade Out and Fade In

 

assignment007jq

Slide Toggle

 

assignment007ajq

Putting it all together

Demo Zip File

 

assignment008jq

This keyword

events

.mouseover() | .mouseout()

assignment009jq

toggleClass

.click() event

 

assignment010jqu

jQuery UI (User Interface)

jQuery UI Download

Demo

Implementing jQuery

Assignment 029j6

Challenge Assignment #2 - 100 pts -

Using the jQuery Framework - jQuery

Utilize 4 plug-ins

Demo:

angrybirds

Example: slidesow (One of yours)

.animate() Tutorial

 

Project - Local Business Website

Project001

Community Business Website Project
Part 1 - Template (200 points)

Informational Website

Partner Project

Create a one page design for an approved local business.

Read:

Forbes: How To Build A Killer Small Business Web Site
eHow: How to Build a Business Website
About.com: How to Create a Small Business Website That Works

Also check out competitor Websites. It will give you ideas.

Select a local business from Coalinga or Huron. You must obtain general information to start such as:

Available Domain Names
Logos
Official Colors
Slogans
Business Cards
Contact Information
Services Provided
Products Sold
Flyers
Pamphlets
Photographs

Use all the skills you have learned thus far.

CHECKLIST

Assignment requirements for this assignment are:

  1. Project file is named index.html (not project01.html)
  2. Use the css reset (advanced version)
  3. Use the height hack for growing columns
  4. Use OPTIMIZED images (.jpg, .gif, or .png when needed)
  5. Complex Layout. No one, two or three column layouts.
  6. Background Images such as:
    1. Container background image
    2. Header background image
    3. Wrapper background image
    4. Content background image
    5. Footer background image
  7. Use a favicon
  8. Use JavaScript
  9. Use jQuery (Slideshow required)
  10. include all contact information: Address, Phone, Fax, Email
  11. use a form
  12. Add meta tags (see my source and look at the top meta tags)
  13. *Include .php - (include statement for sections)


* This project is for educational purposes only. The site will be hosted temporarily on our Web server for testing purposes.

# Team Business
1 David and Logan Verizon
2 Elvia Craffty Place
3 Shelby and Alexa Say it with Flowers
4 Navjit and Jose Perko's
5 Alyssa and Daneira StarBucks
6 John and Jacob SaveMart Center
7 Eulises and Cristina New China Restaurant
8 Troy and Santiago Little Caesars
9 Rogelio and Julian Rick's Clutter to Cash
10 Lucas and Cesar Game Stop
11 Steven and Brandon Harris Ranch
12 Daniel and Sebastion Big Five Sporting Goods
13 Ruben and Edgar Reeltime Theatre

 

 

HTML 5 CSS3 Free Services

assignment001html5

Audio

assignment002hmt5

Video

assignment003hmtl5

Layout

assignment004css3

Menu (optional)

css3menu.com

assignment005form

Contact Form

jotform.com

 

PHP

Assignment 031

Read: PHP

Required: All future php assignments must be customized and styled. Adapt the programming structure (code) to something new. Use graphics when possible.

In order to grade your PHP assignments, I must be able to see your code. Please create two pages for each PHP assignment as follows:

Your assignment031.php file will include a link to your working php code file. In addition, I will show you how to show the source of print.php in your assignment031.php file using the show_source(); function.

Code assignment031.php | print.php

PHP - Printing - print("hello"); or echo "hello";

Notes:

  • You can use print for html - print("<br />");
  • Use the dot to concatinate - print("I love" . $her);
  • Use escape character \ to print quotations

 

Assignment 032

PHP - Variables - $teacher="Chagoyan";

Variables start with a dollar sign $

Assignment 033

PHP - Comments -

//This is a single line comment

/*This is a
multiple line
comment */

#This is another form of single line comment

Assignment 033a

Index Page Update

PHP - Includes

Demo

Split your index page into multiple files using the php include statement. Your page should be composed of up to six files.

index.php
sec_topnavigation.php
sec_leftcolumn.php
sec_rightcolumn.php
sec_bottomnavigation.php
sec_footer

Assignment 034

PHP - Constants - define("TIP_RATE", .15);

Some variables never or rarely change. Define them.

Assignment 035

PHP - Datatypes - Boolean, Integer, Double, and String.

10 is an integer
1.25 is a double (float)
"Coalnga" is a string
1 or 0 are booleans (true or false)

 

Index Page Update

PHP - Includes

Create two additional pages for your web site on topics that interests you.

Assignment 036

PHP - Math Operators

+, -, *, /, and %

Programming Structures

Assignment 037

 

PHP - If

Assignment 038

 

PHP - Comparison

Assignment 039

 

PHP - Else

Assignment 040

 

PHP - For Loops

Assignment 041

 

PHP - While Loops

Assignment 042

 

PHP - Do While Loops

Assignment 043

 

PHP - Break

Assignment 044

 

PHP - Switch

Assignment 045

 

PHP - Arrays

Assignment 046

 

PHP - ForEach

Forms and Email

 

Assignment 047

Passing data from one page to another

PHP - HTML Controls (200 pts.)

 

Assignment 048

PHP - Send Mail

Index Page Update

Assignment 049

PHP - Send Feedback Mail (60 pts.) - Add to your index!

Databases - Microsoft Access and MySQL with phpMyAdmin

Demo

Databases Overview

Creating Tables
Fields and Datatypes

Using Microsoft Access

 

Assignment056

Activity 1 - Access It!

Celebrity Addresses

Create Access Database - link to MDB
Export as HTML - Link to Data as HTML

Assignment057

Acitivity 6 Access It!

NASCAR

MDB | HTML


Assignment058

Activity 8 Access It!

Jobs

MDB | HTML

Assignment057A

Acitivity 6 Access It!

Database Overview

Creating Queries
Select Queries using NASCAR

Query 1 - TOP 10 WINNINGS

Query 2 - ROOKIE DRIVERS

Assignment059

Activity 17 Access It!

PGA Tour

MDB | HTML

Assignment061

Creating Tables - MySQL

MySQL - Create Table

Using your own username and password, connect to MySQL, select the database, and create the Celebrity Address table.

- Use phpMyAdmin within your dedicated server account.

Celebrity Addresses

Assignment062

Creating Queries - Access

Using CHSAlumniDB

Demo - Creating Queries

Create/Export the following queries:

Query 1: How many gifted children have criminal parents?

Query 2: Provide a list of alumni who earn more than $30,000 in descending order by earnings.

Query 3: How many children are suffering because their parents didn't go to college and, as a result, make less than $20,000.

Query 4: Who makes the most money and what is their career?

Query 5: What do non high school graduates drive?

Include all the fields that make the query meaningful! Remember, export as HTML and link to the query results and your .MDB file..

 

Assignment063

Selecting Data - MySQL

Celebrity Addresses

Assignment064

Creating Queries - MySQL

Query1 | Query2 | Query3


Send me a message
FEEDBACK BOX

Name (optional)


Email (optional)
Word (optional)
Your IP Address is:
Random Number

IntroActivity1.pdf
IntroActivity2.pdf
IntroActivity3.pdf
IntroActivity4.pdf
© 2004-2011 Manuel Chagoyan