21
School Website KAYLIE INES AND KASEY WELLS

We evaluated our current school website. Looked at other school websites We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Embed Size (px)

Citation preview

Page 1: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

School Website

KAYLIE INES AND KASEY WELLS

Page 2: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

We evaluated our current school website. Looked at other school websites We decided

◦ Wasn’t enough color◦ Wanted video and music◦ More pictures◦ Less adult looking◦ It was boring

First as a class

Page 3: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

We brainstormed ideas for new website◦ Something were not debatable ◦ Like contact info.◦ Administration◦ Mission and royal expectations ◦ Navigation (could choose were and what kind)

Drew different layouts Decided on which layout to use

As a small group

Page 4: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Decided titles we needed◦ Pleasant Valley Middle School◦ Administration

Photoshop Elements Paw prints were a Photoshop brush we

found online http://www.obsidiandawn.com/animal-tracks-photoshop-gimp-brushes

Starting to create

Page 5: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 6: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 7: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Created new file called newindex Reason we did this, until we were finish we

did not want to published to the web. We could still view as webpage just not link

for other to see. We wanted to view it in Internet explorer

because it looks different in Dreamweaver.

Using Dreamweaver 8

Page 8: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

We created tables to help organize were to put different elements of the home page.

We went with three columns numerous rows to give us plenty of space.

Starting the Design

Page 9: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Insert image Save to web serverGive a alt tag for all image

Page 10: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Kasey used Slide.com to create a short video.

We wanted it to be fun Had to be short so website won’t take long

to load. http://www.slide.com/

Slide Show

Page 11: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Things we wanted to change◦ Paws for bullets◦ Color changed on navigation

Mrs. Hauff wants us to change title so the fonts are consistent but we like it how it is.

After inserting all the elements

Page 12: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Trying to figure out how to get the paw prints for bullets.

Page 13: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

http://www.mightycoach.com/articles/htmltricks/imagebullets.html

Page 14: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 15: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 16: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 17: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 18: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Software used was purchased several years ago.

http://www.projectseven.com/products/menusystems/pmm/index.htm

From Project Seven This software takes the difficulty out of

adding navigation.

Toolbar

Page 19: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 20: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures
Page 21: We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures

Redesign the rest of the school website.

Future Plans