Web Design & Development for Beginners

Web design is the process of creating WebSite

We'll talk about HTML, CSS, JavaScript & jQuery.

  • HTML provides the basic structure of sites, which is enhanced and modified by other technologies like CSS and JavaScript.
  • CSS is used to control presentation, formatting, and layout.
  • JavaScript is used to control the behavior of different elements.
  • jQuery is a JavaScript Library.

It contains many different aspects including webpage layout and graphic design. Websites are created using a markup language called HTML.

Websites include a combination of HTML and CSS that defines how each page will appear in a browser. HTML and CSS are used to design the look and feel of the website

The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing markup.

Today, I want to talk about what I consider to be the Web Design & Development. I divided this list into 2 main parts:

  1. Page Layout Design(Photoshop)
  2. Coding (HTML, CSS, javaScript, jQuery, PHP, MySQL)

Tools and technologies

Web designers use a variety of different tools depending on what part of the production process they are involved in. These tools are updated over time by newer standards and software but the principles behind them remain the same.

Here's a look at the Software that I use on a daily basis Web Design and Development.

  1. Layout Design Software?

    Any One
    • Adobe Photoshop
    • GIMP (FREE)
    • Sketch
    • - - - -
    • etc.
     

  2. Text Editors / Code Editors?

    Any One
    • Sublime Text
    • notepad++
    • notepad
    • Adobe Dreamweaver
    • - - - -
    • etc.
     

  3. Server on Local Machine?

    Any One
    • XAMPP
    • WampServer
    • - - - -
    • etc.
     


Web design is fun.

Until now, I had never used a website builder before…

Having developed websites for a while, We'd rather dive straight into coding HTML, CSS and PHP. And avoid those drag-and-drop functions that website builders have.

In this guide we will cover the following:

Basic Web Designing

First practice Basic Web Designing from above list. then try to advance technologies given below.

  • Bootstrap
  • Angular js
  • React js
  • PHP
  • MySQL


The Best Websites to Learn Coding Online

...



Leave a Comment:

Comment as a guest:

Commenter Name
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
Dec 4, 2017 at 3:12 pm
Reply
Commenter Name
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
Dec 4, 2017 at 3:12 pm
Reply