Web Development 1

Dr Derek Bridge

School of Computer Science & Information Technology

University College Cork

Traditional workflow for fixed-width sites

  1. Wireframe the content
  2. Produce 'comps' in Photoshop (or Illustrator, Sketch, …)
  3. Obtain customer sign-off
  4. Convert to HTML, CSS and JavaScript

Workflow for RWD

Workflow for RWD

Scott Gilbertson

Authoring HTML

Possible problems with WYSIWYG editors

CSS preprocessor languages

CSS frameworks

Workflow automation

Content Management Systems (CMS)

Examples of CMS

Advantages of a CMS

Disadvantages of CMS

A/B testing