How to Design HTML Flyers

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.

By using HTML you can send an electronic version of your flyer via email and also post your flyer on websites. There are paid programs, such as Constant Contact and iContact (no endorsements), that will allow you to pay a small monthly fee to create HTML flyers using their software. However, if you don't want to pay a fee, you can use software that is already on your computer to create your flyer.

Advertisement

Step 1

Open the Microsoft Word program on your computer. You can also use other programs, such as Adobe Contribute and Xara, that will allow you to create HTML documents. For the purposes of this article, the focus will be on using Microsoft Word.

Video of the Day

Step 2

Begin customizing your flyer by creating a page layout. For Microsoft Word 2007, simply click on the "Page Layout" tab. You will then be able to perform tasks such as setting your page margins and adding a page background color and borders. For Microsoft Word 2003, you must click on the "Format" link on the menu bar to customize your page.

Advertisement

Step 3

Create a "Header" or "Banner" for your flyer. The header doesn't have to be fancy. You can create a simple banner in Word 2007 by clicking on the "Insert" tab and selecting "Word Art." For Word 2003, click on "Insert," "Picture" and "Word Art."

Advertisement

Step 4

Insert pictures onto your flyer by clicking on the "Picture" option that is located underneath the "Insert" tab in Word 2007. For 2003, click on "Insert" and "Picture."

Step 5

Insert text for your flyer. If you want your text to appear in columns, you can select the "Column" option that is located underneath the "Page Layout" tab in Word 2007.

Advertisement

If you would like to make some of your text clickable as a "Web Link," highlight the text you want to turn into a link. Click on the "Hyperlink" option that is located underneath the "Insert" tab. You will then be able to enter the URL for the text. For Word 2003, click on "Insert" and "Hyperlink."

Advertisement

Step 6

Click on the "Save" option after you have finished completing your HTML flyer. Choose the option to "Save As Web Page."

Step 7

Get the HTML code for your flyer by clicking on "View" and "HTML Source."

Video of the Day

Advertisement

Advertisement

references

Report an Issue

screenshot of the current page

Screenshot loading...