Online Publishing Lessons: Photos and Text Formatting Guide

2. Our Procedures: The rules of the road (You should already be signed up with a username and password. If you are not, go to Lesson 1, page 2 and follow the instructions.) • Lesson 1 • Writing Your Articles - General philosophy of article composition and preparing your articles • Lesson 2 • Article Manager – Text Prep- Preparing your text for Article Manager, our online content management system • Lessons 3 • Article Manager – Text Uploading- How to upload the text portion of your article to Article Manager • Lessons 4 • Photoshop Basics- How to prepare photographs for your articles • Lessons 5 • Article Manager – Photos • How to import your photos into Article Manager • How to place your photos into the article. • Finishing up for an Editor to review. • Lesson 6 (optional but very useful) • Photoshop – Advanced Photo Techniques- Making Macros Procedures • Lesson 7 (optional but very useful) • Photoshop -Advanced Photo Techniques- Side-by-side photo Procedures The following lessons are designed to teach you how to navigate the online publishing world. The rules are many and all are important to keep your articles from crashing and burning.

3. Lesson 5 Article Manager - Photos • How to import your photos into Article Manager • How to place your photos into the article. • Finishing up for an Editor to review.

4. Requirements An internet connection using: • For PC’s: • Windows Explorer or Firefox • For Mac’s: • You MUST use the latest version of FIREFOX (not Safari)

5. Once your photos are prepped Lesson - 4 you're ready to upload them into Article Manager Go to www.lasplash.com and click on the Affiliate Log In link or go to http://www.lasplash.com/account/

6. You Will See This Screen Put in your Username and Password Then click Login

7. You will see this screen, choose Articles

8. Now go to the article you are working on, the one you just put in the text and filled out the fields and click modify

9. You Will See This Screen. Scroll down to get to the Upload Images andAdd or Upload Files(s)

10. Next load the images you have Saved for the Web using Photoshop (Lesson 4). Click the Add or Upload File(s) button in the Upload Images area and Go to your ‘Saved for the Web’ folder on your hard drive.

11. You will now see this screen. You may upload up to 100 photos but only 10 at a time. Click on the Browse… button and find the folder you made holding the Saved for the Web photos.

12. Choose the photos already saved at the proper sizes and ‘Saved for the Web’ in Photoshop by clicking Open or double clicking on them one at a time.

13. And this is what you will see

14. Once you have uploaded all your photos, you will see this screen. Choose if the photo will be Center, Right or Left from the drop down menu. Add captions if you like (make sure to spell check) in the Caption field. You can change the Title name if it helps you to remember something about the photo. (only you will see the Title name) and DO NOTadd periods in the Captions Remember to Center the Summary Photo. Ignore

15. Inserting Photos Into The Article • Now decide where you want the photos to appear in the article by copying the ***image number*** and pasting it into the Content box in the desired location Note that there are no extra spaces between the end of the paragraph and the photo tag and the start of the next paragraph for centered photos.

16. Adding Formatting & Full Screen • You can add formatting: • Bold • Italics • Color Text • Underline • Bullets & Numbers • Etc. • DO NOT change the Font Name or Size! • You can view the text in full screen by clicking on the Full Screen icon

17. Adding Links • You create Hyperlinks by highlighting a word that will become the Hyperlink e.g. Click Here • Choosing the Hyperlink (chain) icon • Pasting in the URL including the http:// that will take the reader to the desired web page • Clicking on insert • Then click ok • The highlighted word will now be blue and be a link to the website you inserted.

18. TIP: Sometimes a photo will cover the text below it. To fix this, you need to add hard returns after the photo insertion that is covering the text. The amount of returns needed to drop the next paragraph so it is not covered by the photo will vary and are a trial and error effort. i.e. go to the last photo that looks OK and attempt to see the text that is mostly covered by that photo, add hard returns (by hitting enter) as many times as necessary to move the text down below the photo. This is an example:

19. All of the characters in Earl’s life are delightful, lovable and hilarious. This is a definite must-see. It has all of the elements of a fun night out. ***image14*** Destiny’s Calling marks Samuel Langford’s theatrical debut as a playwright and a director for the Los Angeles stage. A Broadway production and a screen adaptation of Destiny’s Calling have been developed and will move forward subsequent to this Los Angeles stage premiere. I look forward to seeing more.***image6*** The world premiere of Destiny’s Calling was Friday, July 8, 2005 at the Stella Adler Theatre, 6773 Hollywood Blvd at Hollywood and Highland. The limited engagement plays through August 14, 2005.

20. Centering Photos Misc. • By the way,  If you want to use the :center (***image#***) placement, the photo will always be in the center without any text to its left or right. To have the photo be in the perfect center of the page, from left to right, you need to add captions to the photo or if you do not add captions, you will need to add spaces to the left of the photo insertion, the amount of spaces varies based on how large the photo is, if the photo is 400 pixels wide you will probably need to add no spaces, if it is 350 wide maybe 10 or so. With practice, you will get the hang of how many spaces will place the photo in the center.

21. SUMMARY IMAGE: Now upload your Summary Photo • Must Be 100 Pixels Wide (physical size wise) and • Must Be Less Than 3KB (3,000 Bytes) (file size wise). • The summary image MUST be Centered!To insert this file, scroll down to the bottom screen highlight the ***image#*** that belongs to the Summary Image and paste it into the Summary Image field • Remember the Summary Imagemust be repeated full size in the actual article.

22. This is a screen shots of the Article Manager page filled out (Top of Page): Summary:This should ideally be an original summary of 3 to 25 or so words geared to peak the readers interest.DON’T PUT IN MORE THAN THE 25 WORDS OR IT WILL TAKE UP TOO MUCH SPACE AND OVERPOWER THE SUMMARY PHOTO. Never put in a period! Don’t give away too much of the article, try to make it a tease. If you cannot write an original summary you may use the first 3 to 25 words of your article, but the information must be the same in the Summary & Content Box.

23. This is a screen shots of the Article Manager page filled out (Middle of Page): Example: For this Kelly Nishimoto article I put: LA Fashion Week, Kelly Nishimoto, Nishimoto, fall collection, Bohemian, Youthful, Comfortable, Refined, Opulent, Fluid, Timeless, Macon, Georgia, Demi Moore, Gwen Stefani, Anastasia, Natasha Henstridge, Jenna Jameson, Dave Navarro, Sean James, Fred Segal Beauty team, Galliano, Armani, Alaia, Versace, plaid dress, large wooden bauble necklace, fresh face, Olympian Tara Lipinski, Tara Lipinski, SmashBox, Vera Wang, Donna Karan, Alberta Ferretti, Lesa Amoore Make sure to fill in the meta keywords field. Browse your article for keywords, copy and paste or type those keywords into this space. Insert as many key words as you feel will benefit search engines. Always think as if you were looking for the thing you are writing on: what words would you type into a search engine.

24. Full layout you would see in Article Manager once you have finished!

25. Check • Check that the Summary Photo is 100 pixels wide and No Larger than 3kb by double clicking on the photo you choose for the summary

26. Choose Properties • Choose Properties from the drop down menu

27. Check the Summary Photo • You can now check that the title of the photo is proper (in this case kelly_nishimoto_fall-sum) • That the Size is less than 3000 bytes • That the Dimensions are 100 pixels wide

28. Verify all Fields are Filled in Properly • Title – using words that the reader would in a Google search • No colons (:) • If using a dash (-) having spaces before and after • Title Case NOT ALL CAPS • Category (Never an Ad or Weekly or Main Feature ) • Change the Date/Time if necessary to the current date vs. the date you started working on the article • Filename with underscores between the names you want to be viewed in a Google search with a dash between phrases that you want Goggled e.g. Kelly_Nishimoto_Fall_2006_Collection-The_Stellar_Look_That_Has_It_All • Summary Text – Not more than 25 words with no periods

29. Check Bottom of Page • Author • Summary Image***image number*** (centered) • Meta keywords

30. Preview Article • To see how your layout will look click Preview • You will see the article as it will appear in the magazine however you will not see the SummaryPhoto or Summary Text.

31. Change to Pending • If you are satisfied with the look of the article change the status to Pending (awaiting approval)NEVER VISIBLE!

32. Congratulations! • You are now done with Lesson #5 • Please move on to Lesson #6 If you have any questions, comments or suggestions, please email them to ld@lasplash.com Thanks Lawrence