Opening
a Pic or Page in a New Window 
** CLICK links, which open in new browser window for convenience
HyperText Markup Language, better known as HTML, is very simply the instructions given to a computer to display something in a browser -- and each browser has its own way of presenting certain code, often personally enhanced by user Preferences.
OK, so you have a web page and you present a link to another web page or photo and you want it to open in a new screen when clicked --
I am using an example from a cat page where I give a link to the pedigree of one of my Sphynx cats --
the specific page is at -- Guanche.net
this is what you see on that particular part of the page
Using PageMill, when you go to the tool bar, to View, and click on Source Mode, this is the underlying html code for those few words -- they are computer directions for placing that text in the center, for the letter font and their size/color, etc. --
the web address of the pedigree page I want to link to is on Kardas.net and the file name I gave it is gchp.jpeg, a scan of the pedigree certificate -- find that in the above code --
notice that following the web address for her pedigree, I added Target="_new" -- that is all you have to do to get a page to open in a new screen -- it is also one of the very few things that I have to add manually because Adobe PageMill makes the html code automatically for me! All I do to make a web page is to type in the text I want, and drag and drop pics where they belong -- simple as pie for even a blond!
The html automatically made by PageMill is seen in blue -- the red SELECTION shows where I had the cursor when I wanted to find more or less where to type in those target words, then switched to Source Mode to see the html.
How do I know where to add those 2 words of instructions? A link always begins with the command A HREF=, then comes the web address (URL) of the link -- it is added AFTER the " of the pic URL and BEFORE the > which immediately follows --
after you use PageMill for a while you will learn little snippets of html -- that P in brackets means that a new paragraph/line starts -- it would end with /P in brackets -- B is for BOLD -- each letter or word is an instruction to the computer for part of what is on the web page, and each instruction ends with a /> in front of it.
Some peeps learned html and somehow enjoy spending hours making a web page from scratch -- you know, the kind that bake a lot with totally home grown ingredientes and all -- I'm more of the instant cake mix type -- just add liquid, stir and stick it in the oven and eat it! I don't have time to play with code, but those who do have so much time on their hands, know that even a misplaced quotation mark or slash messes something up and makes that part unusable/erroneous. Using PageMill takes all the work and worry out of the whole process. A lot of peeps think I am some kind of a nerdy web-footed type, but what I have done over the years on a couple web sites is all the doing of PageMill -- pages that are chock full of info, with links that work, are easy to navigate, and with an animation or two to make things sort of fun!
To make it easier to always have this code available for use, I typed it onto a blank email form and have the email file sitting on the lower border of my desktop screen -- when I need the code I open the email file, COPY the code and simply PASTE it onto the places in the html where I have to put it, as I had to do when I updated these help pages and added the new link to this page on each and every page at the bottom. There are now 9 link blocks (TABLE rows) instead of the 8 we had before.
Of course the pics have to be processed the way you want them in order to load easily / faster, and cannot be just any pic that comes directly from your camera or scanner because they are usually way too large, taking up a lot of space on the server. You may have cropping to do, or reduce the overall size, tweaking for the best color and maybe even giving them a little adjustment for sharpness, contrast and/or other things. They may be saved in jpeg or gif format -- jpeg is best for color photographs, while I have been using gifs for most screen shots because they are relatively simple text pics/screen shots and best left uncompressed for text clarity (as in the above two screen shots). And should I interject yet another variable that changes how a viewer sees a web page and its contents? It has to do with the individual screen/monitor RESOLUTION, but why get overly technical at this point! I am addressing all of these tips to a non-professional, the average computer user -- which is MOST OF US.
Hey, I almost forgot about how to take a screen shot of a selected area of your screen with a Mac -- easy as Apple pie! This photo can be something you found on the Internet, text or picture, or any part of your viewing screen. You can see many examples of its use in capturing monitor images in this series of web pages.
You simultaneously press the three RED keys indicated -- COMMAND, SHIFT and 4 -- the cursor changes to a large plus sign + -- with the + you draw a box around what you want to take a screen shot of, keeping your finger on the mouse button all the time -- when finished drawing the box, release your finger and you hear the sound of a snapshot being taken -- the pic file is automatically stashed on your hard drive having a label of Picture 1 -- each successive snapshot is numbered sequentially, and you can rename the files to suit your convenience -- if you have 20 screen shots stashed on your HD and remove 6 of them for processing, the next snaps you make will have the same numbers as those which you removed until the highest number present is reached, then the consecutive numbering begins again.
After doing a couple, it will become a more familiar operation, and it may take a couple trials to get it right -- if you lift your finger from the mouse button during the operation, a pic will be taken of something, but probably not what you wanted. I understand that on a PC there is also a way to take screen shots.
Are there other application programs (apps) out there that do more or less the same thing? Yuppers, quite a few -- FrontPage, InDesign, GoLive, PageMaker and others, including most word processor applications, but as with anything new, they tend to get bogged down in special features and stuff that one might never use, and are so convoluted that you waste more time figuring out how to use them than actually doing anything! FrontPage is, according to what I am told, seemingly at the forefront of that group of bloated, space-hogging apps, probably because it has a heavy undercurrent of Java running through it -- Java is kewl, and one can get many unique effects using it, but it adds a LOT to the page file size.
Compare the ease of use of a digital camera you bought 4 years ago with one of the newest models -- what a difference! You now get all kinds of bells and whistles, with so many settings you don't know where to start -- and the only thing you really want to do with the thing is take some pics that are more or less in focus for use on your web page or eBay item listing!
Incidently, you can get the html for almost any web page by holding down your mouse button on the page and clicking the option VIEW SOURCE -- try it for this page. And remember that I didn't write any of that code -- my PageMill application program did it for me -- except where I added the short code for the links to open in a new screen, as I attempted to explain above -- I am sure that some app has the ability to do that for you!
Oh, and don't forget the other help page about FTP, how to get your text and pics onto and off of your server. For some graphical tips, backgrounds and animations, even though the page is in Spanish, go to TIPS. The other pages in this series are listed below.
|
Finding a Domain |
|
|
File Transfer |
|
|
WebMaster Info Newsletters |
|
|
Flags, Animations + Backgrounds |
|
|
Graphics File Basics |
|
|
Graphics File Fun |
|
|
Open in New Window Code |
HTML Code |
|
Animated GIFS |
|
|
Adobe PageMill v.3 |
I am working on it |
|
|
|
My Closeout Deals & Real Estate -->> Personal Sales Mis cosas en -- My Cigars & Goodies on -->> YardSaleNet.net My offerings on -- My Items on -- |
Back to
|
Free counters provided by Andale.
|
COPYRIGHT © 2003 - 2007 by * due to the constantly changing nature of the Internet, some external links may no longer be valid My Other |
-->> 
-- eBay
G5
iMac, the Perfect
Home / Office Computer
