html5-img
1 / 17

How to set up website

How to set up website. Step 1: FW  New Document. Size in Pixels: 1000 x 1000 Resolution: 200 pixels/inch. CREATE YOUR FOLDERS. This is where you will put all your graphic files. Also, this is where you will direct all your files to link to. fonts. 3 fonts MAXIMUM!

edward
Télécharger la présentation

How to set up website

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. How to set up website

  2. Step 1: FW  New Document • Size in Pixels: • 1000 x 1000 • Resolution: • 200 pixels/inch

  3. CREATE YOUR FOLDERS This is where you will put all your graphic files. Also, this is where you will direct all your files to link to.

  4. fonts • 3 fonts MAXIMUM! • Safe Web Fonts: Arial / Helvetica Times New Roman / Times Courier NEW / Courier • Other options that work cross-platform are: Palatino, Garamond, Bookman, AvanteGuarde • http://web.mit.edu/jmorzins/www/fonts.html

  5. Color: • Color scheme: Use Color Scheme Designer on teacher page. • Make a note of your COLORS you are using. Hecadecimal numbers. (6) For example, #FF3333.

  6. General layout

  7. Buttons • Create categories (Home, Contact, etc…) • Different shapes of buttons • Use Filters: Emboss, drop shadow, metallic effect, etc… • Think about how the rollovers will look.

  8. Graphics • Graphics of interest • Save as PNG file

  9. Eye patterns & layouts • The Z Layout: The eye will naturally follow the path of the Z. • The numbered key points below represent the order in which the reader is likely to view the page content.

  10. The Z layout

  11. Tools • Text Tool: for type • Vector shape tools: (Ellipse, Rectangle, etc…) • Pen Tool • Line Tool • Lasso Tool • Crop Tool • And lots more…

  12. Canvas color • Remember you can change the canvas on the Properties panel.

  13. Organize first! • Organize your website idea. • Make a rough draft of how you want your website created. As you go, your idea may change slightly. • Think about CATEGORIES! • Think about COLORS! • Think about GRAPHICS! • WHAT IS YOUR MESSAGE? • Think aboutDESIGN!

  14. What makes a good website? •  The Content •  The Usability •  The Appearance •  The Structure • Remember to make your site • Userfriendly and easy to use!

  15. FW tutorials • You may need to refer back • to the FW tutorials • for certain instances.

  16. Look at • otherwebsites • for inspiration!

  17. Start building your website! • Good Luck!!

More Related