The following warnings occurred:
Warning [2] count(): Parameter must be an array or an object that implements Countable - Line: 864 - File: showthread.php PHP 7.4.15 (Linux)
File Line Function
/showthread.php 864 errorHandler->error





Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Images 101 - Mastering the Basics: Uploading
12-13-2013, 12:57 PM, (This post was last modified: 12-13-2013, 01:23 PM by Skook.)
#1
Tongue  Images 101 - Mastering the Basics: Uploading
I have created three large images with numbered steps that explain the process I follow when uploading images into my VanPeak posts. I am using the three floral images found in the Windows ‘Sample Pictures’ folder found in the ‘My Pictures’ library. They have been resized in Paint Shop Pro to 300px X 225px at a resolution of 72px/inch (original res - 96px/inch which is good but I’m making them smaller still) - this has reduced their file size to 21.2KB from their original 581 to 858KB.

#1:
I mentioned in a previous tutorial that I compose my posts in either Windows Notepad or Word and then copy and paste into the VP Text Editor. In this example, I have used Word for my nonsense post and notice I have indicated where I want to place my images within the text using a “holding word” and this will be carried over to the Text Editor when I paste in the document.

[Image: attachment.php?aid=629]

#2:
I used the ‘Test/Sandbox’ area of the forum to prepare the images for this tutorial as you can see in the ‘crumb line’ at the top of the screenshot. This testing area is open to all members to explore the different features of the Text Editor and to practise uploading posts and images. You can delete your posts after finishing (Red ‘X’ at bottom of post). I was starting a ‘New Thread’ and this is indicated in the crumb line, too, and at the top of the Text Editor (‘Post a new Thread’).

In the ‘Thread Subject’ box, I have pasted in the title of my post. This ‘Subject’ will appear in all subsequent posts (Replies and New Replies) proceeded by “RE:” (e.g. “RE: Tips for Selling Your Home”). The Subject also appears at the top of the body of the post. In this example, after I pasted all my post text into the editor, I applied text formatting (Bold and Italic) to the plant names to emphasize them and you can see the code tags before and after the words in the text editor.

Adding my images is the last step I take before finally hitting the 'Post Thread' button. Before then, I complete all my text prep (formatting, adding links, etc.) and, if working on long posts will ‘Save As Draft’ a few times during the process - better safe than sorry.

#3:
With my text formatting complete, I click the ‘Preview Post’ button and my post will appear in a ‘Preview’ box above the Text Editor. This is exactly how my post will appear in the forum (minus the actual images) and if everything is to my liking I scroll back down to the editor and begin uploading my images.

Moving onto to the next tutorial pic…

#1:
Below the text editor, you will see the ‘Attachments’ box. To upload your first image, click the ‘Browse’ button.

#2:
If using a Windows operating system, Windows Explorer will open its dialog box. Use the method you prefer to get to your images (clicking on folders to burrow down or using the tree in the left column). Click your image and then click “Open”.

#3:
The name of your picture file will appear in the Attachments box beside the Browse button verifying this is the image you want. If correct, then click the ‘Add Attachment’ button on the far right.

#4:
The image is now being uploaded to your ‘Attachments Manager’ (you can access your Attachments Manager at any time by logging in and clicking ‘User CP’ at the top of the VanPeak Home page). When the image is in your AM, its name and file size will appear beneath the ‘Browse’ button and two new buttons will appear below the ‘Add Attachment’. If you’ve uploaded the wrong image, click ‘Remove’ and repeat the process.

Now, go back into the text editor to the point where you want to insert the image. If this were my post, I would double click on the holding text ‘image’ to highlight it and then go back to the ‘Attachments’ box and click the ‘Insert Into Post’ button.

[Image: attachment.php?aid=630]

#5:
Returning to the text editor, I see that the word ‘image’ had been replaced by code: [attachment = 620]. Over the course of my posting at VanPeak, I have uploaded a total of 620 images. I did a big clean-up about a month ago and deleted older posts and that removed their images from my ‘Attachments Manager’. Perhaps if I had gone into the Manager and deleted the images first, it would have reset the numbering, but I honestly don’t know. That method seems rather tedious, too. I prefer just to log-in, go to the post I want to remove and click the ‘Delete’ button (Red “X”). I have a feeling the numbering applied to Attachments is a feature set up in the Administration Board which is beyond my reach…LOL. (Hey, admin!).

#6:
You will repeat the process described above if you are uploading multiple images. As you can see in this step, all three of my images have now been uploaded.

Moving on to the next tutorial pic…

#1:
After uploading all my images and inserting them into their post positions, I do one final ‘Preview’. The holding text has been removed and the area where the image will be inserted is now blank. Yep, the universe is unfolding as it should and now I am ready to dazzle by hitting the ‘Post’ button.

#2:
I have zoomed out in my browser to show how my post looks over all.

[Image: attachment.php?aid=631]

#3:
In this close-up view of my post, you can see that the ‘Thread Subject’ now appears at the top of the post and above the contents of my post. Because this post was the start of a new ‘Thread’ it carries the “#1” in the upper right hand corner. If you move your cursor up to that number, you will notice it is a link. If there were multiple posts in a thread, you could click on those numbers to get the url address for each post which then appears in your browser address bar. It is this address that you would copy and post as a ‘hyperlink’ into post if you wanted to link back to another post.

The pics I used in my example post are relatively small and because of that I could actually place them side by side in my post as you can see in the image below. However, at a certain point depending on your pic’s dimensions and file size, your pic will appear as a much smaller ‘Thumbnail’ image within your post. The purpose for this is to make the page download faster. Those viewing your post will then have to click on the thumbnail to view your image at its proper dimensions via the forum’s ‘Lightbox’ feature.

[Image: attachment.php?aid=632]

In Part 2 to this tutorial, I will show you the steps to take to embed your photos at their actual dimensions within your post. In the meantime, it's a perfect opportunity to head to the 'Sandbox' to practise uploading your resized pics into a 'mock' post.


Attached Files Thumbnail(s)
               
Reply


Messages In This Thread
Images 101 - Mastering the Basics: Uploading - by Skook - 12-13-2013, 12:57 PM

Possibly Related Threads...
Thread Author Replies Views Last Post
Tongue Images 101 - Mastering the Basics: Editing/Resizing with Windows ‘Paint’ Skook 1 11,380 12-30-2013, 01:02 PM
Last Post: Skook
Tongue Images 101 - Mastering the Basics: File Size Skook 1 9,562 12-12-2013, 02:49 PM
Last Post: Skook
Tongue Posting 101 - Mastering the Basics: Text/Post Formatting Tools Skook 0 7,919 12-09-2013, 02:33 PM
Last Post: Skook
Tongue Posting 101 - Mastering the Basics: The VP Text Editor Skook 0 7,966 12-08-2013, 03:34 PM
Last Post: Skook

Forum Jump:


Users browsing this thread: 1 Guest(s)

Contact Us | Vancouver Peak | Return to Top | | Lite (Archive) Mode | RSS Syndication