Exam
Do the exam:
Take the survey:
Summer project:
Make signs for Conservation department in the town.
Meeting Tuesday after the second exam in room 136.
Courses for next year:
Robotics
Build Repair
C++
Web Design
6-11-08
Contentbuilding
Make lots of brief entries.
Check out your Manage posts page.
It should show all of your entries.
It should show the tags on your entries.
The tags will make your blog searchable.
Going viral
Search for your blog name in a search engine
Check to see what kind of traffic you are getting.
Search for 50imacs
Search for viral video
Search for viral media
6-9-08
Heat
It is hot outside, hotter than the room.
This room gets hot.
The hall is cooler.
A fan by the hall door will bring in cool air from the floor.
The warmer air will flow out to the hall.
blogs
CSS
Get your layout to work.
make several entries on your topic.
Use tags
- Tags are words that help search engines find particular things online.
- You can use standard tags like redsox or celtics,
- You can also make up tags to make searching easier.
- Tags like game1celticslakers game2celticslakers game3celticslakers will make it possible to find all the entries related to that specific game.
- You can and should use the same tag on different entries, which may be about different aspects of the same topic.
go back into all of your blog entries and add tags to them.
When adding multiple tags in blogger, you will need to separate them with a comma.
Content building
You should be adding several entries per day to your blog.
They may be brief, and may link to other internet resources.
Do not extensively quote, but rather put links to pages of interest.
Include your own opinions and thoughts.
6-6-08
Blogs
Modify your css layout - http://www.pyzam.com/
You can replace the css of your page with a different one.
If you want to make one yourself from scratch you can.
Making a css this complex would take a lot of time.
There are lots of very interesting blog css templates.
Search for "blog css template" and blogger or whichever service you are using.
Adding video
If you want to add a video to a blog, it is pretty easy.
On youtube, there is a link to embed a video on a page.
Here is an example of an entry with an embedded video - link
You can also embed other things on your pages.
Look for the embed link and html code to be able to do it.
Content building
You should be adding several entries per day to your blog.
They may be brief, and may link to other internet resources.
Do not extensively quote, but rather put links to pages of interest.
Include your own opinions and thoughts.
Tags
Tags are words that help define an online object or writing.
Tags should be about what is in the writing, video, picture, audio etc.
Tags are incredibly useful when you want to create a searchable database.
You can create your own tags for things, and you can use tags that others are using.
In blogger, tags need to be separated by a comma.
In flickr, tags are separated by a space.
6-4-08
Work/Content requirements
You should be adding more information to your blog/project throughout the period.
If you are not writing about your topic, you should be gathering information
Post the information as a blog entry.
You could also find information to add to the side or top divs
You may want to or need to go into the css to modify it and make it more interesting looking.
Do a search for "blog css template" to get examples
You should have way more than a single entry for each class.
If you are not blogging, you should be modifying and customizing the site.
You might want to add things like slideshows and streaming video links to your site.
More do, less watch.
Use Gimp
You can use Gimp to make graphics for the site.
you can make things to standard sizes to make them fit
These are some standard ad sizes - http://www.webpencil.com/bannersizes.htm
You can make a different background image
6-3-08
Make a Banner Ad
Use an online banner ad creator .
Or you could use gimp.
Place the ad on your blog or site.
These are the standard ad sizes - http://www.webpencil.com/bannersizes.htm
The ad should promote your site.
Print your ad this period.
Get rolling
Put a link on the front page of your wiki this period
5-29-08
Check out your work, your classmates' work
Get rolling
Put a link on the front page of your wiki this period
5-28-08
Senior Exam Maxi block
Get the project complete by tomorrow
All links work online
Text on every page
check the project description
With a few weeks left in the year, it is time to think of some individual projects that you can work on.
Write up a brief proposal of what you will do with this project.
What is the goal?
How will you use web 2.0 tools?
Will you work solo or in a pair?
What will you personally be responsible for?
Proposal due next class
when you have the proposal and the $7 a gallon project done, check with Mr. Connors before starting on the individual projects
5-22-08
mcas maxi block
When you are online, you might see some error messages.
The most common is 404, meaning that the page or other resource you have requested does not exist.
Another common one is 403, which means that you do not have permission to view the resource. If there is no index.html in the directory, and your link is not directed at a specific page or resource, then a 403 will result.
IndividualProjectsSpring08
With a few weeks left in the year, it is time to think of some individual projects that you can work on.
At this point, we have worked with several different languages and ways of working with web design:
- html
- wiki
- css
- making a complete website
- putting html pages on a server
5-21-08
Using File Manager
Many free websites use a file manager system to have you handle the files that make up your website.
While this can be a convenient way of working, it can also be difficult because you need to learn a new system and interface.
FTP stands for file transfer protocol
In FTP, there are two main parts of the system that concern us:
Most web services have an ftp host or server to receive files from web designers.
Windows has a built in ftp client.
Follow the directions to sign on to an account and then manage your files for the website.
Upload Notes
Notes on the files that are up on the servers
Make the links work on all your pages.
Make the css work on your pages
Content
Center Content - Each page should have two paragraphs of text content that you have written. Here is an example - http://duxtech.zymichost.com/transportation.html
Index Content - You should introduce your viewer to the concept of the site and explain some of what you have learned.
5-20-08
Upload your work to the online server
Test your links
Get your pages to work online
Check your work from the link on the StudentWork page.
Change the work on the local computer/hard drive, then upload it to the server.
This might be good to add to the right side of your pages
http://zfacts.com/p/48.html
5-16-08
Upload your work to the online server at zymichosting.
Test all your links
Get your pages to work online
Check your work from the link on the StudentWork page.
If it does not work, your index.html may not be in place.
Editing your pages
Edit your pages on the hard drive, then transfer them up to the server.
This will make sure you have a backup, and don't have extra versions of the pages.
Content of the pages
Develop the content for the center div
- On each page, you should have at least two paragraphs of your own writing.
- The paragraphs must be in a center div.
- You should answer this question:
How does rising fuel prices affect (name of page)?
5-15-08
Content of the pages
- On each page, you should have at least two paragraphs of your own writing.
- The paragraphs must be in a center div.
- You should answer this question:
How does rising fuel prices affect (name of page)?
Uploads to web server
ZymicHostingSpring08
5-13-08
- Back your project up to your wiki
- go to your folder view.
- Select the folder that holds the $7 a gallon project
- Choose send to zipped(compressed folder)
- Upload the zip file to your wiki
Content of the pages
- On each page, you should have at least two paragraphs of your own writing.
- The paragraphs must be in a center div.
- You should answer this question:
How does rising fuel prices affect (name of page)?
Links
- keep looking for links to good information
- As you find more information about the topics, add them to the right div and the resources page.
Navigation
- Your left div must have links to all the pages in this project.
- All of the links should work properly
5-12-08
Welcome to the new cooler room 234!
Right div and content of the pages
On each of your pages, you should have links to external sites that relate to the content of your page.
Each of these links should open in a new window, so you will want to use the code:
<A TARGET="_blank" HREF="(address of link)">(display of link)</A>
Set up the right divs on your pages. Each page should have 3-5 links to pages that relate directly to the theme of the page.
On each of these pages, you should be adding content to the text of the page. The text should be in the center div.
WebHosting
5-9-08
Resources page
The resources page will be used to build the right column of your individual pages.
The right column will be different on each of your pages, based on topic.
You will need at least 3-4 links for each right column
As you have been working on this project, you have already looked at many good web pages.
At this point, you need to find those pages and collect their addresses.
Separate your resources page into sections
Break the sections down by the topic of each page
Collect at least 3-4 links for each of the sections of your resources page
Hand in the display of your page this period
Content of pages
As you work, you should begin to fill in the content of the pages
The basic question is:
What is the effect of increased fuel prices on (page topic)?
5-7-08
Feedback on handins
- use whitespace in your code to make it easier to read and maintain
- use the css, particularly the external css as much as possible.
- Add a center div for the content of the page
- all your graphics should be in your folder
Resources page
Collect links that will help you gather information for the content of the pages.
Organize them by topic
Put the links in the center div.
Use an h tag to separate the links
Find photos to go on each of the pages in the center div.
5-6-08
Content of the pages
What have you found out about this topic since starting it?
Embedded Styles
Each page should have a different picture in the center div
The picture should be related to the overall topic
The picture should have some relationship to the content of the page.
Use the external style sheet as much as possible for common design elements
Use embedded style sheet for page specific elements
Put all graphics in your folder. Addresses of pictures can change, they can be deleted.
Use whitespace in your code.
Put a background photo on your site's css document.
5-2-08
If you did not hand in your template html and css yesterday, do it at the start of the period.
Your navigation system should be in place.
Make the pages for the site.
Use your template to make the pages.
Start to collect information for the center part of the page.
Check the questions on the project description for some ideas on the content.
5-1-08
You should have at this point:
- A folder for this project,
- A template for the project
- A css file for the project
- The layout should have three columns
Today
- build a navigation system for the project.
- Put the navigation system on the left side of the screen on the template
- Start collecting the external links, resources that help explain the issues
- Put the external links on the right side of the screen on the template
- When you have the template set up pretty much the way you want,
- Make sure your full name is not listed in the code of the page anywhere.
- Then you should make the other pages by using the template
- Print your template and css when they are done.
- The page names will be:
Index.html, transportation.html, food.html, employment.html, housing.html, communities.html, economy.html, environment.html, resources.html
4-30-08
Make a folder for this project on your hard drive
Set up a template to hold your information
The template should have three columns, left, right and center
Use divs for the columns example
Set up your css document to handle the columns
Use the template to make the pages of your site
Page names should have the topic followed by .html example transport.html
4-28-08
8 weeks to the End of the semester
PossibleProjectsSpring08
WhatDoYouKnowApril08
SevenDollarsaGallon
4-17-08
CssLinks
Use an EmbeddedStyleSheet
CssPoem
Make a page that uses an embedded stylesheet and makes use of the following:
Positioning - http://www.w3schools.com/Css/css_positioning.asp
size and shape - http://www.w3schools.com/Css/css_dimension.asp
Opacity - http://www.w3schools.com/Css/css_image_transparency.asp
z positioning - http://www.w3schools.com/Css/tryit.asp?filename=trycss_zindex2
4-16-08
CssLinks
Positioning. With CSS, you can set the position of objects in your layout.
http://www.w3schools.com/Css/css_positioning.asp
You can set the size and shape of an object: http://www.w3schools.com/Css/tryit.asp?filename=trycss_clip
You can position things in a two dimensional manner through its location: http://www.w3schools.com/Css/tryit.asp?filename=trycss_zindex2
Use a web page like what you made yesterday, sizeandposition.html
Try the techniques, make the objects viewable on the page.
When you have a good idea of how to handle them, bring them onto your external css document and modify your site.
4-15-08
Columns and classes
With classes in your css, you can have subcategories of your tags.
Each of the subcategories can be given different commands as to color, placement and other attributes.
here is an example of using columns by specifying classes
columns.html
4-14-08
Columns
Make a page that uses two columns to lay out information.
For text, you can use content from any source.
Use an external style sheet called twocolumns.css
Reference the style sheet from the head of the page that will use it.
Here are some examples and resources:
http://dhswebdesign.pbwiki.com/f/groupstyle.css
http://dhswebdesign.pbwiki.com/f/index.htm
http://www.glish.com/css/9.asp
4-9-08
Make a new ExternalCss for the site.
Change the look and feel of the site by having a different style sheet.
See CssZengarden.com for examples
update on your SideProjectCss
You should have three different css designs by the end of this period
Picture opacity with css - http://www.mandarindesign.com/opacity.html
about's version - http://webdesign.about.com/od/css3/a/aa121306.htm
w3 schools - http://www.w3schools.com/Css/css_image_transparency.asp
4-8-08
CssWebSite - Make a new ExternalCss for the site.
Change the look and feel of the site by having a different style sheet.
See CssZengarden.com for examples
update on your SideProjectCss
Picture opacity with css - http://www.mandarindesign.com/opacity.html
about's version - http://webdesign.about.com/od/css3/a/aa121306.htm
w3 schools - http://www.w3schools.com/Css/css_image_transparency.asp
4-4-08
CssWebSite
Botball Announcement
LOOKING FOR ANYONE WHO WOULD LIKE TO PARTICIPATE IN UMASS LOWELL's BOTBALL ROBOTICS TOURNAMENT on SATURDAY. Will look great on your brag sheet. FIinal build is Friday afternoon. We'll be leaving the competition at 6:30 Saturday morning and will get back at 6:30 Saturday night. If you would like to join the team, please see Mrs. Lewis or Mr. Connors for a permission slip.
4-3-08
ExternalCss
Make a document on your hard drive called external.css
comment your name, the file name and date into the top of the page.
Add the code to call the external css in the head of an html document
Use some content that describes css to see what the effect of the code is.
Hand in your css document and the html document by the end of the period.
4-2-08
flip - http://www.revfad.com/flip.html - Use it carefully....
External css
ExternalCss
finding css use in web pages
looking at a page's css
- Make a page that uses an external css page with your css template
- Make the external css document
Robotics team
could you join us on Saturday?
3-31-08
CssTemplate - Make it and upload it to your wiki
Write a description of what you have done on your SideProjects used as an assignment earlier in the course. It is understandable if your project has evolved from when we first discussed the project.
Provide links if possible to examples of your work.
The projects should be primarily about web design, creation of content and using the tools we have been exploring in class for your own projects.
Use your CssTemplate to start the page.
Use EmbeddedCss to format the page.
Save the page to your wiki. Make a link to it from your front page.
http://dhswebdesign.pbwiki.com/f/index.htm
3-28-08
New computers.
The computer lab rebuild has been done.
When you log on to the computers, you will agree that you will follow the school's acceptable use policy.
The computers are for educational purposes. They are not toys, and they are not something that you should break. Please pay attention this matter.
Make a folder for your work in the my documents folder.
Don't mess with any other folder than that.
Log off the computers at the end of class.
CssTemplate - Make it and upload it to your wiki
Write a description of what you have done on the SideProject used as an assignment earlier in the course. It is understandable if your project has evolved from when we first discussed the project.
Provide links if possible to examples of your work.
The projects should be primarily about web design, creation of content and using the tools we have been exploring in class for your own projects.
Use your CssTemplate to start the page.
Use embedded css to format the page.
Save the page to your wiki. Make a link to it from your front page.
Free robotics competition this weekend in Boston - http://www.bostonfirst.org/
3-26-08
EmbeddedStyleSheets
Also called internal style sheets They are a type of cascading style sheet.
Find a short story on the subject of your choice.
Make a copy of your template.
Change the title, remove all style from the body element.
Add a style section to the head element.
Comment your name and the date into your page.
Copy the text into the body.
Format the text with some plain html.
Put all the text inside div tags.
Include an h1 for the title.
Include some smaller h tags for section heads of some or all of the paragraphs.
Put p tags around each paragraph.
Add an hr tag to the page.
Adjust the style of the page with the style sheet in the head.
Add a picture to the background of the div
You can also add a picture to the background of the body
Put your time into customizing the page and making it look better, more interesting and more polished.
Print the head of the page and the first few paragraphs when you are done.
Select the text.
Use print selection to print just the head.
Links:
http://webdesign.about.com/od/beginningcss/a/aa021807.htm
3-25-08
EmbeddedStyleSheet
Continue working with embedded style sheets.
See what you can do to control the appearance of the pages through the styles specified in the head.
There are a lot of elements you can adjust with this technique.
Your html should be as spare as possible.
Control everything through the style sheet.
here is a link to the sample page from yesterday - css-1.html
This gets you to some editors for background in css - http://www.w3schools.com/css/css_background.asp
The menu on the left of the above link has lots of other try it editors.
Test them out and use the techniques.
this page has a good chart with many css properties and sample code - http://www.katpatuka.org/pub/doc/stylesheet.html
Make sure you upload your files to your wiki
3-24-08
EmbeddedStyleSheet
Add styling to the head of a page.
With an embedded style sheet, you can add styles to every html tag in a page. This way, you just write straight html in the page, then control its appearance from the embedded style sheet. If you want to change all of the p tags, you just change it once.
For this, you will need to make an html page. Use your template.
Remove the styles from your template. We will style it with css.
Name the page movie.html
Get a few paragraphs of text about a movie.
Format the page so it looks readable in notepad.
Add P tags before and after each paragraph.
Add a div tag at the top and bottom of the page.
Write a headline for each paragraph.
Add an hr
In the Head of the page, you will add a style tag and a close style tag.
Use this: <STYLE type="text/css"> and </STYLE>
In between the two tags, you will add styles that will control the html elements of the page.
Control the BODY, P, HR, H tags and others.
Give them color, margins, padding and find some other ways of adjusting the elements.
Lay the commands with whitespace so they are easy to read.
Upload your page to your wiki and see how it looks online.
3-19-08
Make a background picture in gimp BackgroundPicture
Add it to your HOWTO page in the div tag
Make sure the text is readable over the picture.
The picture should support and not distract the user from the content of the page.
Adjust your HOWTO page so that it is readable and appears carefully crafted.
3-18-08
InlineCss
Make a page called InlineCss on your wiki.
Leave a link to it on your FrontPage
the title tag.
Find some text that explains how to do something: Type HOWTO and another word in a search engine to get a page that explains a process.
copy the text and place it in the body of your page.
make a div tag that contains all of your content
Format the text with P tags, h tags and numbered lists
Use InlineCss on the page to control the tags.
Use a background image in the div tag
Here is a link to a page with background images - http://www.backgroundcity.com/
This page has a lot of try it editors for css - http://www.w3schools.com/css/css_examples.asp
wikipedia entry on css - http://en.wikipedia.org/wiki/Cascading_Style_Sheets
3-14-08
Handback
On pbwiki you can use InlineCss
Inline CSS - http://www.tizag.com/cssT/index.php
Poetry formatting with InlineCss.
Make a page on your wiki called PoetryCss
Find several song lyrics or poems on the subject of your choice.
Use inline css to change the display of the title, body and author of the poem.
Use an H tag for the title and author, use a font tag for the body of the poem.
Make them so they look carefully designed on the page.
lots of commands for css - http://www.nettnett.net/webdesign/css_commands.php
3-13-08
WikiCss
Make a page called ParagraphStyle
Get or write two or three paragraphs about an artist or game of your choice. You may want to use wikipedia or some other source.
Write or get a headline for each of the paragraphs.
Use the <p style> and </p> on each end of the headline or paragraph. Inside the style tag, you can specify the colors, links, and more.
http://www.w3schools.com/css/demo_default.htm
Handback
3-12-08
Social networking sites
Saving links to get at them later
Make a Del.icio.us account, set it up with links to help you find information about web design and other topics.
3-10-08
Look over the ReviewPage on the StudentWork page
WebDesignFrontPage
User Tracking:
Geographic tracking:
Track your users with clustrmaps - http://clustrmaps.wordpress.com/html-setup/clustrmaps-on-pbwiki/
Here is a link to statcounter - http://www.statcounter.com/
You can also use the <views> tag
It will look like this: 
Views is a simple counter, and can be fooled easily.
If you can find other counters, share them with the group.
The rebuilding of the lab has begun.
Make sure your work is uploaded to your wiki.
At some point this week, the lab work should be done.
If you don't know how to upload your work, please ask.
3-7-08
Check out people's ReviewPage on the StudentWork page
Do you need to add more content?
Class demo of the sites
css - Cascading Style Sheets
css is a way for you to easily and centrally control the look and feel for a group of your pages.
It uses a single line in the head of the page, which references another document where all the styles are kept.
There is a hierarchy of control over the look of a page:
- line control over the appearance is primary
- page control in the BODY over the appearance/style comes next
- page control in the HEAD over the appearance/style comes next
- page control in an externally referenced document comes next
It is possible to 'reference up' have some attributes come from one document, and others from the page itself, or several style sheets in a chain.
Under sea cables - http://www.telegeography.com/products/map_cable/index.php
ScienceFairNeedsJudges - http://duxtech.pbwiki.com/ScienceFairNeedsJudges
DesignSquad
3-5-08
ReviewPage
You might use - http://www.dailymotion.com/us - for video, Try to get the original video.
Where is a good source for audio files?
try this - http://www.ez-tracks.com/
Spend this period making your page as good as it can be.
Make sure each section has information in it.
Tighten up the music section:
Have a section for music that has one line per song
Include the title of the song, album, links to the lyrics - tab - mp3 - video
StudentWork
ReviewPage
SampleReview
Look at your classmates' work and improve your own.
3-4-08
Handback
Adding lyrics, pictures, audio, video to your ReviewPage
use - http://www.dailymotion.com/us - for video
We will make a page for StudentWork
3-3-08
Handback of graded work
ReviewPage
2-28-08
Here is your checklist:
- Use only wiki markup on this page, don't use html
- Use Headlines for the section heads
- Make a numbered list of your possible project ideas
- Make a bulleted list of things that you will need to do on the most interesting idea
- bold some text
- Italicize some text
- underline some text
- make a horizontal rule
- make an automatic table of contents
- Add a sidebar to your wiki by typing SideBar
- find resources which will be helpful to you on the project
- make some links with wiki markup
- hand in the wiki source code of the page
2-27-08
WikiMarkup
SideProjects - You will need to create a series of SideProjects
Make a new page on your wiki by typing SideProjects on the front page.
Use only wiki markup on this page.
Look at the SideProjects description, come up with some ideas of things that you will probably be doing with web design already, because you are interested in them.
Make a numbered list of the 3-4 possible SideProjects. Put the one that you are most interested in at the top.
Make a SideBar on your wiki and put links in it to the course wiki, your search tools and other things that might be useful.
Hand in your wiki source for your SideProjects page by the end of the period.
Take the one that you are most interested in and describe it using some of the wiki markup features. bold, italic, horizontal rule, make a table, add a picture, etc.
http://yummy.pbwiki.com/WikiStyle
Backup
Make sure you have uploaded all your work from your hard drive to your wiki.
add a picture
2-25-08
If you didn't take the test before vacation, take it during class or after school today.
Computer lab rebuild:
The computers in this room will be rebuilt in the near future.
The hard drives will be reformatted.
Make sure you back up your work to your wiki and keep your backups up to date.
WhatDoYouWantToLearn - Make the page, print your code, print the page
Scratch
2-15-08
Happy almost vacation!
Web Test
Get any work done that you need to complete
Scratch
Over vacation, do some experiments with your own projects around web design:
Blogs,
Testing html and web design on facebook, myspace, etc.
Try out googlepages
Set up a website on a free service.
Test out photobucket, flickr or picasa
Set up a wiki
these experiments will evolve into a formal project, but for now, test out some systems and let me know what you find.
don't spend the WHOLE vacation on video games.....
2-14-08
Happy Valentine's Day
Handback
Make your code web ready:
remove your last name from the code of your pages.
Use your last inital for identification.
Put your table from your index page on your front page of your wiki
You don't need the whole page's code, just the table.
Upload your pages to your wiki
Wiki is not a great way of serving web pages, but there is a bit of storage there, and it can be done. We will work more with wiki this term, and this is a good way to get started.
Create a new page by typing the word SandBox with capital S and B and no spaces. Experiment with the tags you have already used. See which ones work and which ones don't.
Test next class:
HTML document structure
Body Tag
Colors
tables
links
pictures
2-12-08
OrderedList page
FrontPageOfWiki
2-11-08
Your IndexPage should have tables on it with the links in the tables
Use of Whitespace in your code
Make a StudentCourseWiki
Test, last class of the week:
HTML document structure
Body Tag
Colors
tables
links
pictures
Robotics team
We will be making the battle arena after school this week in room 136
2-7-08
IndexPage - If you did not print it and hand it in last class, do that first before modifying it more.
IndexPage - Tables
<iframe> - specifications - try it out
Make a wiki for your course work - http://duxtech.pbwiki.com/StudentCourseWiki
Upload your work to your wiki
2-6-08
TemplatePage - done? hand it in.
IndexPage
iframe
Make a wiki for your course work - http://duxtech.pbwiki.com/StudentCourseWiki
archiving your work on your wiki
Winter sports over?
Robotics team Thursday afternoon.
dhsbotball.pbwiki.com
botball.org
2-5-08
TemplatePage
body tag info - http://www.pageresource.com/html/usebody.htm
more body tag info in English English - http://www.fbe.unsw.edu.au/learning/html/ref/body.htm
IndexPage
iframe
2-2-08
Pictures page
Pictures page pictures.html
use the HTML structure that we used before - http://www.cs.cf.ac.uk/Dave/PERL/node257.html
Include a title - your name pictures - http://www.w3.org/TR/html4/struct/global.html#h-7.4.2
find two or three pictures that we can work with.
Put them on your pictures.html page
put a heading on the page
Center the heading with the center tag
comment your name and the date into the top of the page
<!-- this is a comment-->
<img> tag - http://www.w3schools.com/tags/tag_img.asp
resize the picture with height="" or width=""
add an alt tag
Add your screen shot to the page
Add a link to the picture - http://www.w3schools.com/tags/tag_a.asp
make the picture so it opens in its own window <a target="_blank">
change the body tag, http://www.tizag.com/htmlT/htmlbody.php
bgcolor="" http://www.tizag.com/htmlT/bgcolor.php
font face="" http://www.webdiner.com/annexe/font/font.htm
color="" http://www.w3schools.com/html/html_colornames.asp
The page should not have a scroll bar
1-30-08
Troubleshooting your name.html page
Where to find information about html
Pictures page pictures.html
<!-- this is a comment-->
Create a page called pictures.hmtl
<img> tag - http://www.w3schools.com/tags/tag_img.asp
resize the picture with height="" or width=""
add an alt tag
Add your screen shot to the page
Add a link to the picture - http://www.w3schools.com/tags/tag_a.asp
make the picture so it opens in its own window <a target="_blank">
change the body tag, http://www.tizag.com/htmlT/htmlbody.php
bgcolor="" http://www.tizag.com/htmlT/bgcolor.php
font face="" http://www.webdiner.com/annexe/font/font.htm
color="" http://www.w3schools.com/html/html_colornames.asp
The page should not have a scroll bar
Course Selection
Technology and Engineering
701 Principles of Technology
Half Year
710 Standards Based Technology and Engineering
Full Year, counts as one of your three science requirements
707 Building and Repairing Computers
Half Year
716 Robotics
Half Year
Computer Science
201 Introduction to Programming with C++
204 Introduction to Programming with Java
206 Website Design
1-29-08
Troubleshooting pages
CannottSeetheFileExtension
Your title should be on the title bar, the button bar, and when you press alt tab, it should show up under the icon for the browser window.
- H tags <H1></H1> through <H6></H6>
- Paragraph and Break Tags <p><br>
- Write a paragraph about your favorite class in school.
- Write a paragraph about what you like to do on the weekend.
- Link tag Display of link Make a link to your favorite search engine.
- Make a picture of a screen shot with paint
- Use your picture on your page
1-28-08
Welcome to Web Design!
Intro to course
Intro to subject
html
css
rss
podcasting
website management
Course expectations
On task
In class assignments
Homework
Side Projects
Robotics team
After school
Programmed in C
Roomba and Gameboy robot
Comments (0)
You don't have permission to comment on this page.