November
2
Introduction to Photoshop
Vocabulaly Assignment -- "Things You Should Know" -- review
4-D Word Assignment -- Complete the graphical organizer, color and turn in for a grade.
November
3
- Quick reference card
- Red Sea Tutorial -- purple handout -- this assignment is due at the end of the class period
- Liquefy Tutorial -- white handout at desk
Learn the toolbox. Review the toolbox overview (laminated sheet). Locate each tool listed.
Steps to go through BEFORE created a Photoshop Document:
- Reset Workspace to default (upper right hand corner on screen)
- Reset ALL tools. (right lick on tool menu and select the second option)
- Us the OS mode when saving.
- If a selection is not highlighted, you should select the move tool (top tool). This often releases the menu and will allow you to complete the step.
- Tools are hidden underneath each other. If you right click on a tool that has a small triangle, you can see the other tool options.
- Hover the mouse over a tool and the name of it appears.
- The Save for the Web option is under the file menu. JPG and GIF are found in the dropdown menu after you select this option. JPEG and JPG are the same. (We use JPG in class.)
Red Sea was to be completed in class on Tuesday, 11/3 for a grade. You must complete this by the end of lunch on Monday, Nov 9. Tutorials are moved to Monday due to grades!
November
4/5
Design/FTP Major Test
- review the design worksheet covered in class last week. The answer key is in the @pickup folder.
- practice FTP using the instruction found in the design section of the web site. (go back to last section)
TAKE the Design/FTP test found in Quizstar.
When you have completed your test, you are required to make all test corrections. The corrections should be done on a sheet of notebook paper. Write the question, then the answer, or answer in a complete sentence.
Introduction to Photoshop --work through the first tutorials to become familiar with all tools.
Answer Questions on "Things You Should Know Worksheet" --
due today -- # 10, 15, 17, 18, 20, 22, 25, 26, 29, 31. 33. 39 & 40
word bank
BONUS: Create an altered image using the liquefy tutorial. Copies of this tutorial are found on the front table. When you have completed the file, save it to your classwork/photoshop folder as liquify.jpg
November 6
warm-up: open the red sea file created in class on Tuesday. (minimize--this will be graded during class)
Selection
Lesson --handout in class
--
right click on the 04start.psd file in the @pickup folder and select COPY
-- navigate to your classwork/photoshop folder and select PASTE.
--READ pages 103-105 in the packet.
Review these terms and locate each tool used for them in Photoshop.
- selection
tools
- repositioning
a selection
- moving a selection
- keyboard shortcuts
- moving with
arrow keys
- copying selections
or layers
- using the
magic wand
- using the
lasso tool
- adding and
subtracting selections
- using the
magnetic lasso
- transforming
a selection
- combining
selection tools
- cropping
November 9
warm-up -- Answer the following questions on the "Things You Should Know"
handout --given in class 11/2. --word bank
Answer the following questions today: #2, 3, 4, 5, 7, 12, 19, 21, 23 & 38
Selection
Lesson --handout in class
--
right click on the 04start.psd file in the @pickup folder and select COPY
-- navigate to your classwork/photoshop folder and select PASTE.
--READ the fri st 103-105 in the packet.
Review these terms and locate each tool used for them in Photoshop.
- selection
tools
- repositioning
a selection
- moving a selection
- keyboard shortcuts
- moving with
arrow keys
- copying selections
or layers
- using the
magic wand
- using the
lasso tool
- adding and
subtracting selections
- using the
magnetic lasso
- transforming
a selection
- combining
selection tools
- cropping
November 10 -- Layers Packet must be complete by the end of class on Wed/Thu.
warm-up-- login to the student server and COPY the 05start.psd file from the @pickup folder. PASTE this file to your classwork/photoshop folder. Open the file with Photoshop. Immediately SAVE AS 05working.psd. Begin the Layer Lesson on pg. 141 -- Using the Layers Palette
NOTE: I find it simpler to copy/paste needed files from the @pickup folder rather than using Adobe Bridge. If you DO use Adobe Bridge, the files for this project are located on the student server in the @pickup folder.
HINT: The Gradient Tool is UNDER the paint bucket. Click the left mouse button and you will see it. the Linear Gradient is the first choice of the toolbar. Hover the mouse over it and you can determine the name. Foreground to Transparent is the SECOND choice in the gradient picker. (Hover over each and the label appears).
HINT #2: the Layers palette menu can be access by right clicking the mouse when in the palettes.
Layer
Basics -- grade - due Wed/Thursday Nov. 11/12
- Creating
and Viewing Layers
- Selecting
and removing artwork on a layer
- Rearranging
layers
- Changing
the opacity and mode of a layer
- Setting
Blending Options
- Linking
Layers
- Adding
a gradient to a layer
- Adding
Text
- Applying
a Layer Style
- Flattening
and saving files
Final
image can be seen on the last page of the tutorial packet.
when
you are finished....
Creating
a Circuit Board Face -- access this URL and find the
tutorial
http://www.planetphotoshop.com/tutorials.html (I like the 'rain' tutorial...)
Sponsored by NAPP
Using the Displace filter
November 13
- Fun
Photo Tutorial -- complete
this assignment Before the End of class Friday.
-- grade (If absent, make-up
in tutorials no later than Friday, November 20)
A tutorial packet is at each computer work station. Read through all directions carefully before beginning. The four files needed for this assignment are found in the @pickup folder on the student server. You can also right click on the link above and save these files to your classwork/photoshop folder. All work should be saved to this folder. The file should originally be saved as tutorial.psd.
Homework --
Bring a picture to scan in class on next Monday.
November 16
warm-up-- login to the student server and open tutorial.psd from Friday. Leave it open on your screen.
Work with shoulder partner to complete any answers that are blank on the "Things You Should Know" worksheet. (word bank) You MUST have this assignment complete and ready to turn in on Wed/Thu.
Major Graphics Test -- November 18/19
- Fun
Photo Tutorial -- complete
this assignment Before the End of class Tuesday.
-- grade (If absent, make-up
in tutorials no later than Friday, November 20)
A tutorial packet is at each computer work station. Read through all directions carefully before beginning. The four files needed for this assignment are found in the @pickup folder on the student server. You can also right click on the link above and save these files to your classwork/photoshop folder. All work should be saved to this folder. The file should originally be saved as tutorial.psd.
Assignments that should be completed
- lastnamefirstinitialredsea.psd
- lastnamefirstinitialredsea.gif (or .jpg)
- 04working.psd
- 05working.psd
- 05flat.psd
- (extra credit) familyphoto.psd
- tutorial.psd (due Tue. Nov. 17)
- tutorial.jpg (due Tue. Nov. 17)
Homework --
Bring a picture to scan in class.
November 17 --GRAPHICS TEST WEDNESDAY/THURSDAY
NOTE
-- Tutorials normally scheduled for Tuesday will be Wednesday
this week. If you need more time on ANY assignments listed below, please
come at the beginning of A or B lunch.
A folder
is at each computer work station. If you have been absent, or are behind,
this is an excellent opportunity to complete missing work! All tutorial
packets should be in the folder. Please make sure that you do not remove
these from the classroom.
Reminder: There is a major GRAPHICS TEST on Wed/Thu, Nov. 18/19. You should review the "Things You Should Know" handout. The answers to this worksheet were reviewed in class on Monday, Nov. 16. If you were absent, you have been given a note for locating the correct answers. Please study BEFORE the test. You will be required to turn in the completed "Things You Should Know" review document.
Assignments that should be completed
- lastnamefirstinitialredsea.psd
- lastnamefirstinitialredsea.gif (or .jpg)
- 04working.psd
- 05working.psd
- 05flat.psd
- (extra credit) familyphoto.psd
- tutorial.psd (due Tue. Nov. 17)
- tutorial.jpg (due Tue. Nov. 17)
If you have completed all of the above, please read through the Mutant Project directions.
Review the Mutant Rubric. This assignment will be due on December 8. There will interim due dates before then.
Extra Credit -- Many websites have banners. Consider creating a banner for the Mutant Project using text effects in Photoshop. I have posted several links below that will teach many interesting techniques.
Smoking Text Effect Tutorials
- http://www.instantshift.com/2009/01/20/65-smoking-photoshop-text-effect-tutorials/
Adobe Photoshop Text Tutorials
- http://www.tutorialized.com/tutorials/Photoshop/Text-Effects/1
Photoshop Tutorials - Text Effects
-http://www.photoshoproadmap.com/Photoshop-tutorials/Text-effects/Most-popular/1/
Homework --
Bring a picture to scan in class.
November 18/19 --GRAPHICS TEST --access Quizstar
Turn in the Graphics Review to the black box prior to starting your test.
After Test: READ the mutant assignment and accompanying rubric.
Create an outline for the 'autobiography' of the creature you plan to create.
Begin searching for images for the project.
Create a mutant folder in classwork. All files for the project should be saved to this folder.
November 20
Objective: Reflect on current project assignment using a BLOG. Directions for creating the blog are listed below.
Web Services, wikkis and BLOGS
Web services are built on technologies and standards that allow the exchange of information with other software applications using Internet protocols. Web services operate over any network. Microsoft first used the term when it introduced Web services as a component of its .NET technology. With the increasing implementation of Web services, standards are quickly developing. XML (Extensible Markup Language) tags the data. SOAP (Simple Object Access Protocol) allows programs on different computers to communicate across a network. WSDL (Web Services Description Language) describes and locates the Web services that are available. UDDI (Universal Description, Discovery and Integration) are listings or directories where businesses can advertise their Web services and their business.
Several new services and applications are available to online users. Microsoft’s Windows Live™ (http://get.live.com) and Microsoft Office Live (http://www.officelive.com) are designed to provide online services and applications to individuals and small businesses. Several other Web services and applications are listed below:
Creating a Blog
Access google.com. (There are MANY free blog sites available. Some tools are listed in the table above. We will use a service provided by google simply because we can. (The MS product must be loaded on our machines and I do not have admin privileges). Most of the free blog sights have very similar characteristics.
Sign in (upper right corner) to access your google account. (if you have forgotton login and password, try reviewing the original directions)
Go to the link marked My Account -- also in the upper right corner. (Make sure that you are not in mail.google.com)
Choose the Blogger link. If you do not see it in the list, you will need to access the More>> link at the bottom of the list.
A list of all of the blogs that you have created will be shown. (If you have never created a Blog, then you will see none)
Choose the create a blog link in the upper right corner.
Title your blog something creative and descriptive. It should obviously be about Web Mastering! Do not use your last name!
Choose a "URL" for your BLOG. This too should be descriptive. You will need to check the availability. Once you have chosen this URL, you should IMMEDIATELY write it down in your binder where you have your logins and passwords recorded. Do NOT skip this step!
There is a word verification. Type the letters and numbers you see.
Choose continue.
Choose a template from the twelve choices given.
Choose continue.
Start Blogging.
Copy the following into your first POST. Title this post "Emerging Technologies"
In a relatively short period of time, our world has changed dramatically because of the creation in 1969 of a small computer network known as ARPANET.
Web sites have evolved over time. First generation sites were static—no interactivity. They included basic structures. Second generation sites included intuitive, user-friendly navigation systems, focused on the content, and animation—blinking text, moving banners, animated images, etc. Since businesses were now online, there was much more interaction than with first generation sites. Third generation sites addressed their audiences based on their objectives, which drove the design and structure. Splash pages were popular, as was the use of cascading style sheets, portals, and forms. These sites focused on content and were easily navigated. Fourth generation sites are participatory and highly interactive. They provide richer experiences for their users. Site designers take full advantage of the new tools of Web 2.0. They frequently include wikis, blogs, podcasts, webcasts, and Web services. Standards are being developed for mobile users of the Web to make their online experience productive and efficient.
E-commerce has exploded because of the popularity of the World Wide Web and the new technologies that have been developed. An example of a new technology the we are using in our classroom is using a BLOG to form journal entries.
Create a new POST for your BLOG. Title this POST, Mutant Project. In your own words, summarize the objective for this project. Save your POST. You will be editing this post with the images you use for the project.
When you have completed your blog, you MUST email me your URL so I can grade it. Email me at sbooneweb09@gmail.com. Include your name and period in the subject line.
Objectve 2: Create a multi-layer, creative image using Photoshop. The final image be a creature that does not exist in the real world. It might be a
human with cat’s eyes, or a fish with gorgeous human lips. You can create an imaginary
being, or modify your image with other animal features. Remember, this mutant is meant
to be funny or cute, not gross or disgusting or overly violent. The final image must contain a remarkable ‘likeness’ of YOU. Be sure that ONE of your images include your image.
Activities: Focus on steps 2-4 today. You should collect the base images for your mutant. It needs to be a frontal shot of a person (it can be YOU, an animal or an object. You can use a picture of yourself if you want. You may scan a personal picture,
use the digital camera or save a picture off the Internet. No part of your figure should be
chopped off by the edge of the picture. The base picture must be at least 300 pixels wide.
Save this picture and all your pictures in the classwork/mutant folder of your server account.
Next collect at least 3 pictures for the features of the mutant. These pictures must also be
at least 300 pixels wide. Rename these images something simple and descriptive; no caps, no spaces. Save all your pictures in the classwork/mutant folder of your server account.
Closure: Edit the POST you created during the warm-up. Upload the images that you have decided to use for the project. Follow the BLOG directions to post these on your BLOG. Publish your BLOG. If you need to review how to create a blog, try other tutorials. Here is one to view. "How to create a Google Blog".
November 23
warm-up: Complete the Edit of the POST you created during the warm-up Friday. Upload the images that you have decided to use for the project. Follow the BLOG directions to post these on your BLOG. Publish your BLOG. If you have not already read the Mutant Project information, please do so.
Objective: Use proper writing skills to write a story about your mutant. This can be an autobiography of your mutant, or a description of the environment and lifestyle. Write at least a paragraph giving imaginative and creative background information on your unusual creature. Make the story fun and interesting. This should be written in Word and saved in the classwork/mutant folder as mutant.doc.
Activities: Write Story and turn in at the end of class today. The story should be written in Word. Be sure to spell check and pay close attention to syntax. The story should be at least one single page. Do NOT double space. Skip one line between paragraphs.
If you need a prompt to get started, try some of the topics listed at this URL:
http://www.creativewritingprompts.com/
Closure: Bring image of yourself if you have a good one that will fit your mutant image. You will have opportunities to take pictures of yourself for this project as well.
November 24
warm-up: Complete the story for the mutant project if you have not done so. EDIT your Blog Post from class on Monday. Review the Creative Writing Rubric.
Objective: Continue work on the mutant project.
Read directions on the RUBRIC and/or front board.
- Read steps 5 – 10 in your directions. The class did step five together. Be sure to ask questions if you need help.
- Read 6 – 10. Complete each step and follow the directions VERY carefully. You may need to resize images in order for them to be compatible. If you need an image of yourself so your mutant “looks” like you, you can borrow a camera and download the image.
Closure: Steps 1-11 MUST be complete before continuing with step 12.
November 30
Objective: locate images using searching skills. Save images to the classwork/mutant folder on the student server. Rename images to an appropriate file name.
warm-up: logon to the student server
All images should be saved to your classwork/mutant folder on the student server.
activity: You should have the directions for the mutant projecton your desk. Review the following steps and complete during class today. Steps 1-11 on the project should be complete be the end of class on Tuesday.
- Save all images for project to classwork/mutant
- Rename images to an appropriate filename (no spaces, caps, or special characters)
- Record WHERE you found the image. You will need to remember the URL that you found your original pictures. If it is a picture you took, document that information. This file can be saved as a .txt file in notepad or a .doc file in Word.
- Create a new POST to your BLOG that describes the steps that you will take to create your mutant. This POST is a rough draft for the content of your second web page for the mutant project site.
December 1
warm-up: open Word and save a new file as how.doc to your classwork/mutant folder.
Objective: Work on the mutant project.
- You should explain how you created your mutant in this document.
Write a separate paragraph for each image you used for your mutant.
- The first paragraph should be the “base” image. Explain what tools were used and what you did to this particular image. Be as detailed as you possibly can.
- The next paragraphs should be about the other images you have used. (You are required to have at least two. If you have more, then each image should have a separate paragraph.
- The final paragraph should be about your background. Explain any size manipulation you did to this image.
- When you upload your images, I would suggest alignment them left/right alternately. Choose the SMALL size. You could also resize each of the images you are going to use to a width of 250 px. (Constrain the image so they are not 'warped'). Save these images with an alternate file name.
- Once your how.doc is complete, check spelling and grammar. Copy the content.
- Blog assignment - Edit the POST you created yesterday for your web mastering blog. Retitle this post: How the Mutant was Born. Paste the content for the how.doc to the Blog.
- Upload the images that you have decided to use for the project and insert them in the appropriate place that you discussed what was going to be done to each image. Follow the BLOG directions to post these on your BLOG. Publish your BLOG.
December 2/3
Objective:
- continue work on mutant project
- create two web pages from the templates in Dreamweaver
Warm-up – open all five of the ORIGINAL images used for your mutant project in Photoshop. You will create smaller version of these original images. Once all are opened, resize them using the following directions:
- Go to image => image size
- Choose to constrain proportions (check the box towards the bottom of the screen)
- Set the resolution to 72 px.
- Change the width to 250 px.
- Choose OK
- Go to file => Save for web and devices
- Choose to save as a .jpg from the dropdown menu
- Save the file with a DIFFERENT NAME from the original file to your classwork/mutant folder. (suggest webbase.jpg, webbackground.jpg, web1,jpg, web2.jpg, and web3.jpg)
- Close the original image and say NO when prompted to save the changes.
You should have five new images beginning with web saved to your classwork/mutant folder.
This warm-up replaces step 12 on your Dreamweaver Tutorial.
Activities:
Create two web pages from templates in Dreamweaver. ALL content for these two pages should already be created and all images should be saved to the classwork/mutant folder on the student server. If any of this work is NOT complete, you should plan to stay for tutorials this afternoon and/or come to tutorials during lunch on Tuesday. The final project is due December 8 at the end of the school day.
Before beginning, you may see a start-up screen for Dreamweaver, choose to NOT SHOW THIS AGAIN by selecting the box in the lower left corner. Do not worry if you do not see this prompt.
Set up your site (or manage) if already set up.
- Go to the dropdown menu Site => Manage Site =>
- Choose your site if it is already there by selected DONE at the bottom. Choose NEW => Site if you do not see it.
- Choose the BASIC tab from the top of the screen you see.
- Name your site. I suggest that you name your site your folder.
- Skip the (URL) box.
- Choose NEXT
- Choose NO, you do not want server technology => then choose NEXT
- Choose EDIT copies on my local machine (top circle)
- Click on the brown folder and navigate to your classwork/mutant folder on the student server; hit SELECT, then => NEXT
- If there is a prompt, choose OK
- Choose NONE for how you want to connect. => NEXT
- Select DONE => Cancel any prompt, then select => DONE
Dreamweaver
Open Dreamweaver. The icon should be on the desktop and is a green box with DW on it. You will be prompted to set up the site. You can skip these steps.
index.html
- Go to File => New =>Page from Sample => Starter Page (Theme) =>Restaurant Homepage
- Click Create
- Save this file as index.html. When prompted to copy files, choose copy. (Make sure they are saved to classwork/mutant.
- Title the Page (Replace Restaurant Home Page)
- Add a header and optional tagline if you choose (Replace Website Name Here & Optional Tagline Here)
- Highlight the last four links; MENU REVIEWS SPECIAL EVENTS CONTACT US and Delete.
- Highlight CUISINE and type Web Mastering PORTFOLIO to replace it.
- Highlight Web Mastering PORTFOLIO and type ../portfolio.html in the Link box in the Properties area.
- Highlight LOCATION and type HOW THE MUTANT WAS BORN to replace it.
- Highlight HOW THE MUTANT WAS BORN and type how.html in the Link box in the Properties area. (see step 8)
- Change the header - highlight "Welcome Message Here" and type the title to your mutant project.
- Add the content for your mutant story. Copy the content in your BLOG POST from November 24. Highlight the text that is in the right area, then Paste the story.
- Your mutant image may not be compete. When it is, you must replace the AFE image. Click on the image, then hit delete. To insert your mutant image, click on the image icon, navigate to your classwork/mutant folder and select the final image. Click OK.
- Highlight the orange text below the image. When it is highlighted, type a brief caption for your mutant.
- Save your file.
how.html
- Go to File => New =>Page from Sample => Starter Page (Theme) =>Restaurant Product Page
(see step 1 form index.html)
- Click Create
- Save this file as how.html. When prompted to copy files, choose copy. (Make sure they are saved to classwork/mutant.
- Title the Page (Replace Restaurant Product Page with How the Mutant was Born)
- Add a header and optional tagline if you choose (Replace Website Name Here & Optional Tagline Here)
- Highlight Web Mastering HOME and type index.html in the Link box in the Properties area.
- Change the header - highlight "Page Name Here" and type "How the Mutant was Born".
- Highlight the row with the content carefully. See image and note the outline.
- Copy this row.
- Click to the right of the gray box. The Paste the content. You should see another exact row below the original. Do this three more times so you will have a place for your five images. If you have more, you will need to paste the correct number for all of your images.
- Replace "Product Name" with a description of each of your images.
- Resize each of your images in Photoshop. Open each image, choose Image => image size => (check to make sure the the constrain proportion box is checked, then change the width to 250 px. Save each image as a different file name. (I suggest putting small in front of your original filename). All files must be saved for the web and devices as a .jpg.
- Click on each of the gray areas, and delete that image. Insert each image in one of the areas (see step 13 of the index.html directions for help).
- Copy the directions from you BLOG POST on Tuesday in each of the proper areas for each image.
- Save your file.
December 4
Guest Speaker -- Kelly Bennett
The Art Institute of Houston trains students in Media Arts and Animation, Baking and Pastry, Culinary Arts, Culinary Management, Graphic Design, Design and Technical Graphics, Fashion &@ Retail Management, Digital Filmmaking & Video Production, Interior Design, Kitchen & Bath Design, Photography, Web Design & Interactive Media, and Restaurant and Catering Management. From its founding in 1965, until joking The Art Institutes system of schools in 1978, The Art Institute of Houston was known as the Houston School of Commercial Art. In December 1990, the school moved to its current facility at 1900 Yorktown in the Galleria area.
Students will be shown student projects from the Art Institute that use Flash and other programming skills learned in Web Mastering.
December 7
warm-up: BLOG entry: Art Institute of Houston -- guest speaker
Discuss four ideas that you heard and learned about from the presentation on Friday, December 4. (See lesson for December 4 for a review)
Objective:
- Write a thank you note to guest speaker.
- continue work on mutant project.
- create two web pages from the templates in Dreamweaver
Follow-up/Homework:
Write a thank you note to Mr. Kelly Bennett from the Art Institute of Houston
How to Write a thank you note - http://www.themorningnews.org/archives/how_to/how_to_write_a_thankyou_note.php
Tips, Ideas and Samples for 4 Writing Thank You Notes
http://www.brownielocks.com/notes.html
Printable Thank You cards -- (you MUST color these if you choose to do one of these)
Template from Microsoft Work (thanks Jeremy!)
Printable Thank you cards -- Word
http://www.samplewords.com/menu-cards.html
To: Mr. Kelly Bennett
From: Include your first and last name
Use the ideas from you warm-up to create a well written thank-you note.
When complete, turn in to 'black box' and I will mail. (Include at least five sentences)
December 8 -- Mutant Project is due at the end of class today
mutant.psd => mutant.jpg
Step 5 of the mutant project had you create a blank canvas with a width of 500 pixels and height of 400 pixels. This file was saved as mutant.psd.
All gathered images were placed on this file.
Step 10 had you save this image for the web and web devices as mutant.jpg.
Your mutant.jpg image should be 500 px by 400 px if done correctly.
Place mutant.jpg in the index.html file
Open Dreamweaver and choose Site=>Manage Sites
Select the site that is your folder (create a new site if it is not there).
Open index.html
Click on the image that is on the left of the page.
Choose Delete from the keyboard
Insert your mutant.jpg in this spot.
You may need to resize some of the tables.
Edit how.html
The steps used in Photoshop should accompany each of the images.
I would suggest that the images alternate left/right.
Save your work.
December 9/10
Exam
Overview
Review - Objective Portion of the Exam
FTP
portion of final exam
Objective--
Publish Mutant Web Site Activities:
Students will restructure the whstech website.
Warm-up- Fold a sheet of notebook paper in 1/2 lengthwise (hotdog). Title the left column whstech.com and right wsidehs-rs05. Copy the information on the white board exactly as it is written.
Activitites - The mutant project has been created in classwork/mutant. There are MANY files that are saved there. Many of you have asked whether you can create an "extra" folder to save the files you did not use on your webpage. We are going to create a folder one level up that will have ONLY the files used. These files will be transferred to the whstech server. NOTE: You must have met your Tech Fee obligation in order for transfer your files. Please read the letter for information. You will not be able to complete this portion of the exam today if the fee has not been paid. My suggestion is to print the letter, take care of the Tech Fee, and complete it sometime BEFORE the final exam.
| whstech.com |
|
wsidehs-rs05 |
| |
|
|
|
| first |
(delete) |
|
|
| first |
|
|
mutant
|
what files were used for your project? List these files here. Include file endings and make sure you write legilably. |
classwork |
intro
html
photoshop
mutant => |
(mutant)
look at all the files listed here. Did you USE all of them on your actual web pages?
list EACH of the files in this folder. |
| mutant |
write the filenames of ALL of the files that are actually used in your mutant project. Include file ending. Make sure you write legilably. |
|
portfolio.html
portfolio.png (.gif or .jpg) |
|
portfolio.html
portfolio.png (.gif or .jpg) |
FTP
address: ftp://whstech.com
Username: (studentfolder)@whstech.com
Password: same as the one you use on the student server
remote
site: whstech.com local site: Wsidehs-rs05\(your folder)
URL: http://whstech.com/(folder
on the student server)/mutant/
FTP USING INTERNET EXPLORER This tutorial
is a review from your first web site. You may need to review
it. You will need to use the
class FTP
address and
your login and password. (See above information).
Directions for
final
- Open your folder
on the student server. Resize to half screen and move to
the RIGHT side of the screen. This is your local site.
- Open Window Explore. Resize
to half screen and move tot he LEFT side of screen. This
is your remote site.
- Type ftp://whstech.com
in the address bar.
- Type (your folder)@whstech.com
in the User name blank. (see below)
Use your student server password.
- Create a new folder on the remote server and name it mutant. (first should already be there)
- Open the NEW mutant folder on the RIGHT side of the screen.
- Copy each of the files used on your web page, then paste them to the NEW mutant folder on the whstech side.
- Check URL: http://whstech.com/(yourfolder)/mutant/
Editing your pages AFTER they are on the whstech.com server
Now that the mutant project is live, you may want to change something on the pages. You will need to MANGE YOUR SITE in Dreamweaver in order to do this, and FTP the corrections to whstech.com when you have completed the changes. The steps are listed below.
to make changes:
- Open Dreamweaver and access the dropdown menu Site => Manage Sites
- Click on your folder to EDIT (If your folder is not there, you need to re-create your site - see directions from December 2/3).
- Make corrections in Dreamweaver.
- When finished, you will need to repeat the FTP steps listed above.
December 11
Thank you note to the Art Institute is due.
Mutant Presentation
Review for Midterm Exam
Objective Questions - Review in Quizstar
Mutant Presentation |
4 |
3 |
2 |
1 |
Presentation
(3 minutes) |
All rubric categories were covered and explained. Student was very well prepared, in dress code, and the presentation flowed smoothly. |
All rubric categories were covered. Student was prepared, in dress code, and the presentation was given in the proper time frame. |
One rubric category was not covered. Student was not well prepared, but was in dress code. The presentation did not flow well. |
More than one category was not covered. Student was not prepared and was not in dress code. There was little evidence of prior planning for the presentation. |
Mutant Rubric
|
