complete novice

72 views
Skip to first unread message

Jose Arroyo

unread,
Aug 10, 2013, 8:32:27 PM8/10/13
to web-au...@googlegroups.com
I'm brand new to BBEdit and to html. I need someone who can walk me through the process of opening a page in BBEdit, adding a link to it, then saving it for the web. I need to do this with several pages. For example here is the first page: http://www.res99.com/nexres/air/frontdoor.cgi?src=10008371&src_aid=PLS0008406  and I need to add a "back to previous page" option which would be: http://j-ntravel.com/vuelos/index.html

I have to do this for 10 or some pages, so if someone can explain to me how to do the first one using BBEdit, I'll be most grateful. thanks 

2fer

unread,
Aug 11, 2013, 3:54:36 AM8/11/13
to web-au...@googlegroups.com

If you haven';t done it already, use Finder to create a folder to work in. Use finder to locate the file on your system, OR open BBEdit and click FILE which opens a dropdown, choose OPEN and locate the file you want to work on. Open the file and find where you want to add your link, put your cursor there. Then click on MARKUP and scroll down to INLINE, choose ANCHOR and a dialog box will open up where you can fill in all the elemets of your link: URL, Title, class, (if any css class is needed) and then click APPLY. Not all blanks need to be filled out, but there are blanks for target, class, id and name. BBEdit is a marvelous text editing tool, and it has so many great tools there to help you edit or create html pages - but it is not a simple html tool, it assumes you know how to build a html page in a text editor.

Links in html are in this format: <a href="http://www.example.com/page.html" class="if-any">Text that people will see to click</a> - the </a> part closes off that link.

When you have added the links where you want them you can check your work in BBEdit by clicking on MARKUP then scroll down the dropdown and click either PREVIEW IN BBEDIT or PREVIEW IN (your browser) and you can see how the page will look.

Look up a site called w3schools where you can practice editing html until you can do it in your sleep. It is not 100% accurate, but it is good and I still use it as a reference to look up things I don't often use. Good luck, after the first few, it becomes easy.


On Saturday, August 10, 2013 8:32:27 PM UTC-4, Jose Arroyo wrote:
I'm brand new to BBEdit and to html. I need someone who can walk me through the process of opening a page in BBEdit, adding a link to it, then saving it for the web. I need to do this with several pages. For example here is the first page: http://www.res99.com/nexres/air/frontdoor.cgi?src=10008371&src_aid=PLS0008406  and I need to add a "back to previous page" option which would be: http://j-ntravel.com/vuelos/index.html

I have to do this for 10 or some pages, so if someone can explain to me how to do the first one using BBEdit, I'll be most grateful. thanks I

2fer

unread,
Aug 11, 2013, 4:01:07 AM8/11/13
to web-au...@googlegroups.com
OOPs, it is late and I'm tired, forgot to tell you how to save it - just click on FILE and then choose SAVE from the dropdown. It will let you find the folder where your finished work goes and you can save your completed pages there. The unedited original page that you started with will have the same name in another folder. You can keep it if you need to or discard, depending on how you work. When all your files are done you can upload them to your site using any FTP client. Filezilla is good. BBEdit can do that too, but I don't use that feature - concerned that I might upload something that is incomplete someday, so I save my ready files to a copy of my site and then upload form there. If you ever make a mistake, hit CTRLZ and it reverts to how it was before.


On Saturday, August 10, 2013 8:32:27 PM UTC-4, Jose Arroyo wrote:
Reply all
Reply to author
Forward
0 new messages