Html class-06
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
141
On Slideshare
141
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Md. Ali Hosssain. Web Designer. Jr. Instructor, Graphic Arts Innstitute. Email:Students.gai@gmail.com Phone:01731402303 1 02/08/14
  • 2. Useful Tips for Effective Web Design • Fast Loading web site designs • Clear Navigation • All Resolutions • Browser Compatibility • Readable and professional looking fonts • Minimize the use of images • Use of white space • Check for broken links 2 02/08/14
  • 3. device screen width web site safe area width iphone portrait (320 px) 310 px 352 px iphone landscape (480 px) 468 px 202 px ipad portrait (768 px) 750 px 920 px ipad landscape (1024 px) 1010 px 660 px screen : 1024 px 960 px 548 px screen : 1152 px 1117 px 644 px screen : 1280 px 1245 px 580 px screen : 1360 px 1325 px 548 px screen : 1366 px 1331 px 548 px screen : 1440 px 1405 px 680 px screen : 1600 px 1565 px 680 px screen: 1680 px 3 height 1645 px 825 px screen : 1920 px 1885 px 855 px 02/08/14
  • 4. These are the elements we could identify in this layout: Wrapper header • logo • Contact info • top navigation menu main content • Optional left sidebar • Actual content: news, products • Optional right sidebar footer • copyright notice • Optional sitemap 4 02/08/14
  • 5. 5 02/08/14
  • 6. 6 02/08/14
  • 7. 7 02/08/14
  • 8. Basic two column layout 8 02/08/14
  • 9. Two column layout with a header 9 02/08/14
  • 10. Two column layout with a header and a footer 10 02/08/14
  • 11. Three column layout with header, navigation bar and footer 11 02/08/14
  • 12. 12 02/08/14