Just Ask Matt - Answers

Changing the Font & Style of Your H1 Tags

QUESTION: (Rhonda) I am having problems changing the font size of my H1text. Is this very important? If so, how do I go about changing it?

Changing the text and/or style of an H1 tag is simple in CSS.  It does not affect anything other than how the visitor sees it though (i.e., if you use a large font, it means nothing more than a smaller font, in SEO terms or how Google sees it).

You can change the H1 tag locally or in the CSS definition file.

If you want to change all of the H1 tag settings in your entire website, you would do this in the CSS file:

h1 {
font-size: 24px;
}

You would use the h1 tag as you normally would:
<h1>This is my H1 tag</h1>

You can define a class in the CSS file which allows you to define your new style whenever you wish anywhere on the site:

.h1style {
font-size: 24px;
}

You would add this class to your h1 tag, when you wish it:

<h1 class=”h1style”>This is my H1 Tag</h1>

* Remember to add the “.” when defining it in the CSS to classify it as a class.

Finally, you can do it locally using a style attribute (without the CSS file):

<h1 style=”font-size:24px;”>This is my H1 Tag</h1>

All of the above do the exact same thing.  Their use is based on how often you use the style and how you want it defined (whether globally or locally).

Also, remember you can add other styles to the same definition (like color):

<h1 style=”font-size:24px; color:red;”>This is my H1 Tag that is Red and 24px high</h1>

I find that being able to change the styles of my text for header and other standard tags to be quite invaluable!  Knowing a little bit of CSS can go a long way.  Give this a try!

The easiest thing to try first is the local definition using the style attribute. If this is working for you, consider creating or editing your own CSS file!

Good luck!  cheers…matt


Read Full Post >>
More Questions & Answers...
GOT A QUESTION?

Who is Behind Marketing Mind?

Matthew Bredel begin_of_the_skype_highlighting     end_of_the_skype_highlightingMy name is Matthew Bredel and as of March, 2007, I am a full-time, work-at-home internet marketer. For close to 10 years, I worked for a defense company which was an OK job, but I was so uninspired in life and frankly, I needed some more money. That is when I first discovered internet marketing! Now I admit that I didn't start making thousands in my first couple of months (in fact, I lost my shirt!), but I finally saw the "internet light"...

Read More about Matthew Bredel
GURU STUFF END -->

Share This Post...

When it comes to building your own website, the goal is to make it functional as well as professional looking. However, it is also important that the website building software you choose be user-friendly. The product Macromedia Dreamweaver is a popular choice for website designers, but there are factors to consider before determining if Dreamweaver [...]

When it comes to building your own website, the goal is to make it functional as well as professional looking. However, it is also important that the website building software you choose be user-friendly. The product Macromedia Dreamweaver is a popular choice for website designers, but there are factors to consider before determining if Dreamweaver is the right product for your purposes.

With more sophisticated features and tools, Dreamweaver is typically considered the best option for the site builder who has some experience under his belt. It provides the ultimate control when it comes to HTML code, so someone who has already created a site with advanced programming language such as Flash will benefit from using the Dreamweaver product.

Some Dreamweaver basics include the ability to switch back and forth between different sites on which you are updating or creating. If your plans including building more than one site at a time—for example, someone who is a web designer by trade—this feature makes working on multiple projects much easier.

Also, this product simplifies the coding process with its Cascading Style Sheets (CSS) tool. With a click of a mouse, you can add these styles to your site. CSS is great for a website because it provides more flexibility when making changes that apply to the entire site, makes it accessible to all users, and decreases code overload streamlining the size of your web files.

The rollover buttons and pop-up menus you can create in Dreamweaver make your website come together and aid the users’ navigation. Again, with Dreamweaver you do not have to create the codes to make this happen; it is all done for you with a few point and clicks.

A unique aspect of Dreamweaver is its template files, which allow you to fix design mistakes on numerous pages at once, eliminating the need to go to each page and make the changes. In addition, Dreamweaver’s web forms creator aids in the process of developing those very important web forms every great site needs to have.

With all of the tools and benefits of Dreamweaver, there are still designers who prefer another popular site editor: Microsoft FrontPage. This goes to show Dreamweaver is not for everyone, and it is wise to take a look at both products, as well as other products on the market, before making the choice for what suits your individual needs and website design goals.

Both Dreamweaver and FrontPage are labeled “What You See Is What You Get” (WYSIWYG) editors, but there are some significant differences between the two programs. Many web professionals believe FrontPage is best for the beginning website builder. It provides very simple, basic templates in which the only real task you have to complete is typing in your information, text and photos.

Although it may be great for the novice designer, one drawback to FrontPage is the fact that the HTML pages may only look like you want them to look if the site visitor is using MS Explorer. With more and more online users choosing alternatives to MS Explorer, this could cause issues and more editing work for the FrontPage designer.

A benefit to Frontpage is the ease at which the designer can input text and information from other MS Office products, such as Excel and Word. Basically, Frontpage’s tools and features are catered toward the designer who is more comfortable using basic skills than advanced design codes and tools.

When it comes to deciding which website design product is right for you, research is the answer. Consider your personal skills, the time you want to put into learning a program, and the features that are most important to you.

Don't Buy Another Money Making Product Until You Watch These FREE Videos!

First Name:
Email:

One Response to “Is Dreamweaver the Best Option?”

  1. I like the almighty Notepad… Well the one on steroids that is. Notepad++
    I like to be in control from the get go. The fact is dreamweaver and frontpage both include many useless code that weigh down the page. Best option is to learn all the coding and create sites with the help of these programs. Not the other way around, where you depend on the options from these programs. If you do just rely solely on these programs, then you are just another myspace user…

    Just my 2 cents… :D


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>