Monday, 16 January 2017

Tag: , , ,

Web Design

 Web Design Information

Web design is a web development method of planning, building and conceptualizing a group of electronic files and folders that decide the layout, text style, colors, structure, images, graphics, and use of interactive attributes that send pages to your website visitors. Effective web design is very necessary to communicate ideas with success.

Key Point of web design

  • Usability
  • Functionality
  • Branding
  • Accessibility
  • Professional
  • Engaging
  • Simplicity
  • Messaging
Web Design is a web development methoed

Wireframe

Wireframe submits to a visible guide to appear of web content. It defines the structure of web site, linking between layout of visual parts and web content.

Element of wireframe:

  • Assignment of heading and sub headings
  • Primary graphical parts boxes
  • Simple layout structure
  • Text blocks
  •  Calls to action

Web Designing Tools:


1.    Coda: Coda is a commercial and proprietary web development application for os x, developed by panic.        - Wikipedia
Coda 2 is a useful web development & designing tool, appears with better user interface, file management, text editing, clips, design, sites and Mysql support.
2.    Photoshop CC : This is a web designing tool provided by Adobe. Read more click here Photoshop CC.
3.    Sketch 3: Sketch 3 is a web designing tool developed specially for designing interfaces, websites, icons etc.
4.    Heroku: It is also a huge web development tool which supports Ruby, Node.js, Python, java and PHP.
5.    Axure: It sustains prototyping, documentation, and wireframing tools for making interactive Web design.
6.    Hype 2: The Hype 2 offers: Easiest way to Animate & add interactivity, Hardness the power of HTML5, Mobile responsiveness, and WYSIWYG features.
7.    Image Alpha: This tool assists to reduce file sizes of 24-bit PNG files. It does so by applying loss compression and converts it to PNG8+alpha format which more efficient.
8.    Hammer: This tool is suitable for non programmers and good only for small projects.
9.    JPEGmini Lite: It is an image optimizing tool and supports photos in any resolution up to 28 Megapixels.
10. BugHerd : This tool assists to see how the projects is going and what everybody is working on. It also helps to identify issues in development.

Containing Block:

Container is a kind of pages’ body tag, associated with all containing div tag. Without it there would be no space to put the contents of web pages.

Header:

Logo: Logo refers to the identity of an internet site and is used crosswise a company’s different forms of promoting such as business cards, broachers, letterhead and so on.

Navigation: The site’s navigation system ought to be simple to search and use. Usually the navigation is put right at the top of web page.

Content: The content on a website ought to be relevant to the aim of the site.
Footer: Footer is placed at the bottom of web page. It generally contains copyright, legal information and agreement as well as few links to the major sections of website.

Whitespace: It is additionally referred to as negative gap and submits to any area of web page that is not lined by type or illustrations. 
Web design logo, navigation and header

Anatomy of an HTML page

Web design html and css code

 Web Design Editor Tool:

  • Dreamweaver
  • NotePad++ (notepad-plus.sourceforge.net/)
  • Edit Plus
  • Plain-text editor
  • BBEdit (http://www.barebones.com)
  • Text Wrangler (http://www.barebones.com)
  •  SubEthaEdit (http://www.codingmonkeys.de/)
  •  Crimson (www.crimsoneditor.com)
  • jEdit (http://www.jedit.org/)
  • Sublime textFront Page

Use full coding for web design:


HTMLHTML is short for Hyper Text Markup Language. It is used for creating web page f the World Wide Web.

CSS CSS is Cascading Style Sheets. It is a styling language used for making web page style.

JavaScript - JavaScript is an object-oriented programming language used to enable programmatic access to object within both the client application and other application.
 

About Vinay Singh

Hi, My Name is Hafeez. I am a webdesigner, blogspot developer and UI designer. I am a certified Themeforest top contributor and popular at JavaScript engineers. We have a team of professinal programmers, developers work together and make unique blogger templates.

0 comments:

Post a Comment

 

RECENT COMMENTS