Import your business logo from Photoshop

1.       Open up your business logo file in Photoshop

2.       If your logo has extra space around it, you may want to crop it out:

a.       Select the Rectangular Marquee tool from the toolbar

b.       Outline just the part of the logo that you want to keep with the rectangle tool

c.        Click Image --> Crop

d.       If it doesn’t look right, you can always undo it (Edit menu) and try again

3.       Once your logo is ready, click File --> Save As

4.       Make sure to check that the file is being saved in your website folder. The folder that it is being saved into is highlighted in blue.

5.       Click on the button that says Format: Photoshop below the location windows. Change that to JPEG.

6.       Click Save at the bottom.

 

Open Dreamweaver

You should already see a new file when you open Dreamweaver. If not, click File --> New... and in the window that pops up, click Create (Basic Page should be highlighted in the Category window and HTML highlighted in the Basic Page window).

 

Insert Logo

1. Click Insert --> Image, then find your logo (the jpeg file you just made, not the psd file) in your documents folder.
2. Select the picture file then click Choose.

 

The logo should be the focus of your home page. Just like in Microsoft Word, you can't move your picture around with the mouse, but you can resize it and change the alignment using the toolbar below the main window.

 

Insert Text

The home page should also include the following:

• Address & phone number (the school's address or make one up)
• A statement about your company. Include what services you provide or what kinds of products you sell. Don't get too detailed here!
• A statement about why someone should use your business (why is your company better than others?)

 

Text also works the same way in Dreamweaver as it does in Word. You can't move text around with your mouse, but you can change the font, font size, alignment, and other properties with the toolbar at the bottom.  

Remember that everything you write here will be posted on the web. Don't ever post any personal information!

 

Saving

The first time you save a page, remember that we have to name it something meaningful. It is especially important to make sure the file is named correctly in this case, as we are going to be creating links that will not work if spelled wrong.

1.       Click File --> Save As…

2.       Name the file “home.html”

3.       Make sure the file is being saved in your personal documents folder and click Save