Solved

how do I edit and put pics on my page?

Posted on 1998-05-27
4
154 Views
Last Modified: 2010-04-09
I am new in the field of web pages, and I started a page online through GTE. And all I could do is type info.  I called them and they told me that I needed to download the WS_FTP client program and I did.  All I want is a simple page but I want to put a few pictures of my truck on the page and change a few things in the text area.  But I have no idea on how to do that.  
0
Comment
Question by:rednwild
4 Comments
 
LVL 28

Expert Comment

by:sybe
ID: 1843974
for a start:

Prepare your page on your own computer: make a new directory and put your opictures in it and make HTML file in it (called something.html). You will have to learn some basic HTML code, or use an wysywyg-HTML-editor. When you use netscape Gold, it has an inbuilt editor (choose "file", "new document", "blank" to start with an empty document).

If you will use a plain text editor, you can add an image to your page by this code:
<img src="name-of-the-image.gif">

remember that you can only use gif and jpg images.

You can view your pages in your own browser without being online: doubleclick on the .html file.

hope this helps.


0
 

Author Comment

by:rednwild
ID: 1843975
Here we go:

First you need a WYSIWYG web page editor. WYSIWYG (what you see is what you get) is editing a page without looking at the code.
One good one is Microsoft's free Frontpage express, included with Internet Explorer 4.0.

Next, take your scanned pictures and use the insert/image menu item to load the window to add pictures to a web page. I assume your page is loaded in the editor and the cursor is where you want the pic.

Find your picture by pressing browse..., and click OK until you are back to the main screen.

Save the page in it's own subdirectory.
Finally, go to the directory where you saved it in the WS_FTP local window.

Use the logon info given to you by GTE; it will take you to your directory.

copy your files by selecting them and pressing the arrow pointing to the remote window.

If it doesn't work right away, don't dispair.

just open notepad, then open your page in it.
use search to find <IMG (not case sensitive)
just take everything between the SRC=" and the first letter of the name of the image out. Do this for each one. Upload the new page with WS_FTP, and test it.
0
 
LVL 2

Accepted Solution

by:
ndnet earned 100 total points
ID: 1843976
> I am looking for an answer on how to use
> my ftp client and some beginner steps
> for setting up the page on the home
> computer (do I go in notepad)?

Yes, NOTEPAD can be used to edit a page
of "text", even when that text consists
of HTML.

Once you have created a page,
you can use your browser to process the page,
even without(!) connecting to the Internet.
Just use the 'File/Open' dialog
to point to the location of the file
on your hard-drive.

> What is wysywyg?

What You See (y)Is What You Get.

With NOTEPAD, what you see while editing
is much different than what you see
when your web-browser processes the HTML.

On the other hand, a program like 'Paint'
is a WYSIWYG tool.  You want a red square
"here"? Well, then you draw one.

> in the ftp client

If you have a GIF or JPEG or bitmap image
of your truck, then you use HTML like:

  <IMG SRC="mytruck.gif">

to say that your web-page is to insert
the image at this point in the text.

You use an FTP-client, in "binary" mode,
to copy the file from your desktop
onto your assigned space on the web-server.
> it has the remote system as "/"

Well, the FTP has to start _somewhere_.

You probably need to do a 'cd rednwild'
to point to the location where your files
can be stored.

> I am looking for someone to give me some
> simple sequential steps to starting a page.

Imitation is the sincerest form of flattery.

Start by "surfing" the Internet.
When you see a page which has a layout
which you like, use the 'View HTML Source'
option in your browser, to see how that
author did it. It's much easier to see
a "working" example than it is to start
working from a HTML Reference Manual.

For example, a simple web-page could be:

<HTML>
<HEAD>
<TITLE>
my first page
</TITLE>
</HEAD>
<BODY>
This <IMG SRC="mytruck.gif">
is my truck. I like it because:
<OL>
<LI>
It <B>runs</B>.
<LI>
The radio <I>works</I>.
<LI>
It's <U>red</U>.
</OL>
<P>
My favorite web-site is
<A HREF="http://WWW.CANOE.COM"> here </A>
<HR>
That's all!
</BODY>
</HTML>

0
 
LVL 12

Expert Comment

by:Otta
ID: 1843977
I have an suggestion:) First of all i'm not really used to hearing this name. I use personal publisher. If you have aol i suggest this. It's lets you add html codes and as many pics as you want. It's easy to follow to. There is also geocities witch is very usefull.  it's easy but in the end looks great. I'm sorry if Imight not have answerd your qustion but  hope i helped .
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now