Your SlideShare is downloading. ×
0
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
arixstudio l virtual web design academy
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

arixstudio l virtual web design academy

150

Published on

Session 2 - Chapter l - Web development Part ll [ Web Designing ]

Session 2 - Chapter l - Web development Part ll [ Web Designing ]

Published in: Design, Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
150
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
1
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. CHAPTER lWeb Development ( Part ll )- Web designing
  • 2. Web Development ProcedureWe know that Web development is the process of creating a website whichincludes Web designing, Programming, Customizing, Content managing etc.You must have heard about web programming but before that, let’sproceed to web designing and it’s modality.
  • 3. Website’s LayoutThe layout is the visual part of website that can be broken down into fivedistinct elements:• Images• Headlines• Body content• Navigation• CreditsMost Web pages will include all five of these items, but do you know what they allare?
  • 4. ImagesImages are a visual element of almost every Web page. They draw the eyeand help direct readers to specific parts of the page. In fact, most highquality Web pages have several high quality images to both decorate andinform the page.
  • 5. HeadlinesAfter images, headlines or titles are the next most prominent element onmost Web pages. Most Web designers use some form of typography tocreate headlines that are larger and more prominent than the surroundingtext. Plus, good SEO requires that you use the HTML headline tags <h1>through <h6> to represent the headlines in the HTML as well as visually.
  • 6. Body ContentBody content is the text that makes up the majority of your Web page.Content is why people come to your Web page and the layout of thatcontent can help them read it more effectively. Using items like paragraphsand page widths can make a Web page easier to read, while elements likelists and links make the text easier to skim. All of these parts fit together tocreate page content that your readers will comprehend and enjoy.
  • 7. NavigationMost Web pages are not stand-alone pages, they are part of a largerstructure - the website. So navigation plays a crucial role for most Webpages to keep customers on the site and reading other pages. But Webpages can also have internal navigation, especially long pages with lots ofcontent. Navigation helps your readers stay oriented and make it possiblefor them to find their way around the page and the site as a whole.
  • 8. CreditsCredits on a Web page are the informational elements of a page that arentcontent or navigation, but provide details about the page. They includethings like:• The publication date• Copyright information• Privacy policy links• Other information about the designers, writers, or owners of the Web page.Most Web pages include this information at the bottom, but you can also include it ina sidebar, or even at the top if it fits with your design.
  • 9. Well,,As I said before, here you read general concept of web development, however wecould discuss all these procedures in detail @ our facebook group. Also I try to explaineasier in a way you get the significant points as we are in basic level and a long wayto go ;)When you start a new design, no matter what your design methodology is,you start with a blank page. There is nothing on the Web page - so the firstthing youll do is put something up on the page.But do you think about the placement of those elements or do you justthrow them onto the page willy nilly? Good designers dont allow theposition and placement of their designs to occur randomly.
  • 10. Software(s) Introduction Adobe Dreamweaver is one of the most popular professional web development software packages. Dreamweaver is a complex product suitable for everything from simple page design to development of dynamic pages written with ColdFusion, PHP, ASP, CSS, XML, XSLT, and JavaScript.
  • 11. So really, what is Dreamweaver?The common misconception with Dreamweaver is that Dreamweaver isdesigned to or is even capable of completely removing the agency ofHTML and CSS coding from web design. This is like saying that a nail-guncan completely replace a hammer. A nail-gun will nail the boards together,but it is an imprecise tool, and there is a certain amount of danger whileusing it. If you can’t occasionally fall back on the hammer for more detail-oriented work, then there’s a definite limit to what you can build. A skilledcarpenter knows how to use the hammer and occasionally does so whenthe nail-gun just isn’t doing what is intended.
  • 12. Dreamweaver, like the nail-gun, is designed to make your life easier. Youmay never learn HTML or CSS, but without knowing them, you are limitedto Dreamweaver’s way of doing things. This is not altogether a bad thing:It is simply a slightly narrow perspective on a large field.
  • 13. Let’s come back to LayoutThat’s not to say that every top website needs an incredible visual design,but if a site looks like it hasn’t been updated since 1994, it’s just not goingto be associated with other great websites.A clean and simple design is usually all you need. Bells and whistles arenice, but I’m one who tends to go with the “less is more” theory. You don’twant your design to be over crowded. You just want it to look good so it canstand out from your competitor(s) in the minds of your potential clients.# First impressions are key. Although good design alone will not keep someone onyour site — an eye-catching design will, at the very least, grab their attention longenough to take a look around.
  • 14. In next session you’ll read:• How to bring alive a layout Discuss your doubts here if any,

×