Serendip is an independent site partnering with faculty at multiple colleges and universities around the world. Happy exploring!

How to add an image to your post (work in progress)

Follow these steps to add your image to your post:

  1. Create a new Post or Faculty Group Post if you have not already done so
  2. Below the Body area, there is an area called Insert an Image
  3. Click Browse, find the image file on your computer, then click Upload. After the file is uploaded, you will see a small (thumbnail) version of the image appear in the Insert an Image area.
  4. Move the cursor to where you want the insert to happen in the Body area, and click there.
  5. Click Insert in the Insert an Image area, and the image will be inserted in the Body area.

By default, what you will get is:

  • a 350 pixel wide version of your image
  • aligned left, with text wrapped on the right
  • with 20 pixels of white space around it.

You can upload as many images as you like and insert them in this way.

You can resize them in the Body editing box by click-dragging on a corner of the image.

More Automatic Sizes Available

Before you click Insert (step 5 above), you have the option of selecting a different size to insert. It is a pulldown called Style, next to the Insert button, and the numbers in it are the width in pixels that you want (there are also words like small, medium, xlarge to help).

Going further

If you want to make more serious changes to the image, you can click on the image to select it, and then you could:

  • click on the Align Right icon, and it will go there instead of left;
  • click on the Tree icon which gives you all the options for styles, such as aligning, padding, etc. To use this more advanced feature, you will need to know some CSS, the language for styles. See a good CSS tutorial for more information.

Side by Side Images, one way to do it using a table

If you want images to be side by side in your post, that can sometimes be a little tricky. One way to do it is to create a table in your post to hold the images (and any text you might want to place with the images).

First, create the table:

  1. Click in the Body area where you want the images.
  2. Click on the Table icon (grid with pencil)
  3. In the window that pops up called Insert/Edit Table, set
    1. columns (number of columns you want): 2
    2. rows (number of rows you want): 1
    3. Cell padding: 10 (to give you a little space around your pix)
  4. Click Insert.

Then, upload the 2 images, using the instructions above (1-3) for adding an image to your post. When you arrive at step 4 (Move the cursor to where you want the insert to happen in the Body area), read the hints below:

  1. In the Insert an Image box, pull down Style to the width that you want for your leftmost image. Note: you only have 800 pixels total width of usable space for your 2 images and the white space padding around them. It's not a good idea to go over that.
  2. Click in the left little table box in Body. 
  3. Click Insert  in the Insert an Image box.
  4. Repeat steps 1-3 for the right image using the right little table box in Body.

 

 

Documentation prior to Fall, 2012

Note: this documentation below has been superseded by the instructions above, but remains for reference.

Before you try to add an image to your post on Serendip, prepare your image for the web. You can use an image editing program, such as Photoshop, iPhoto, Paint, Picasa, etc. If you do not have an image editing program installed on your computer, there are many free programs available online. Your image should be no more than 500 pixels wide so that it will fit in the content area of your post. The file size of your image should be less than 200 KB so that your post loads quickly. A resolution of 75 pixels/inch is suitable, but don't worry about changing the image resolution if you don't know how to. Once you are done editing your image, save it as JPEG, JPG, PNG, or GIF so that it is able to be viewed online.

Follow these steps to add your image to your post:

  1. Create a new portfolio/blog entry or group post if you have not already done so
  2. Click inside the Body area where you want the image to be placed
  3. Click on the Insert/edit image icon (it looks like a tree in a box). A small window will open
  4. Under the General tab, click on the icon next to the box that says "Image URL". Another window will open.
  5. Click on the button at the top that says "Upload". Click "Browse" and find the image file on your computer. Click on the "Upload" button
  6. You should now see your image in the File Browser window. Select your image and click on the "Insert File" button at the top of the window
  7. You can type in a description for your image under the General tab of the Insert/edit image window. The text for the title will be displayed as a mouse-over caption on your image, so you don't have to add a title if you don't want a caption
  8. Click on the Appearance tab to change the alignment of your image. Choose an alignment -- text will flow around the image based on this choice
  9. Click the "Insert" button at the bottom of the Insert/edit image window. Your image should now appear in your post

I added the image to my post but the image isn't where I want it to be. What should I do?

  • Generally, selecting the image and dragging it around doesn't work. Sometimes moving the text is easier than moving the image to get the image in the right place.
  • If the image isn't aligned properly (e.g. maybe it is aligned to the left and you want it to be centered), you don't necessarily have to figure out how to align it in the image editing window. Select the image and click on one of the align icons.
  • If you decide you want the image to be smaller or larger, you can select the image -- arrows should appear around the border of the image. Click on one of these arrows and drag it until your image is the size you like.

How do I make my image change when the mouse moves over it?

  1. While editing your post, click on the Insert/edit image icon (it looks like a tree in a box)
  2. Under the Advanced tab, check the box for Alternative image
  3. Click on the icon next to the "for mouse over" box and follow steps 5-6 above
  4. If you want the image to remain as the alternative mouse over image, click the "Insert" button at the bottom of the Insert/edit image window
  5. If you want the image to return to the orignal image once the mouse is not over the image, stay in the Insert/edit image window. Under the Advanced tab, click on the icon next to the "for mouse out" box and follow steps 5-6 above
  6. Click the "Insert" button at the bottom of the Insert/edit image window


To create a full page of images, select "Image Gallery" from the pull-down menu under "Create Content" @ the top of the page.

Comments

Serendip Visitor's picture

waking up during sleep walking

I have slept walked occasionally when I was younger (but never awoke during them) and went through a stage of having lots of night terrors. Also when I was ill or had fevers I would be half aware of hallucinating. I have always had vivid horrid nightmare all my life. recently I had the most horrendous nightmare and the feelings were so strong and I felt I was being pushed around and thrown onto my bed etc. I eventually woke up and felt soo scared and could not get back to sleep for hours I was even scared to get out of my bed to put music on, I felt someone might get me. considering nightmares are usual for me and I can 90% of the time go back to sleep shortly after them this was out of this world bad!

Then last night I remember having a vivid nightmare and trying to escape from somewhere unrecognisable. next thing I know I am waking up as I am pressed against my wall and my hand reaching and opening for my bedroom door. I remember in my dream standing on something and hearing a noise (this was a folder and cosmetic bag on my floor I had stood on I realised upon waking) and feeling the coldness of my wall and turned off heater against my body. My duvet and blanket were all off my bed and I was standing on it. I was drenched in sweat. I was very scared, disorientated and confused, as I (for the last few seconds anyway)believe I had my eyes open as I could see the light coming through the slit of the door but it was as if the dream was superimposed on top of my real bedroom (or something like that its hard to describe) and I was in a different place.

It took me a good while to calm down and I nearly had a panic attack as I was so surprised and scared at waking up out of bed and because of the dream. I initially wondered if I had been drugged in my confused state (which lasted a few mins) but that is not a possibility as I live alone. I have been stressed and had an interview today but have had many stressful/sleepless times in my life and this has not happened! I had not been drinking or taking drugs and I am a 29 year old (right handed) female. I generally feel tired on waking and always need lots of sleep, but most mornings when my alarm goes off I find it hard to know if I have been asleep or really lightly sleeping or thinking when it goes off! so possible I could be doing this more? I have read most of the posts but not notice many people with similar experiences. I really hope neither happens again. except the only good thing is I woke up at midnight and when I eventually got back to sleep I slept until my alarm went off at 6.30 for the first time in as long as I can remember!

I do receive counselling for traumatic experiences from childhood but have been on and off in my life and do tend to deal with problems and not suppress them.

Post new comment

The content of this field is kept private and will not be shown publicly.
To prevent automated spam submissions leave this field empty.
9 + 11 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.