Ghada Mohammad Ghawa Noha Othman AL-Awwad · 2018-10-11 · Ghada Mohammad Ghawa Noha Othman...
Transcript of Ghada Mohammad Ghawa Noha Othman AL-Awwad · 2018-10-11 · Ghada Mohammad Ghawa Noha Othman...
Done by :
Ghada Mohammad GhawaNoha Othman AL-Awwad
Ghada Mohammad GhawaNoha Othman AL-Awaad
Done by :
Ghada Mohammad GhawaNoha Othman AL-Awwad
How to create web electronic ?
The steps to make it :
• You must have an account in Gmail.
• Write sites.google.com in Google .
• Click on create .
• Name of your website.
• Choose the template to use.
• Can make some modification on the website as you like.
• Save and share on the web.
https://sites.google.com/site
/webprgrammingbooksitesa/
home
Done by :
Ghada Mohammad GhawaNoha Othman AL-Awwad
• Wireframes are similar to building blueprints
• They define the content and funconality of each
page on a Web site.
• Wireframes show structure.
• Wireframes may/may not show content detail
• They do not show design: colors,typography,
photos or graphics (but they do show
placement of images)
wireframe
What are wireframes?
wireframe
wireframe
How are wireframes made?
• Different software programs can be used
– Visio.
– MS Word (using tables).
– Excel.
– PowerPoint.
– Pen and paper .
• The point is to make it design‐neutral (while
showing content and funconality)
• Never make wireframes in Photoshop
wireframe
What is information architecture?
• Like architecture for a building, it’s a plan for:
– Where everything should go
– How big or small each part needs to be
– How all the parts connect to one another
• Visual design is a different skill, but in small
shops/companies, one person might handle
the whole process
• Wireframes are a part of the IA process
Done by :
Ghada Mohammad GhawaNoha Othman AL-Awwad