Skip to main content
Adobe training, UX Courses, and Photoshop Classes at AGI
American Graphics Institute
Secondary
  • About
  • Contact
  • Locations
  • Books
  • All classes
  • UX Classes
  • Cart
  • Log in
Search
Search
Main menu
  • Classes & Workshops
    • Classes & Workshops
    • Column 1
      • Adobe Classes
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • XD
      • Creative Cloud
      • All Adobe
      • Digital Marketing
      • HTML Email
      • Google Analytics
      • Google Tag Manager
      • Digital Marketing Certificate
    • Column 2
      • Elearning
      • Captivate
      • Camtasia
      • Graphic Design
      • Graphic Design Course
      • Design Thinking
      • Graphic Design Certificate
      • Graphic Design for High School Students
      • Office Skills
      • PowerPoint
      • Keynote
      • Excel
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
    • Column 3
      • UX Classes
      • UX Design
      • Information Architecture
      • Rapid Prototyping
      • UX for Mobile & Touch
      • Figma
      • Sketch
      • XD
      • UXQB CPUX Certification
      • UX Certification
      • UX Design Certificate
      • Video Editing
      • Premiere Pro
      • After Effects
      • DaVinci Resolve
      • Final Cut
      • Video Editing for High School Students
      • Video Production
      • Web Accessibility
      • Web Accessibility
      • Section 508
    • Column 4
      • Web Design
      • WordPress Classes
      • HTML
      • CSS
      • Responsive Web Design
      • Web Design Certificate
      • Web Graphics
      • Web Design for High School Students
      • Web Development
      • JavaScript
      • HTML
      • CSS
      • Drupal
      • WordPress
      • CAD & 3D Design
      • Sketchup
      • 3DS
      • Maya
      • See All Classes
  • Online Training
    • Online Training
    • Column 1
      • Adobe Classes
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • XD
      • Creative Cloud
      • All Adobe
      • Digital Marketing
      • HTML Email
      • Google Analytics
      • Google Tag Manager
      • Digital Marketing Certificate
    • Column 2
      • Elearning
      • Captivate
      • Camtasia
      • Graphic Design
      • Graphic Design Course
      • Graphic Design Certificate
      • Design Thinking
      • Office Skills
      • PowerPoint
      • Keynote
      • Excel
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
      • Figma
    • Column 3
      • UX Classes
      • UX Design
      • Information Architecture
      • Rapid Prototyping
      • UX for Phone & Touch
      • Sketch
      • XD
      • UXQB CPUX Certification
      • UX Certification
      • UX Design Certificate
      • Video Editing
      • Premiere Pro
      • After Effects
      • DaVinci Resolve
      • Final Cut
      • Web Accessibility
      • Web Accessibility
      • Section 508
    • Column 4
      • Web Design
      • Web Design Certificate
      • WordPress
      • HTML
      • CSS
      • Responsive Web Design
      • Web Graphics
      • Web Development
      • JavaScript
      • HTML
      • CSS
      • Drupal
      • WordPress
      • CAD & 3D Design
      • Sketchup
      • 3DS
      • Maya
      • See All Classes
  • Certificate Programs
    • Certificate Programs
    • Column 1
      • Web Design Certificate
      • UX Design Certificate
      • Digital Marketing Certificate
    • Column 2
      • Graphic Design Certificate
      • Video Editing Certificate
      • Web Development Certificate
    • Column 3
      • Photoshop Certificate
      • All Certificate Programs
  • Creative Cloud Classes
    • Creative Cloud Classes
    • Column 1
      • Creative Cloud for Print & Digital
      • Creative Cloud for Video
      • Creative Cloud for Web
    • Column 2
      • Photoshop CC
      • InDesign CC
      • Illustrator CC
    • Column 3
      • Premiere Pro CC
      • After Effects CC
      • Animate CC
      • See All Classes
  • Adobe Training
    • Adobe Training
    • Column 1
      • Photoshop
      • InDesign
      • Illustrator
      • Animate
      • Acrobat
    • Column 2
      • Premiere Pro
      • After Effects
      • XD
      • Captivate
      • Connect
    • Column 3
      • Dreamweaver
      • Creative Cloud
      • LiveCycle
      • AEM Forms
      • InCopy
      • All Adobe Classes
      • See All Classes
  • Private Training

  • About
  • Contact
  • Locations
  • Books
  • All classes
  • UX Classes
  • Cart
  • Log in
Breadcrumb
  1. Home
  2. Web Design Classes
  3. Web Design vs. Web Development: what's the difference
Web Design vs. Web Development: what's the difference
We'll provide you personalized training options right away.

We never sell or share your information

Related Class
Web Design vs. Web Development: what's the difference
Web Design Classes
Related Articles
Web Design vs. Web Development: what's the difference

Best Web Design Courses for 2023

UX Workshop at Venture for America

UX Workshop at Venture for America 2021

Web accessibility for web designers & developers

Web accessibility for web designers & developers

Web Design vs. Web Development: what's the difference

  • Published on September 17, 2020
Image
Web Design vs. Web Development: what's the difference

The differences between Web Design vs. Web Development include job responsibilities, functions in building and maintaining websites, and the skills required for working in a web design or web development field. Web design and web development roles are often confused with each other. While both involve understanding and using HTML and CSS code used to create websites, there are many differences between web design vs. web development.

Web Design vs. Web Development: differences in responsibilities

When websites function seamlessly, it’s easy for users to overlook the work that went into the design and development. Web designers and web developers divide and conquer tasks when creating websites, while there may be some overlap in certain areas, most functions are divided according to their specialties.

Web designers typically work on the overall aesthetic and user experience (UX) of a site using programs like Adobe Photoshop, Muse, XD, Sketch, and Illustrator. Depending upon the organization, they may also use HTML and CSS to style components and initial mock-ups of websites. Web designers are often also called front-end developers work, as it is the front-facing components of a website. These roles are sometimes also called front-end web developers.

Web developers also use HTML and CSS, but also work with JavaScript, connect to databases, and work with content management systems (CMS) to transform static layouts into dynamic sites. Web developers will also work to make sites responsive so they work well on mobile, tablet, and desktop computers, generally implementing designs from UX professionals or web designers.

Web Design vs. Web Developer

Web Design

Web developer

Draft site layout

Define server and hosting requirements

Draw mock-ups with fonts and a color palette for the client

Work with designer to incorporate their vision

Test and improve design

Write clean, accessible code

Incorporate graphics and other visuals

Create responsive pages

Create content standards and consistency across the site’s pages

Connect to database or Content Management System

 Web design responsibilities

Designing a successful website requires far more work than simply choosing a color scheme and fonts. It requires a working knowledge of color theory, typography, and design principles. A good web designer also understands User Experience Design, which includes considerations for who is using a site, what they are trying to accomplish, and external factors that may impact the ability to use the site. 

When selecting components of a site’s aesthetic, designers must also take into account accessibility of a site for all users, including:

  • Is the text readable and large enough for users with below-average eyesight? 

  • Does the page employ high contrast between text and the background?

  • Can users easily navigate the site?

  • Has alt text been employed underneath images for users that may require images to be read to them by assistive technologies?

  • Do videos on the site have captions?

  • Can users with limited mobility use navigate the site using only their keyboard?

  • Does the website function well on mobile devices?

To test accessibility, designers may use software tools to identify any shortcomings so they can be identified and addressed. Those working in this field generally attend web design classes to gain skills or attend a web design certificate.

Web development responsibilities

Web developers must be able to implement designs and meet specifications and requirements from web designers and UX designers. Web developers also must consider that others may need to work on their projects in the future, and may also include writing descriptions between lines of code to explain what certain lines do to the site’s presentation, even if these descriptions are not visible to general users on the site. If a future web designer or web developer needs to make a change, this allows for easy navigation through the code so that the change can be made quickly. Effective web developers also work to optimize their code so that it can be sent to web browsers effectively, and displays on screens quickly.

Web developers that are most effective in their work also prioritize accessibility standards, which are published and regularly updated as the Web Content Accessibility Guidelines (WCAG). Working to make the web easy to navigate for individuals with a diverse range of hearing, movement, sight, and cognitive ability.

Forces contributing to the growth of web design and web development fields

The need for businesses and organizations to share information online, from informational content to e-commerce businesses is expanding rapidly, with online purchasing replacing much of the traditional retail business. With near-ubiquitous mobile devices, access to the web is in the hands of many. These factors contribute to the growing need for web designers and web developers.

Those working in these roles may have a computer science background, or may attend a web development certificate program or individual web development classes.

 

About the author

Christopher Smith is president of American Graphics Institute. He is the co-author of Adobe Creative Cloud for Dummies and more than 10 other books on design and digital publishing. He served as publisher and editor of the Digital Classroom book series, which has sold more than one million books on topics relating to InDesign, Photoshop, Illustrator, After Effects, Premiere Pro and other Creative Cloud apps. At American Graphics Institute, he provides strategic technology consulting to marketing professionals, publishers designers, and large technology companies including Google, Apple, Microsoft, and HP. An expert on web analytics and digital marketing, he also delivers Google Analytics classes along with workshops on digital marketing topics. Christopher did his undergraduate studies the at the University of Minnesota, and then worked for Quark, Inc. prior to joining American Graphics Institute where he has worked for more than 20 years.

Footer
  • 781-376-6044
  • CONTACT US
  • SEE ALL AGI TRAINING LOCATIONS

© Copyright 2002 - 2023 American Graphics Institute