Results 1 to 2 of 2

Thread: Tutorial - How To Create An Article

Hybrid View

  1. #1
    Administrator Department H
    Ben's Avatar
    Join Date
    Jan 2004
    Location
    PEI Canada
    Posts
    5,162

    Lightbulb Tutorial - How To Create An Article

    This tutorial outlines how to create a new article for the AF.net website. Included are the steps on how to include images from your hard drive, and configure them to be aligned and sized as you like.
    All screenshots here can be clicked on to see larger versions.

    Step 1.
    Click on the "Create New Article" button on the home page

    Click image for larger version. 

Name:	create1.jpg 
Views:	141 
Size:	200.3 KB 
ID:	164



    Step 2.
    Fill in the form fields:

    1. Title: The Name of your article - The SEO URL Alias below the title will auto fill once you have entered the title
    2. Write the body/text of your article
    3. Fill in the META information. This isn't strictly necessary, but helps search engines to find stuff.

    Click image for larger version. 

Name:	create2.jpg 
Views:	147 
Size:	154.2 KB 
ID:	165


    Step 3.
    To add images into your text, they must first be on your hard drive. Click the cursor in the Body/test of you article where you want the image to appear. Click on the "Insert Image" icon on the tool bar.
    Click image for larger version. 

Name:	create3.jpg 
Views:	145 
Size:	83.0 KB 
ID:	166


    Step 4.
    Ensure you are on the "From Computer" tab.
    click the "Select Files" button. Brows to the image(s) on your hard drive you would like to attach. I find it's best to do images one at a time if I'm using more than one.
    Click image for larger version. 

Name:	create4.jpg 
Views:	146 
Size:	85.5 KB 
ID:	167


    Step 5.
    Once the image(s) show up on the file box, click on the "Upload File(s)" button. When the process is complete, this box will disappear, and you will see your images in the article.
    Click image for larger version. 

Name:	create5.jpg 
Views:	141 
Size:	94.2 KB 
ID:	168


    Step 6.
    Now that the image is in your document, you need to configure it to appear in the location and the size you want. By placing your cursor over the image, you will see a yellow pencil appear in the top left corner of the image. Click on the pencil.
    Click image for larger version. 

Name:	create6.jpg 
Views:	140 
Size:	76.6 KB 
ID:	169


    Step 7.

    1. Alignment - Dictates where in the document the image will appear. Once an alignment is chosen text will wrap around it.
    2. Size - Images will appear more clear and crisp if they don't get re-sized. For images scattered through an article, it is best to have the original image on your hard drive already sized to how you want it to appear. Resizing through this interface is however convenient when you want to show a big copy of the image, such as in with issue covers on a review. Automatically re-sized images link to the full sized version. In that scenario, it is best to choose the thumbnail option.
    3. Title - (Not necessary but helps search engines) - This is the title of your image
    4. Description - (Not necessary but helps search engines) - This is the desctiption of your image
    5. Don't do anything with this

    Click image for larger version. 

Name:	create7.jpg 
Views:	143 
Size:	114.7 KB 
ID:	170


    Step 8.
    Click on the Save icon at the top of the interface. This will now show you the article you have written. If by chance things don't look just right, mouse-over the title, and you will see a pencil icon appear to edit it.
    Click image for larger version. 

Name:	create8.jpg 
Views:	143 
Size:	260.6 KB 
ID:	171


    Your article is now done, and in the queue for one of the admins to publish. If you like, feel free to send one of us a Private Message as a heads up.

    Any questions?
    Last edited by Ben; 02-16-2010 at 09:13 PM.

  2. #2
    Administrator Department H
    Phil's Avatar
    Join Date
    Jan 2004
    Location
    England, UK
    Posts
    9,033

    Default

    Remember folks, if it's something front page newsworthy and you're the first to post it create an article rather than a thread using the tutorial above.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •