How to edit ?

ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

How to edit ?

Post by ABabeNChrist »

I am trying to learn from the beginning about designing web pages. I am semi familiar with the coding and tags but in the past have used a program to assist me. I know how to save to a HTML, but am unclear how manually edit.

User avatar
HansV
Administrator
Posts: 78236
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: How to edit ?

Post by HansV »

The SeaMonkey® Project is a free internet application suite including a WYSIWYG HTML editor. It's available for Windows and Mac OS X (and Linux).

KompoZer is another free WYSIWYG HTML editor available for the same platforms.
Best wishes,
Hans

ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

Thank you Hans
I do have a version from Yahoo that works quite will if I wish to design a complete web site, but what I'm trying to do is learn the basics starting from the very beginning. Instead of using a WordPad or Word Document that can put a bunch of garbage in with the code, I am using Notepad to start of with. then saving as a Html. the problem I'm have is I'm not sure how to go to editing so that I can add different tags for <b> This is Bold </b> or <font color="#ff0000"> This is Red! </font>. When I save the Notepad as a Html and then open, I then select View / Source, but I'm unable to edit. I'm sure I'm missing a simple step.

User avatar
HansV
Administrator
Posts: 78236
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: How to edit ?

Post by HansV »

If you right-click a .htm(l) file, is there an option Open With > Notepad in the popup menu?
Best wishes,
Hans

ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

yes there is

User avatar
HansV
Administrator
Posts: 78236
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: How to edit ?

Post by HansV »

So you can use that to edit html files with Notepad.
Best wishes,
Hans

User avatar
StuartR
Administrator
Posts: 12577
Joined: 16 Jan 2010, 15:49
Location: London, Europe

Re: How to edit ?

Post by StuartR »

ABabeNChrist wrote:...I am semi familiar with the coding and tags but in the past have used a program to assist me...
I often edit simple web pages in Notepad, it works best for creating an entire page from scratch, as many WYSIWYG html editors add very complex structures to the simplest of web pages.
StuartR


ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

Thank you Hans and StruartR
Hans I was able to make changes to the text, but I'm trying to get too is the the code behind the Html to edit it.
Sorry if I'm confusing :hairout:

User avatar
StuartR
Administrator
Posts: 12577
Joined: 16 Jan 2010, 15:49
Location: London, Europe

Re: How to edit ?

Post by StuartR »

ABabeNChrist wrote:...I'm trying to get too is the the code behind the Html to edit it...
The "code behind the Html" is just text, that contains instructions for how to present the text.

It can be very difficult to interpret an html file that has been created by a sophisticated web page editor, because it creates such complex html. If you can explain exactly what you are trying to do then we should be able to help you.
StuartR


ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

Thank you StuartR
What I’m trying to do is assist my wife with an intro class on Computer Science at our local college, that wants her to develop a single web page, but they want her to do it from scratch. Of course I have a program that can make short work of this feat, but that’s not what they want.
They want a simple page with her name
A short sentence and a couple of her favorite web sites
I can’t seem to be able to open to view Html Text to edit as seem below.

Code: Select all

<html>
  <head>
    <title>karen</title>
    
    <style type="text/css">
      BODY {font-family:"Times New Roman"; font-size:16;}
      P {font-family:"Times New Roman"; font-size:16;}
      
    </style>
  </head>
  <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" topmargin="0" leftmargin="0">
 
class="text"><b><u><font color="#FF9900" size="7"><span style="font-size:">Karen's First Web Page<br soft></span></font></u></b></span></td>
  </body>
</html>

ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

Hans you are so correct, when I first tried the approach that you mentioned it just looked like the normal text that was entered at the beginning. But I went back and added the Html text and saved then reopened and it worked and it worked great.
Thank you
And of course thank you StuartR

User avatar
HansV
Administrator
Posts: 78236
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: How to edit ?

Post by HansV »

Here is a very basic version of the html page, without bells and whistles:
x209.png
You do not have the required permissions to view the files attached to this post.
Best wishes,
Hans

ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

Thank you Hans :bananas:

ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

I have another question
I got most of what I want to do except for center alignment

Code: Select all

<html>
  <head>
    <title>Karen</title>
  </head>

  <body>
 
<b><u><align="center"><font color="#FF9900" size="16"><span style="font-size:">Karen's First Web Page<br>
</span></font></align="center"></u></b>
  

<b><font color="#FF0000" size="6"><span style="font-size:">My Favorite Web Pages Are<br>
</span></font></b>

<font color="#000000" size="5">http://biblos.com/<br>http://www.webmd.com</font>

  </body>
</html>

User avatar
HansV
Administrator
Posts: 78236
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: How to edit ?

Post by HansV »

The Align tag is for tables. Use <center>...</center>.

Note: you can omit the span and /span tags, they don't do anything here.
Best wishes,
Hans

ABabeNChrist
SilverLounger
Posts: 1868
Joined: 25 Jan 2010, 14:00
Location: Conroe, Texas

Re: How to edit ?

Post by ABabeNChrist »

Thank you Hans
worked perfect