Using images and links

advertisement
Using images and links
An email with your link is due in my email inbox by noon Monday. A hard
copy of your code is due in the box outside of my office door by noon Monday.
Make sure I can see all of your coding (hit return about an inch or so before
going into the gray area in TextWrangler) and don’t forget to test your
assignment and links when working locally and when on the Web live.
Prep work
Make a copy of your favorite.html exercise after correcting any errors. Name the
new one dandelion.html.
On your server space, create a folder called images if you haven’t already. To do this,
create a new folder once you have logged into MyWeb. You can do this either by
pressing Command-Shift-N (Mac) or by going to File → New Folder (PC), and then
name the folder images. Note: HTML can be touchy about capitalization. Decide now
whether you ever want to include capital letters in your filenames. I recommend all
lowercase, all the time.
Use Photoshop to resize the dandelion.jpg. It’s initially 1600x1200 pixels at 180 ppi
resolution. Change it to 72 ppi resolution. Once you change the resolution, the image
width should change to 640 pixels wide. Write down the dimensions of this image.
Save it as dandelion-big.jpg. Go back to the original dandelion.jpg file and change
the resolution to 72 ppi again, and then change the width to 300 pixels wide. Write
down the final dimensions of the new photo. Save it as dandelion-small.jpg.
Upload dandelion-big.jpg and dandelion-small.jpg to your images folder online.
Coding
Copy your two H2 headings and following paragraphs and paste them three or four
times, so that you have a total of 8-10 sections. Give each one a unique title in its
heading.
Image
Add coding for your dandelion-small picture directly under the H2 heading for
your first section. Use the img tag (see p. 156). Remember that the photo is saved
inside a folder on your server, so you will need to use a relative URL to tell the
browser where to find the picture (see p. 22).
Create an alt attribute for your photo with the text “yellow dandelion.” (p. 157).
Use the height and width attributes to specify the dimensions of the photo using
the numbers you noted earlier when you saved the photo (p. 159).
We will primarily use CSS to control the appearance and placement of objects on the
page. However, occasionally it can be useful to manually place items. Add the
attribute align to your image tag and set the value as right. This will right-align
your photo on the page.
Links
Use the a href tag to make the first three words of your second section an absolute
link to my site http://www.myweb.ttu.edu/cstone/cams/. Remember that an
absolute link requires the use of scheme, server name, path (if applicable), and file
name (if applicable).
Use the a href tag to make the first three words of your third section a relative link
to last week’s assignment, which you should have saved as favorite.html.
Create an anchor at the heading above your last description. Call the anchor “last.”
(p. 173).
Add a paragraph of text under the main H1 heading of the page, before any of the
rest of headings and content. It should say “Jump to Number 8.” (or 10, depending
on how many times you pasted your original paragraphs). Make this sentence a link
to the anchor you just created. (p. 174).
Make the dandelion photo you already added to your code into a link to the larger
version of the photo that you already saved as dandelion-big.jpg. (p. 176).
On the next page you’ll see the general text formatting described above.
Favorite classes
Jump to Number 8
Selected Research Methods - Experimental Method
I took this class late in my doctoral career at Texas Tech. I should have taken it much earlier as it
was the preferred method of choice for my dissertation.
Dr. Callison did a great job with this class and really turned me on to the experimental method.
Sex and Violence in the Media
I took this class because it parallels some of my research interests - media effects. We studied much of
what Dr. Dolf Zillmann and Dr. Jennings Bryant learned about sex and violence in the media through their
research, and we also learned about Dr. Sparks' time at the Kinsey Institute. Interesting stuff, but definitely
not for the faint of heart!
If you happen to be interested in media effects, here are a couple of good books to refer to:
Media Effects Research: A Basic Overview, 4th Edition by Glenn G. Sparks
Media Effects: Advances in Theory and Research - 2nd Edition by Jennings Bryant and Dolf Zillmann
Selected Research Methods - Content Analysis
I took this class early on in my doctoral program at Tech. I was fortunate to have Dr. Cummins as it got me
to thinking of him as my dissertation chair. We used a couple of books that I still refer to:


The Content Analysis Guidebook by Kimberly Neuendorf
Content Analysis: An Introduction to Its Methodology by Klaus H. Krippendorff
Number 2
I took this class late in my doctoral career at Texas Tech. I should have taken it much earlier as it was
the preferred method of choice for my dissertation.
Dr. Callison did a great job with this class and really turned me on to the experimental method.
Number 3
I took this class because it parallels some of my research interests - media effects. We studied much of
what Dr. Dolf Zillmann and Dr. Jennings Bryant learned about sex and violence in the media through their
research, and we also learned about Dr. Sparks' time at the Kinsey Institute. Interesting stuff, but definitely
not for the faint of heart!
If you happen to be interested in media effects, here are a couple of good books to refer to:
Media Effects Research: A Basic Overview, 4th Edition by Glenn G. Sparks
Media Effects: Advances in Theory and Research - 2nd Edition by Jennings Bryant and Dolf Zillmann
Number 4
I took this class early on in my doctoral program at Tech. I was fortunate to have Dr. Cummins as it got me
to thinking of him as my dissertation chair. We used a couple of books that I still refer to:


The Content Analysis Guidebook by Kimberly Neuendorf
Content Analysis: An Introduction to Its Methodology by Klaus H. Krippendorff
Number 5
I took this class late in my doctoral career at Texas Tech. I should have taken it much earlier as it was
the preferred method of choice for my dissertation.
Dr. Callison did a great job with this class and really turned me on to the experimental method.
Number 6
I took this class because it parallels some of my research interests - media effects. We studied much of
what Dr. Dolf Zillmann and Dr. Jennings Bryant learned about sex and violence in the media through their
research, and we also learned about Dr. Sparks' time at the Kinsey Institute. Interesting stuff, but definitely
not for the faint of heart!
If you happen to be interested in media effects, here are a couple of good books to refer to:
Media Effects Research: A Basic Overview, 4th Edition by Glenn G. Sparks
Media Effects: Advances in Theory and Research - 2nd Edition by Jennings Bryant and Dolf Zillmann
Number 7
I took this class early on in my doctoral program at Tech. I was fortunate to have Dr. Cummins as it got me
to thinking of him as my dissertation chair. We used a couple of books that I still refer to:


The Content Analysis Guidebook by Kimberly Neuendorf
Content Analysis: An Introduction to Its Methodology by Klaus H. Krippendorff
Number 8
I took this class late in my doctoral career at Texas Tech. I should have taken it much earlier as it was
the preferred method of choice for my dissertation.
Dr. Callison did a great job with this class and really turned me on to the experimental method.
Download