Caiden from the web development class made this game. Please help him test the robustness of his creation.
caidenhome.com/beefense_page.html
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 [...]
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.
Place the code below in the RESUME section of your portfolio web document:
MY DIGITAL LIFE
My Linkedin.com Account
My Flickr.com Account
My Delicious.com Account
My SlideShare.net Account
If you cannot access your hulk.osd.wednet.edu account because of a 403 error, follow the instructions in this video. You will use the “chmod” command to establish privileges to see your files from the Internet. It should fix the permissions. If you would like to learn more about the command line controls of your Hulk read [...]
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 [...]
CHS Web Site Boxes Design
CHS Web Site CSS Code Box Design
CHS Commented Code
Details
Goal
Understand how to build a web page with numerous columns, positioning, padding, margins,and more!
Product
A web page with 3 columns
Tools
The Noodle Incident
W3schools.com
CSS Examples
Adobe Dreamweaver
Kompozer
Resources
Download the zipped copy of the Three Column Web Page within the folder
Three_Column_Web_Page (zip)
Continue reading about Explore HTML and CSS Relationship - Day 5
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 [...]
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
Flickr.com for Creative Commons Texture Images
Adobe [...]
Continue reading about Explore HTML and CSS Relationship - Day 4
Goal
Understand how to create boxes with HTML divisions or as some call them “div” tags
Product
Create at least three div tag boxes
Place boxes on the page in different positions
Change dimensions of the boxes
Change the background color of the boxes
Tools
Adobe Dreamweaver
Kompozer
Resources
W3schools Div Tag Explanation
CHS ComTech DIV Tag Code Page
Basic file from today’s lesson
Advanced example as a [...]
Continue reading about Explore HTML and CSS Relationship - Day 3
