Flash Website Templates by WINKLET WEB DESIGN http://www.winkletwebdesign.com FOR HELP GETTING A WEBSITE ONLINE OR WITH HTML, PLEASE VISIT: http://www.winkletwebdesign.com/help.asp INSTRUCTIONS: Included with these instructions are files which are needed for your Flash Portfolio site to run: temp_photo007.swf - this is compiled Flash file. music.swf - the music that plays throughout the site. index.html - the HTML page with the code that embeds the flash file on the page. template007.txt - the text file which you will be editing according to the instructions, which will update the content on your flash file. photogallery.txt - the text file which you will be editing to update your photgallery names and descriptions. img1.jpg-img15.jpg - 15 default images (basically just placeholders) which you can replace with your own images. In order for everything to work properly, you must keep these files in the same directory or folder, on your local machine or on your website. The following are instructions on editing your website content, your photogallery content and formatting your text. ------------------------------------------------------------------------ TO EDIT YOUR WEBSITE CONTENT (all pages except for the Photogallery section): The file you will be mostly working with is the "template007.txt" file. You can open and edit this file in any text editor. To make it easier to edit the text, make sure the Word Wrap option is on. There are several sections to the text file, each controlling a different part of your website. 1. Your company name 2. Company slogan 3. Title for homepage 4. Button names and titles for subsequent pages 5. Content for each page 6. Contact e-mail address (which appears on every page). Each section variable begins with "&", for example: &companyname= It is after the "=" where you would type your company name which will appear on the site. Default information has been entered for each section which you are to replace with your own information. For example, if your company name is Winklet Web Design, the first part of your text file would look like this: &companyname=Winklet Web Design Which could be followed by: &slogan=Cutting Edge Flash Templates Follow the same format for each section. The page button/title variables also end with "&". Make sure the ending "&" remains at the end of each of these variables. &page1button, &page2button … &page5button are the variables for each button AS WELL AS the title that will appear on each page. Default titles have been entered, which you may replace with your own desired page titles. Each of these button/title variables is followed by the corresponding text variable (i.e., &page1text). See the Special Text Formatting instructions for further information on properly formatting this text. You do not have to use all 5 buttons/pages. If you only want to use 4 pages, leave the last title variable blank so that it looks like this: &page5button=& You may then do the same with the fourth pagebutton variable if you only want three pages, and so on. Do not modify the very last variable and value: &textloaded=OK& This is needed so Flash can detect when all the text for the site is loaded. As you work with the text file, view the site as you go. You can view the site by opening the index.html file in your web browser. As soon as you save the text file with your updated text, you'll see the changes immediately on the Flash site when you refresh your browser. ------------------------------------------------------------------------ TO EDIT YOUR PHOTOGALLERY CONTENT AND IMAGES: Editing the photo titles and descriptions: The file you will be mostly working with is the "photogallery.txt" file. You can open and edit this file in any text editor. To make it easier to edit the text, make sure the Word Wrap option is on. There are several sections to this text file, each controlling a different part of your photogallery. 1. Photo Titles 2. Photo descriptions Editing these sections works exactly the same as the website content explained above. &photomain= is the variable for the text that will appear when you first click on the "Photogallery" button. &photo1name - &photo15name are the variables for each photo title. &photo1desc - &photo15desc are the variables for each photo description. You do not have to use all 15 variables if you have less than 10 images to display. For example, If you only have 14 images to display, leave the last photoname variable blank so that it looks like this: &photo10name=& You may then do the same with the 14th photoname variable if you only have 13 images, and so on. Do not modify the very last variable and value: &textloaded=OK& This is needed so Flash can detect when all the text is loaded. Editing your images: To replace the default images with your own, or update images that you already have on the site, you must take your desired image and save it as a .JPG (Jpeg) file with the same name as the image you want to replace. For example, to insert your own image as the first image in the gallery, you must name it "img1.jpg" and overwrite the one that is in the directory with your portfolio site. The same for img2.jpg and so on. There are some guidelines you MUST follow when saving your own images for your site: 1. The images must be JPG format and must NOT be saved as a Progressive JPG. (In your photo editing software, there will most probably be an option to save as a progressive JPG, and you must make sure this option is not selected). 2. Your image must NOT exceed 400 pixels in width and 266 pixels in height. It does not have to be these exact dimensions, and CAN be smaller than this, but can NOT be larger than this. Otherwise it will not fit nicely on the page and may run off the edge. --------------------------------------------------------------------------------- FORMATTING THE TEXT There are a few special instructions you must follow to format line breaks and display certain characters. * To skip to the next line, instead of pressing the "Enter" key to move down, place the following html tag to indicate a single line break:
* For example, two lines of text would be formatted like this: This is the first line of text.
This is the second line of text. And they would appear on your site like this: This is the first line of text. This is the second line of text. * If you wish to skip 2 lines (as in making two separate paragraphs), you may either press the "Enter" key to go to the next line (this will actually make it appear on the site that 2 lines have been skipped), or you may enter two
tags. * The ampersand ("&") will not work if typed into your text because it is a reserved character and is used to separate each variable. Do not type a "&" for any of your text, including page titles, slogan and company name. To make the "&" appear properly, type %26 instead – this is the URL encoded value for this character. Your text file may look funny with a %26 on it, but your web page will display it as the ampersand. * The same as above applies to the plus sign ("+"). Instead of typing the plus sign, you must type %2b instead. * FYI, the URL encoded value for a single line break is %0d which can also be used instead of the html tag
. For a full list of URL encoded values, visit this page: http://www.i-technica.com/whitestuff/urlencodechart.html If you are familiar with HTML, you may use some HTML in the body of your text for the page content. You can use the following formatting in HTML: 1. Bold 2. Underline 3. Italics 4. Font Color 5. Font Face 6. Bullet lists 7. Hyperlinks 8. Paragraphs Any HTML that includes attributes, such as font color, must have double quotes around the attribute, for example: You will NOT be able to add images or tables using HTML. To change the title "Welcome to my Website" that appears in the browser title bar when viewing your site, you can open and edit the index.html file using any text or html editor. Then, change the text that appears between the tag. For some basic HTML tips and examples, please visit http://www.winkletwebdesign.com/help.asp and click on "Some Basic HTML". If you run into problems, please visit our Troubleshooting page http://www.winkletwebdesign.com/help_troubleshooting.asp. Email winklet@winkletwebdesign.com if you require further assistance.