1 / 10

Web Page Design

Learn how to effectively layer elements on your webpage, from resizing layers to adding images and text. Discover ways to enhance your design and optimize user experience. Also, find do’s and don’ts for successful web publishing.

lovej
Download Presentation

Web Page Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Page Design Tips & Tricks

  2. Layering • Choose Insert – Layout Objects – Layer • Click anywhere along the outline of the layer box to select it • Click & drag any of the handles to resize the layer

  3. Adding Elements • Click to insert your cursor inside the layer • Choose Insert – Image • Click the filename of the image you want to insert • Click ok • Select the image & use the Properties inspector to make any formatting changes to it

  4. Adding Elements Continued • Click inside the layer again to insert your cursor & enter some text • Highlight the text & format it by using the text-formatting options in the Properties inspector or by choosing formatting options for the Text menu • Click the tab that appears in the upper-left area of the layer or anywhere along the border to select the layer

  5. Adding Elements • Click any handle & drag to resize the layer • To move a layer, click & drag the little tab to move the layer anywhere on the page

  6. Getting the White Out • Open a blank document in Word • Click on: Insert ~ Picture ~ From File • The “insert picture” box will come up • Go to clip art folder on your C drive • Click on graphics • Open folder, choose the graphic & double-click to insert into your document

  7. Get the White Out • Double-click on the graphic to bring up the “format picture” box • Select the Layout tab & click on In Front of Text, and choose OK • Click on the graphic once to select it, & choose the Set Transparent Color tool

  8. Using the Set Transparent Color tool, go to the white background part of the graphic & click. Now your white background is gone • The tool can be found in the Picture Toolbar Options

  9. Web Publishing Do’s • Do use good sites as models • Do get permission for content • Do use links to outside sites • Do use graphics & multimedia • Do think before you create • Do test your pages • Do update your site

  10. Web Publishing Don’ts • Don’t abuse netiquette • Don’t borrow content without asking • Don’t abuse graphics & multimedia • Don’t forget the basics • Don’t make your site hard to navigate

More Related