What is Web design and Development

Web Designing

WEB DESIGN

1. Web Designing relates with front-end part of the website.
2. Website design means preparation, creation and renewing of websites, which requires information architecture, website format, user interface, navigation ergonomics, website layout, contrasts, colors, fonts and imagery (photography) as well as icons design.
3. Web designing is all about how a website looks to a client. It mainly handled  how the content displayed & how the content is designed for more efficient look of the page.
4. Professionally, web designing is creating a website using HTML, CSS, Bootstrap, Javascript, jQuery.
5. Small organizations and individuals are more likely to choose a website that provides a basic website

Before Being a Good Web Designer, be a Good Designer-:

Before becoming great at web design, you must first be an accomplished designer. You must fall in love with composition, color, and fonts. Fall in love with all beautiful things. Explore beauty, Enhance your ability to explore beauty in everything. Think of lay out as a career, as part of your life, and not just a job.

9 Basic Web Design Skills You Will Need 

1. Principles of visual design
2. Layout design
3. Color combination
4. Interaction design
5. Photoshop
6. Basic coding language
7. SEO rules
8. Familiarity with the company product and the user group
9. Mastery of at least one front-end coding editing software 

How to learn coding for beginners：

1. W3Schools

Useful for learning basic coding languages, including HTML and CSS.

2. Google Code University

Learn how to code from Google developers.

3. Code Avengers

I particularly like this learning website because it's just like a big adventure that allows you to participate in coding challenge programmes and bug hunting.

5 key elements of web design

Layout-:Web layout design focuses on the high degree of unity of technology and art. Web layout design refers to the combination of visual elements such as text and images to make the page look beautiful and easy to navigate. It is an important form of visual communication and an integral part of web design.

Color-:The color combination of a website reflects the aesthetic preference/style of a web designer and directly affects the viewer's perception.

Graphics-:Images give people a visual impression that is more intense than text. They can increase the chances of attracting the attention of users.

Font-:Personalized fonts can be fun or expressive but not always practical. If you want a website to be readable and professional, choose the most appropriate font for it.

Content-:Content is the main body of web design and an essential element in web design since it presents the core message.

Web design tools

1. Photoshop

Web designing is about visual and interaction. People are visual creatures, and they have a deep connection with beautiful things. Therefore, it’s very important for a website to offer good interaction AND to have excellent UI design. Photoshop is one of the most important design tools for web designers to create a beautiful visual layout.

It can create and enhance photographs, illustrations, and 3D artwork, design layouts of websites and design layouts of mobile apps, edit videos, simulate real-life paintings,and more. This is the must-master tool for anyone who wants to become a web designer.

2. Dreamweaver

Dreamweaver is known as "What you see is what you get" (WYSIWYG) editor. A visual web development tool developed specifically for professional web designers, it can easily create dynamic web pages that cross platforms and browser limits.Dreamweaver allows to users design, code the program and manage websites content, as well as mobile content. 

3. Mockplus

Mockplus is one of the best prototyping tools for web designers to create an interactive web mockup. You can drop and drag the components to build a website that you want, and preview it on HTML links or other formats.

Web Development

Web development

1. Website development is post-procedure of creating a website
2. Web developers use various coding techniques to write the programs to develop the website as per the design modified by the Website designer.
3. The development of a website is completed at two level front end and back end. 
4. In the front end, the coding is done with using programming languages like HTML, CSS, JavaScript. 
5. In the back end the server data and requests are stored.

What does a web developer do?

We can divided web development into three parts:

• Client-side scripting, which is code that implement in a web browser and compose what your clients or coustmers will see when they visit on your website.

• Server-side scripting, which is code that implement on a web server and powers the behind-the-posture mechanics of how a website works.

• Database technology, which also make sure that our website running smoothly.

A web developer is usually worked with building a website from the ground up, using skills in one or more of these three areas.In fact, large-scale web projects often divide these works between multiple web developers: one developer may focus on setting up the back end of a site while another one focus on the client side to add style and functionality to the website itself.The advantage of building a website from the bottom up is that you can create something original that fits your specific needs.

Skills to look for in a web developer

It’s easiest to look at a web developer description by dividing the skills into the three parts mentioned above: 

1. Client-Side Languages
2. Server-Side Languages 
3. Database Technologies.

• Client-side languages-:Client-side scripting relates to the creation of web applications that execute themselves within the browser of a user’s computer, like storing user data in cookies, simple flash games, or different forms of interactive web applications. This also includes using programming languages like HTML, CSS or JavaScript to build the layout, look and feel of a website.Client-side languages examples are given below:

1. HTML
2. CSS
3. JavaScript
4. Flash
5. JQuery
6. Microsoft Silverlight

• Server-side languages-:Server-side scripting is a technique used by web developers for build the backend part of a website. A web browser’s storage is limited by the end user’s computer (i.e. the person using the website), so websites need to host the files and images that build the site work in a database on a web server.Server-side scripting involves design the framework that allows the database on the web server to communicate with the web browser of the end user’s computer. To make it work, the developer fixed scripts in your website so that, when someone using your site takes a particular action, the server can display set information. Server-side code is also naturally more secure, as the person using your website has no direct access to source code, proprietary databases or data beyond what’s specifically shown to them.The following are examples of server-side languages:

1. ASP.NET
2. C
3. Java
4. PHP
5. Python
6. Ruby

• Database technologies-:The final set of skills in a web developer,they are must be familiar with database technologies they are . In order to work properly, for store its code every website needs a database, images, files and other data. Relational database management systems (RDBMS) are the most important for web-based applications:

1. Oracle
2. Microsoft SQL Server
3. MySQL
4. IBM DB2
5. Apache
6. MongoDB