Separate Design, Code, Content

HomeWeb Basics → Design, Code, Content


A website can be broken down into three main development parts: content, design and functionality. The code for functions and design are clearly separated from each other and both are separated from the content. For more effectiveness, each part should be separately accessible for the respective specialists. Designers, developers and content contributors should be allowed to work on their particular fields efficiently and without limitations. These three elements were not separated in in the beginnings of the web. This meant that website updates became wasteful even for small changements.

designStyle informations are stored in documents called Cascading Style Sheet (CSS). To keep the management of the design effective, all design information are be stored separately in one or more CSS files and must be appliable over the entire website. By modifying the CSS data, the whole website is affected (compared to the beginnings of the www, when design informations were integrated in html and content, where the design had to be modified line by line, paragraph by paragraph, page by page).

The code is is kept in documents (like html, php, js and many others). These documents carry all informations and functions, how the content (retrieved from the database), and the design (retrieved from the Cascading Style Sheet) have to be generated and displayed.

The content (text, picture, video, audio, other files) is organized through a database, mostly a mySQL kind of. There is no database knowledge required for CMS content managers, but advanced CMS admins like to take profit of the database’s own management tools (e.g. myPHPadmin), for bulk actions or other maintainment purposes.


HomeWeb Basics → Design, Code, Content

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s