How to add files to the church website:

A.    Access & modify the churchinspokane ftp site

B.    Add links to the index page which direct to the file

C.    Upload files to the right folder

 

A.   Access & modify the churchinspokane ftp site

1) download something that will allow you to modify the ftp site, such as the FireFTP plug-in for FireFox at http://fireftp.mozdev.org/

 

2) Go to ftp://ftp.churchinspokane.org/ and log in.  You will need to know the User Name & Password.

Description: Macintosh HD:Users:tmega:Desktop:Screen Shot 2012-11-24 at 6.03.48 PM.jpg

 

3) Right click on the page and select View This Page in FireFTP

Description: Macintosh HD:Users:tmega:Desktop:Screen Shot 2012-11-24 at 6.00.43 PM.jpg

 

 

On the left side are files on your computer, on the right side you see files on the ftp site.

Description: Macintosh HD:Users:tmega:Desktop:Screen Shot 2012-11-24 at 12.59.24 PM.jpg4) On the ftp site, click on the Messages folder and you should see its contents on the right

5) Click on index.htm and then use the left green arrow in the middle to transfer it to your computer

6) A copy of this file, also called index.htm should now be on your computer – see highlighted above

We will now edit this file to put in the new links – and once we are done we will upload the changed version.  But to be safe, we will now make a “back up” the original file so that if we make a mistake its not a disaster!

7) Right-click on the index.htm file located on the ftp site (right side) and select Rename – call it indexPrev.htm

Make sure that the one you just renamed is on the ftp site and not the one on your computer.  We will now edit the one on your computer which should be called index.htm:

8) Right-click on the index.htm file and select Open With… and then choose a simple text editor such as NotePad (on Windows) or TextEdit (on Mac)

 

Note: if you attempt to edit with another program, such as Microsoft Word, or an html editor, be forewarned that this may introduce a whole bunch of html code into the file without you realizing it.  That will make things very complicated for the future – since html editors change all the time, I’m trying in these instructions to take a very simple, direct approach.

 

 

B.    Add links to the index page which direct to the file

Once you have the index.htm file opened in a simple text editor, find the portion that had the correct links for the last conference.  (Note: open the text window real wide so that it looks like it does below)

9) As shown below, select that portion, copy, and then paste it right above

Description: Macintosh HD:Users:tmega:Desktop:Screen Shot 2012-11-24 at 1.39.04 PM.jpg

 

10) Now change the text in that copied portion, especially things related to the new date.  For example,

original text:             <li>April 27-29, 2012 Spokane Conference given by Ed Marks<br></li>

new text:        <li>November 30-December 2, 2012 Spokane Conference given by Ed Marks<br></li>

original text:              /Apr2012/

new text:      /Dec2012/

When done it will look something like this:

Description: Macintosh HD:Users:tmega:Desktop:Screen Shot 2012-11-24 at 1.37.54 PM.jpg

 

11) You then upload the modified index.htm folder on your computer to the website by the reverse of step (5) above – see that image above.  That is, you highlight the index.htm folder on your computer and click the right green arrow to upload it to the ftp site.

 

Here are some explanations of that html, which you don’t need to know really, but may help: <li> is an html tag meaning start a line of text and </li> means this is where the line of text ends. <del> is another tag meaning draw a strike line through the following text, and </del> defines where that strike line ends.  But, the most important part to understand is how html links work:  <a href= “folder/subfolder/file.mp3”>Link Text</a>  means the part in quotes is the location of the file that is linked to when the user clicks Link Text.

 

The line <ul><li><font color = "maroon">Messages will be uploaded 1 Day after given</font></li> is something can be added temporarily if you want to get the index.htm all ready beforehand so that during the conference all that is left to do is actually uploading the messages.

 

C. Upload files to the right folder

12) To upload messages, first make a new folder within the proper location.  Note that we replaced /Apr2012/ with /Dec2012/ in the text above.  We will now make that new Dec2012 folder by first clicking on the Messages folder, then opening the EdMarks subfolder, and then right-click in the area at right, and finally selecting Create Directory, the naming the folder Dec2012.

Description: Macintosh HD:Users:tmega:Desktop:Screen Shot 2012-11-24 at 2.18.39 PM.jpg

Description: Macintosh HD:Users:tmega:Desktop:Screen Shot 2012-11-24 at 2.27.45 PM.jpg

 

We are now ready to upload a message file.

13) To upload the file msg01.mp3 on my computer to the Dec2012. Folder on the website, we first click on that Dec2012 folder.  This is important since it indicates where the upload will go in the next step.

14) Now, locate the file msg01.mp3 to highlight it.  See the image above where both msg01.mp3 and Dec2012 are now highlighted. 

15) Click the right green arrow to transfer the file to the Dec2012 folder.  The upload can take a while; there’s a progress bar in the lower right.

16) Now, update the index.htm file (see steps starting from (8) above for how to do this)

original:

<li><del>Friday, Msg 1: <a href="EdMarks/Dec2012/msg01.mp3">All … Multiple Files</a></del></li>

new text:

<li>Friday, Msg 1: <a href="EdMarks/Dec2012/msg01.mp3">All … Multiple Files</a></li>

16) Each time you change the index.htm file on your computer you must upload it to the website as in step (11)

17) Finally, check the website to make sure everything works for the user!  If it works, congratulations!