Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,154,195 members, 7,822,038 topics. Date: Thursday, 09 May 2024 at 03:26 AM

Web Development And Web Design - The Difference - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Web Development And Web Design - The Difference (1484 Views)

Web Design, Web Development And Mobile App Development Tutorial / Android Programing And Web Programing, Which One Is Better? / Udacity/google Africa Challenge Scholarship For Android And Web Development! (2) (3) (4)

(1) (Reply) (Go Down)

Web Development And Web Design - The Difference by logicDcoder(m): 12:32pm On Nov 20, 2020
I learnt recently that most people often use the terms web design and web development interchangeably. So today I'm going to show you guys how Web design is different from web development.
There are two primary jobs involved in creating a website: the web designer and web developer, who often work closely together on a website. The web designers are responsible for the visual aspect, which includes the layout, coloring and typography of a web page. Web designers will also have a working knowledge of markup languages such as HTML and CSS, although the extent of their knowledge will differ from one web designer to another. Particularly in smaller organizations, one person will need the necessary skills for designing and programming the full web page, while larger organizations may have a web designer responsible for the visual aspect alone.

WEB DESIGN:
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. The different areas of web design include web graphic design; user interface design (UI design); authoring, including standardized code and proprietary software; user experience design (UX design); and search engine optimization.

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. Web designers use both vector and raster graphics editors to create web-formatted imagery or design prototypes. Technologies used to create websites include W3C standards like HTML and CSS, which can be hand-coded or generated by WYSIWYG editing software. Other tools web designers might use include mark up validators and other testing tools for usability and accessibility to ensure their websites meet web accessibility guidelines.

Skills and techniques:
1] Marketing and communication design
2] User experience design and interactive design(UX/UI)
3] Motion graphics
4] Quality of code
5] Responsive web design (RWD)
6] Adaptive web design (AWD)
7] Progressive enhancement etc

Software:
*Adobe Photoshop
*Adobe Illustrator
*Sketch (software)
*Affinity Designer
*Inkscape

Occupations:
1] Graphic designers to create visuals for the site such as logos, layouts and buttons
2] Internet marketing specialists to help maintain web presence through strategic solutions on targeting viewers to the site, by using marketing and promotional techniques on the internet
3] SEO writers to research and recommend the correct words to be incorporated into a particular website and make the website more accessible and found on numerous search engines
4] Internet copywriter to create the written content of the page to appeal to the targeted viewers of the site
5] User experience (UX) designer incorporates aspects of user-focused design considerations which include information architecture, user-centered design, user testing, interaction design, and occasionally visual design.



WEB DEVELOPMENT:
Among Web professionals, "Web development" usually refers to the main non-design aspects of building Web sites: writing markup and coding. Web development may use content management systems (CMS) to make content changes easier and available with basic technical skills.
There are three kinds of Web developer specialization: front-end developer, back-end developer, and full-stack developer. Front-end developers are responsible for behavior and visuals that run in the user browser, while back-end developers deal with the servers.
There are many open source tools for Web development such as BerkeleyDB, GlassFish, LAMP (Linux, Apache, MySQL, PHP) stack and Perl/Plack.

Skill Required:
[1]HTML/XHTML, CSS, JavaScript and jQuery.
[2]Server/client side architecture like all or some of the above mentioned.
[3]Programming/Coding/Scripting in one of the many server-side languages or frameworks (e.g., Perl, Python, Ruby, PHP, Go, CFML - ColdFusion, Java
[4]ASP, ASP.NET, Node.js)
[5]Ability to utilize a database
[6]Creating single page application with use of front-end tools such as EmberJS, ReactJS or AngularJS

In conclusion Web Design has to do with the visual aspect of a website or web app (UI/UX) while web development has to do with both the front and server side of a website/web app.

Thank You Nairalanders!.

5 Likes 2 Shares

Re: Web Development And Web Design - The Difference by logicDcoder(m): 12:35pm On Nov 20, 2020
cc lalasticlala
Re: Web Development And Web Design - The Difference by Cabardin: 4:19pm On Sep 06, 2021
Thank you for explaining the difference. As I understand it, web design, on the one hand, is more fundamental because it deals with the general principles on which sites are built, rather than the complex systems available in a content management system.
Some people I know have done a website for their business on their own, using templates, but I wouldn't say the site looks professional. For me, the visual aspect of the website is essential, this is the first thing that attracts customers, and web design surrey coped with my website excellent. It looks better than what I'd make myself.
Re: Web Development And Web Design - The Difference by Josefsom(m): 8:01pm On Sep 06, 2021
Thanks for sharing.
Re: Web Development And Web Design - The Difference by Diego56: 9:22am On Jan 12, 2022
You need to make it visible in search engines to ensure that you get as much traffic as possible. Companies that have websites have many benefits, including expanding their influence and reaching new demographics. You can find more details on web designer in surrey on the site partopia.
Re: Web Development And Web Design - The Difference by Cadrianne: 1:17pm On Jun 28, 2023
Web designers focus on the visual elements, like layout and typography, while web developers handle the programming and functionality aspects. It's awesome to see how these two roles collaborate to create amazing websites. By the way, if you're interested in learning more about web design and development, check out ecommercemaven.com. They offer some fantastic resources and insights in this field. Keep up the great work!
Re: Web Development And Web Design - The Difference by OsbornTyler7: 12:48pm On Oct 29, 2023
Fiverr UX design is a platform that gives you access to tons of freelancers from all over the world, ready to help you create stunning web design. If you want your website to look professional, unique and attractive, Fiverr is the perfect place to find talented designers.
Re: Web Development And Web Design - The Difference by OsbornTyler7: 12:35pm On Nov 22, 2023
Drayage company not only meets delivery deadlines but also provides a high standard of cargo security. My shipment was carefully packed and protected in transit, which emphasized the company's attention to detail and quality of service. My experience with top drayage companies has been very positive. Not only did they provide efficient and reliable service, but they were highly professional every step of the way. I recommend to anyone looking for a reliable partner for freight transportation!

(1) (Reply)

Get Free 1000 Naira By Signing Up For This App / I Need Step By Step Code For Progressbar In Vb 6.0 / Trying To Remove Item Fro A Shopping Cart.

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 28
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.