Issuu on Google+

Q. How can I update content by myself without having to send new or revised files to  EisforEASY.com every time?  1. 2. 3. 4.

Please read this entire document before proceeding. Go to http://dropbox.com and get a free account. Install Dropbox on your computer. A “My Dropbox” folder will be created under the My Documents folder on Windows systems. You may find that folder by opening Windows Explorer (right-click the Start button, left-click “Open Windows Explorer”, or “Explore” depending on your version of Windows). 5. Underneath My Dropbox you will see a Public folder. Click open that Public folder. 6. Read step 9 for an alternate method. Create a new folder named “content” (click File… New… Folder and type in the word content). This is the folder where you will keep all of your remotely hosted page files. 7. While you are still in the Public folder, create another new folder and name this one tabs. This is the folder where you will keep all of your remotely hosted tab panel files. Now your My Dropbox / Public folder should show 2 subfolders: content and tabs (both spelled in lowercase). 8. The file naming convention is as follows. a. You may have up to ten (10) of your own editable content pages in addition to the image pages and other pages provided by EisforEasy.com. b. Those content files are named page1.htm, page2.htm, and so forth up to page10.htm and they must be located in My Documents / My Dropbox / Public / content c. You may have up to five (5) editable tab panels to populate your tab panel display. d. Those 5 tab panel files are named tab1.htm through tab5.htm and they must be located in My Documents / My Dropbox / Public / tabs 9. Alternate Method: If this is your first time, to get you started download this zip file HERE and extract it into My Documents / My Dropbox / Public so that you have the 2 folders, content and tabs, under the Public folder, and within them you will now have page1.htm through page10.htm under the content folder and tab1.htm through tab5.htm under the tabs folder. These are empty files. 10. Create content and tab folders somewhere under My Documents (other than your Dropbox) in which you can keep your original files. For example, if you create a folder named WEBSITE and then create content and tabs folders underneath My Documents / WEBSITE it will be easier to keep track of your files. Start a new blank document in Microsoft Word. a. You must now save this blank document before doing anything else. If you fail to follow this procedure, you run the risk of your formatting getting altered. Give it an appropriate name, e,g, page1.doc or tab1.doc b. If you are using Word 2003, save the blank document. c. If you are using a newer version such as Word 2007 or Word 2010, click Save As and select Word 97-2003 Document so it has a “.doc” extension


11. Enter your content and try to keep the formatting as simple as possible. a. Please note that your font selections and other embellishments will be overridden when your content appears within your website. This maintains a consistent and cleaner presentation throughout the website. b. If you absolutely require special font, highlighting, etc. then this page should not be treated as “content” per se, nor hosted remotely. Rather, you should provide it to us so that we may convert it to an image and display it as though it were part of a brochure. Alternatively, you could make a screen capture of that page, save it as an image and then just insert that image into a blank document, which can then be hosted remotely. c. Feel free to insert images into your document. d. If you already have content that was created in a version of Word that is newer than Word 2003, you may still copy and paste that content. Bear in mind however, that after pasting you should clear the formatting of any lists that were pasted, and then reformat those lists within the new document. If you fail to reformat them, pasted lists from Word 2007 and later will lose their formatting when the finished HTML code is produced. 12. Save your document, keeping it as the Word 97-2003 compatible “.doc” file. 13. Next, Save As using another format, specifically HTML. Click Save As… Other Formats. Click the “Save as type” selector and then click Web Page (*.htm, *.html), keeping the same basic file name. For example you would save page1.doc as page1.htm.


14. Close the file. 15. Go to http://EisforEASY.com/html-cleaner/ 16. Click the Browse button and then select the HTML file you just saved. 17. Click the Process button. 18. The box labeled Cleaned HTML will now contain code. 19. If you have images in your page then you will need to edit the code. In Windows Explorer, find the corresponding page in the Dropbox. Right-click it and select Dropbox‌ Copy Public Link.

Paste that link into a blank document so you will be able to see what the link is. Use your mouse to copy everything in that link except the actual file name. For example if the link is http://dl.dropbox.com/u/12345678/content/page1.htm then you need to copy just http://dl.dropbox.com/u/12345678/content/


20. Within the Cleaned HTML box look for references to your images (e.g. .jpg files). Paste the shortened link in front of every occurrence of an image file. For example, if you see something like: <p><img width=247 height=284 src="page3_files/image001.jpg"></p> <p> filler text </p> <p><img width=500 height=400 src="page3_files/image002.jpg"></p> then after you edit it the code would be: <p><img width=247 height=284 src=" http://dl.dropbox.com/u/12345678/content/page3_files/image001.jpg"></p> <p> filler text </p> <p><img width=500 height=400 src=" http://dl.dropbox.com/u/12345678/content/page3_files/image002.jpg"></p>

21. Find the relevant .htm file in your Dropbox. If you extracted from the zip file, then there should already be a copy of an empty one there. Otherwise you will need to create one using a text editor (not Word). Start… All Programs… Accessories…. Notepad. Save the blank file changing the type to All Files in the “Save as type” dropdown selector and name it with a .htm extension, e.g. page1.htm 22. Copy and Paste everything in the Cleaned HTML box into your Dropbox .htm file (remember, it will be under either the content or the tabs folder, e.g. My Documents / My Dropbox / Public / content/page1.htm My Documents / My Dropbox / Public / tabs/tab1.htm 23. Whenever you save a Word document in HTML format, if that document has images, Word creates a folder named with the base name of the file followed by “_files” e.g. if you saved page1.htm and it had 2 images, you will find a new folder named page1_files and two images in that folder, image001.jpg and image002.jpg (if you start editing images, those image numbers can increment). If the code you pasted into your Dropbox HTML file references images, you must copy and paste the folder that contains those images into the relevant folder in your Dropbox. Here is an example: a. You created this Word 97-2003 compatible file containing 2 images: My Documents / WEBSITE / content /page1.doc b. You then saved it as an HTML file: My Documents / WEBSITE / content /page1.htm c. Word automatically created a new folder to contain those images: My Documents / WEBSITE / content /page1_files/ d. In Windows Explorer, you select the page1_files folder, copy (Ctrl-C) and then paste it (Ctrl-V) into your Dropbox so now you have: My Documents / My Dropbox / Public / content/page1_files e. Now your file in the Dropbox should be able to find the images. 24. You must tell EisforEASY.com which pages are to be hosted remotely and then send the Public links to those pages to EisforEASY.


25. Things to consider: a. When you think you are finished, copy the Public link of your .htm file in your Dropbox and then paste that link in the address bar of your web browser. It may appear too wide, but aside from that your page must look as you want it now or it will not look right when the page appears inside your website. b. Make sure you name your Dropbox folder “content” not “contents”, i.e. the singular, not the plural form of the word.


Content Management with Dropbox