How to Design HTML Flyers

By Faizah Imani

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.

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.

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.

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."

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. 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."

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."

References & Resources