Tasks & Jobs of a Web Designer

There are still many who question the scope of work of web designers and web developers, especially those I observe in our country. In the forum, in real life whether at the office or at stalls or cafes when web workers are chatting, the topic of the work scopes of a web designer and what the web developer is doing is still an exciting conversation.

The main problem is actually only one, web designers only want to design in Photoshop and don’t want to touch code, while programmers only want to touch the code and don’t know design matters, for important programmers to provide the template later combined with back-coding the end is good with PHP, Ruby on Rails or Java.
Web designers don’t want to touch web editors, Web programmers don’t want to touch applications like Photoshop?
If you don’t want to budge like that, what if we just add one more job term in this web world, we just say:

So he is the bridge between web designers and developers who are both selfish. It’s too naive. It is very excessive if just slicing there must be someone else, considering the term web designer is actually very clear.
Some web designers usually limit their work just to focus on making designs. What design? web design or layout design for brochures, posters, banners, flyers, invitation cards or business cards? all of which will be printed later?
Even though the scope of the work is clear, Wikipedia writes like this

When talking about web designers, then clearly the job is to design a website, the design will be opened or enjoyed on a screen such as a computer screen, mobile screen, tablet screen, web design not a design that will be printed like brochures, posters, banners, or magazine cover because it’s the work of a graphic designer. Of course this is very different, from the media is very different, the graphic designer job is more dominant to make the design for print media, while the web designer from the work will be opened on a monitor screen.

Designing Layout Concepts (Wireframing)

The first task of web designers is to design a website layout, this layout design varies, there are just making wireframes by scribbling on paper or with tools to make other wireframes such as balsamiq or Mockingbird, there is something quite imagined in the brain and immediately making it in Photoshop, some directly in the browser.

Designing Layouts Visually

After designing the layout in the form of a wireframe, then of course making a visual form, it can be in photoshop, firework or gimp.
Here web designers can channel their ideas in making every element on the website, giving color, placing images and so on.
The web designer must certainly have explanations about the design he made, usually this is fully documented, why choose certain colors, what fonts to use, and so on.

Visual Layout Conversion to HTML and CSS

Visual appearance alone is not enough, to be able to say as a website design, the visual display must be able to run and must function properly if opened in a web browser. For this reason, of course, the conversion process from Photoshop, Firework or Gimp is needed in the form of HTML and CSS so that it can run properly in a Web Browser. Usually known as Slicing, because most web designs are made with Photoshop.
In this section the web designer cuts up the visual designs that have been made into pieces of the image. The point is of course that the images used on the website will not be big and burdensome, besides that the use of cutting up images is so that you can determine which parts are either writing or images that can later be made dynamic and which parts are only static.

Creating Markup Arrangements (HTML)

The task of the web designer after the slicing process is to arrange the layout of the elements on a website according to the visual form that has been made before, to arrange the layout of course it requires knowledge of markup language, namely HTML (Hypertext Markup Langugage) so web designers must understand HTML, now it’s even HTML5.