Untitled

Final Project Summary

Wed, 09 May 2012 04:57:10 -0400

The topic for my final project is How to Prepare for a Interview. My audience is my peers, fellow college students who are currently seeking a job opportunity, whether it’s full-time or an internship in their field. I decided to do this topic because I have heard many of my peers say they do not know what to wear to an interview or what questions they should ask when they are talking to their friends. Sometimes, they would get good advice, but sometimes they don’t. I decided that this website would be a good tool because it would offer tips and information to help students prepare for their interview and hopefully help them land the job. Another reason I chose this topic was because for most majors it is a requirement to complete an internship prior to graduation, but also because it helps the student gain a job if they have experience. In my research, I learned that only 30.7% of students who graduate without an internship will be able to get a job offer where as 50% of students who graduate with at least one internship or work related experience will get a job offer. However, in order for students to possibly have this kind of success they need to successfully prepare for the job interview. My website gives students tips including how to dress for an interview with examples and how to write a thank you letter to help them prepare. I believe that if students viewed my website, they will be less stressed about the interview and will be able to show their personalities to the employer in positivity to land the job or internship of their choosing.

Tutorial # 9: Add a Video from Your Computer to Dreamweaver 1....

Wed, 09 May 2012 04:42:55 -0400

Tutorial # 9: Add a Video from Your Computer to Dreamweaver

1. Open a new page and click on Insert>Media>Plugin.

2. In the menu, go to your videos and select the video you want to upload and hit choose. It will prompt you save it in your root folder say ok. (Also, create a video folder if you do not have one already.)

3. Now, your video appears as a puzzle piece. Resize your video. For my video I did 675 by 475. I made it this big because I added the controls to it and the video has to be a bit larger for the controls to show up.

4. Now click on the Parameters button. This area controls the video. You can make the video autoplay, show the controls, loop, and more. I made the video autoplay and show the controls but did not want the loop.

5. Save your page as videocomputer.html and preview it.

Your video should come up. Happy Viewing!

Tutorial # 8: How to Wrap Text Around an Image 1.Open a new page...

Wed, 09 May 2012 03:25:00 -0400

Tutorial # 8: How to Wrap Text Around an Image

1.Open a new page or a page that has the text you want to add the picture.

2. Select the insert tab from Dreamweaver’s menu and select image.

3. Find the image you want to add and hit ok.

4. Since the image I selected is not in the root folder, it’s prompting me to save it in the root folder. Click yes to the pop ups and save it in the root folder.

5. Create your images folder if you do not have one.

6. Now, the image shows up on your page. At the bottom of the Dreamweaver outerface, you see that the settings have changed. There are options to change the size and Photoshop options have been added.

7. In the bottom right hand side, you are going to see align. Click that and change it to any of the options. For this tutorial, I used the right alignment and adjusted my picture for it to fit with the text.

8. Save the frame and preview.

Embed Video into Your Webpage: In this lesson, we are going to...

Thu, 12 Apr 2012 20:23:00 -0400

Open a new blank html page

Use Split View

Find your video on page you prefer

Copy Embed Code

Paste into the coded side

It will show up on page.

Save the Frame as video.html

Hyperlink, Save, and Preview

Embed Video into Your Webpage:

In this lesson, we are going to embed a video onto your webpage. We are briefly going to be using the split view in this tutorial to successfully embed the video.

1. Open a blank html page.

2. Go onto your desired webpage (I used YouTube) and select a video you want to use.

3. Click on the share button and embed. The embed code should come up. Copy the code.

4. Go back to Dreamweaver. In the coded side of the split view, or on the left hand side of the screen, paste the code where you want the video to show up. It will show up as a gray area in the design side or right side of the screen.

5. At the bottom you can resize the video to make it bigger or smaller.

6. Save the frame as video.html

7. Since we are building our website, you want to create a Video section on your page, hyperlink the video page and save all the frames. (Don’t forget to put the target for the page).

8. Preview.

The video will come up and play.

Creating a Photo Gallery: * In order to create a photo gallery...

Thu, 05 Apr 2012 19:48:00 -0400

Open Bridge and Find Pictures Folder

Select pictures for gallery

Make sure Output is selected and fill in

More info to fill in

Save the Gallery to your web folder

Open Dreamweaver & create Photo Gallery

Hyperlink Photo Gallery

Save Frame and Preview

Creating a Photo Gallery:

* In order to create a photo gallery to insert into Dreamweaver, you MUST have Adobe Bridge or have access to one.

1. Open Bridge and find your pictures folder.

2. Select the pictures (MAC: Hold the Command key, Windows: Hold the Shift key) you want to have in the gallery. (Your pictures MUST be in the same folder.)

3. On the left hand side of Bridge, make sure Output (on top of the menu) is highlighted.

4. Select which ever template you want. For my demo, I used Left Filmstrip.

5. Scroll down the left hand side of the screen and you will see there’s information to fill out about the gallery. You can fill it out if you want to. In this section, there’s an appearance area, where you can change the color and font of the gallery.

6. Save the gallery in your website folder. It will be easier to find.

7. To post the gallery in Dreamweaver, open a new .html page and save it as gallery.

8. Highlight gallery and hyperlink it to your photo gallery that you created. You are using the .html option.

9. Don’t forget to target the frame to the main so everyone can see it.

10. Save the frame and preview in your browser.

Adding More than 1 Picture: First, you want to create a new...

Thu, 29 Mar 2012 19:11:00 -0400

Create a New Web Page

Blank HTML

Click on Insert and click on Picture

Select a picture

Say ok

The Image will come up

Resize the image to 250 X 320

Save the webpage as Picture.html

Go back to your main page to link it

Preview in Safari

Adding More than 1 Picture:

First, you want to create a new blank HTML web page. Remember to change the background color to the color of your main page. (It’s under Page Properties on the bottom of the screen) Click on Insert and Picture. Your pictures folder on your computer will come up. Select the image that you want to input and hit ok. Some images that you add will be bigger than others. I decided to use 250x320 as the standard for all of my images. Once you changed the image size you can add your text on the side or the bottom of your page. Save the frame as picture.html (File, Save Frame). Bring up your main page (main.html) and highlight your Pictures option and link it to your picture.html page. Preview it and you should see your picture. Repeat the adding pictures portion to add other pictures to the page.

To create a photo gallery, you must have Bridge to do so.

Tutorial #4: Linking Website and Files First you highlight over...

Fri, 02 Mar 2012 05:49:41 -0500

Highlight the Text

At bottom, type in webpage address

Select a target

Do the Same for the other.

Link to a picture

Save

Preview

Picture is up

Tutorial #4: Linking Website and Files

First you highlight over the text and at the bottom of Dreamweaver, you will see “Link” in that box type in or paste in your web page. If you are typing it, be sure to include “http://” because it will not work other wise. Now that you put your link, you have to do your target. The target is how you want the webpage to open. Target your webpage into the mainframe. This will allow users to visit the websites within your website. You can also target it to a new page using “_new” which will open up a new browser.

Now to link a photo onto your webpage, you will highlight the text, and in the link button there’s a folder button and an bullseye button. If you have a pictures folder within your website, click the bullseye button and drag it to the picture that you would like to include. (Expand the picture folder to do this). However, if you don’t, simply click on the folder button and search for your photo. When you find the one you want to include click it and the link will show up in the link box. Lastly, save your frame by going into “File,” “Save Frame,” that way the changes can be made to your webpage. Preview it in the browser you choose and your picture and other websites will pop up when you click the links.

Tutorial #3: Today, we will be setting up the margins to our...

Fri, 24 Feb 2012 02:09:40 -0500

Open the web file or a new one

Go to "File" and select New

Click Ok and change the margins

Save the frameset as index

Save each section

Preview webpage in browser

Tutorial #3:

Today, we will be setting up the margins to our site and adding a background and text color and previewing it on the web.

Open a new webpage using one of the frame sets. Change the margins to your liking and save the frame set as “index.html”. (Remember, we mapped to the root folder in the last tutorial, so you shouldn’t have to look for the folder). As you are saving the pages, you will see your right hand side of the screen populate with them in the folder. In each section, write something and save them. The left one will be “left.html” and the middle one as the “main.html.” After you have done that, go to page properties at the bottom of the screen and there you can change your background and text color. Also, you can change your text size and font. Save the frames and preview your webpage by clicking the globe button and opening it in the browser you prefer.

Today, we are going to set up our site’s root folder to...

Thu, 16 Feb 2012 23:25:40 -0500

Setting up Your Site

Click on Site; New Site

Create a New Folder to Save your Files

Save the Folder as Digital Media

Link It as your Root Folder, hit save

Show Up on the Left Hand Side

Today, we are going to set up our site’s root folder to save all of our files that we want to put on it. Click on Site and under site, click on new site. In New Site a menu will come up to name your website and a root folder. Name your site whatever you want but in root folder click on the folder button. Create a new folder. This folder will be the folder where you will save all your files for your website. Click ok for it to be your root folder and hit ok. You have now set up your site to update.

Using Tumblr for Class!!!

Wed, 15 Feb 2012 18:07:49 -0500

ohsnapitztie:

I am really excited about my new media and digital literacies class this semester. I am using tumblr to blog about my experience using an Adobe software. I havent decided on what software I want to use just yet but I am looking forward to posting about my journey for my classmates to learn about it too.

Tie

ohsnapitztie: Tutorial #1: To start making your own website,...

Wed, 15 Feb 2012 18:03:56 -0500

First Open Dreamweaver

Go to "File" and select New

Layouts for your webpage

Choose the layout and hit create

Layout

ohsnapitztie:

Tutorial #1:

To start making your own website, first open a new file in dreamweaver. Go to File and click New. Under New you will be given options to select the layout that you want to use for your webpage. After you find the one that you want to use, select it and hit create at the bottom of the screen. Your selection will open up in the main frame of the dreamweaver window. Now we are ready to start creating your website.