sleduc on February 3rd, 2010

Sample Site Online

scottleduc.org

Downloads

Wordpress_psd2css_template file

Continue reading about Build Your Own Wordpress Template

sleduc on November 17th, 2009

The information in this quiz comes from Chapter 4 of the Head First HTML with XHTML and  CSS book

Continue reading about Image Media Quiz

sleduc on May 20th, 2009

Caiden from the web development class made this game.  Please help him test the robustness of his creation.
caidenhome.com/beefense_page.html

Continue reading about Caiden’s New Game - Play On!

sleduc on February 28th, 2009

Make a folder named “surf” on your desktop.
Make another folder named “media” inside your surf folder.
Download the surf.html file into your surf folder.

http://hulk.osd.wednet.edu/sleduc/surf/

Download the surf.gif file into your media folder.

http://hulk.osd.wednet.edu/sleduc/surf/media/surf.gif

Open surf.html in Dreamweaver.
View the source code and look to see how the div tags work in the CSS at the top of the page and [...]

Continue reading about Create DIV Tags & Modify with CSS

sleduc on February 25th, 2009

 
icon for podpress  Publishing to Hulk [4:27m]: Play Now | Play in Popup | Download

This screencast is for students working through the Head First HTML and CSS book.  Student from other classes may find it useful, because the process for publishing is the same for everyone.

Continue reading about Publishing Web Work to HULK

sleduc on November 20th, 2008

 

Due Date: Tuesday, December 2nd at the end of day.

Must be placed:

in the folder

in the folder

on the hulk.osd.wednet.edu web server

Goal

Redesign McNashton’s business web site

Must include the logo and a Hawaiian theme in the design

Get better at the web site production cycle

Product

Rough draft paper sketch, scanned and saved in the  folder on the Hulk Server

Save as a .jpg file so [...]

Continue reading about Web Development Design Cycle 4

sleduc on November 13th, 2008

Due Date: Tuesday, November 18th at the end of day.

Must be placed:

in the folder

in the folder

on the hulk.osd.wednet.edu web server

Goal

Redesign The BilbyBaby.com business web site

Must include the logo in the design somehow

Get better at the web site production cycle

Product

Rough draft paper sketch, scanned and saved in the Project 1 folder on the Hulk Server

Save [...]

Continue reading about Web Development Design Cycle 3

sleduc on November 10th, 2008

Goal

Understand how to build a web portfolio

Product

Your web portfolio with HTML content

Tools

Adobe Dreamweaver

Kompozer

Resources

Zipped copy of the LASTNAME Portfolio Template with folders

lastname_portfolio (zip file)

Continue reading about Explore HTML and CSS Relationship - Day 5

admin on November 7th, 2008

 
icon for podpress  Hulk Access [5:09m]: Play Now | Play in Popup | Download

Be safe.

Do not publish personal information beyond your name

Do not share address
Do not share phone number
Do not share images of yourself or friends
If you are unclear about these safety precautions, please ask your teacher to explain.

Be legal.

Do not use copywritten material on hulk.osd.wednet.edu

Hulk server address: hulk.osd.wednet.edu

Your account is at /~username
EXAMPLE: hulk.osd.wednet.edu/~sleduc

Access Hulk from home with [...]

Continue reading about Accessing Hulk Web Server

admin on November 7th, 2008

 
icon for podpress  CSS and HTML Relationship Movie 4 [19:10m]: Play Now | Play in Popup | Download

Goal

Understand how to download, edit and save an image to media folder and place in web page

Product

HTML document with images included
Sample CSS from the above example:

body {background-color: yellow}
p {color:blue}
{background-color: #00ff00;
color: salmon;
font-size: 400%}
h2 {background-color: transparent}

#divbox {
width: 300px;
height: 300px;
border: medium double #333333;
background-color:#FF33FF;
}

#container {
width: 1024px;
height: 682px;
border: medium double #666666;
background-color:#999999;
margin: 0px auto;
background-image:url(’media/flower.jpg’);
overflow:scroll;
margin-top: 50px;
}

Tools

Adobe Dreamweaver

Adobe Photoshop

GIMP - Free Open [...]

Continue reading about Explore HTML and CSS Relationship - Day 4