User Tools

Site Tools


en:design:start

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
en:design:start [30.07.2015 20:05] – translated first paragraph mrbasemanen:design:start [30.07.2015 20:47] (current) – forgot one location mrbaseman
Line 1: Line 1:
-FIXME **This page is not fully translated, yet. Please help completing the translation.**\\ //(remove this paragraph once the translation is finished)// 
- 
 ====== Webdesign with WebsiteBaker ====== ====== Webdesign with WebsiteBaker ======
-{{:design.png?nolink&128 |Webdesign}} FIXME+{{:design.png?nolink&128 |Webdesign}} 
  
 Webdesign with WebsiteBaker... Those who expected a basic course in HTML / CSS / Javascript or an advanced seminar thereof are completely on the wrong track and have clearly opened the wrong page.\\ Webdesign with WebsiteBaker... Those who expected a basic course in HTML / CSS / Javascript or an advanced seminar thereof are completely on the wrong track and have clearly opened the wrong page.\\
Line 10: Line 8:
 [[http://selfhtml.org/|{{:design:common:selfhtml.png?direct&200|das Web-Projekt SELFHTML (deutsch)}}]]  [[http://www.w3schools.com/|{{:design:common:w3schools.png?direct&200|THE WORLD'S LARGEST WEB DEVELOPER SITE (english only)}}]] [[http://selfhtml.org/|{{:design:common:selfhtml.png?direct&200|das Web-Projekt SELFHTML (deutsch)}}]]  [[http://www.w3schools.com/|{{:design:common:w3schools.png?direct&200|THE WORLD'S LARGEST WEB DEVELOPER SITE (english only)}}]]
  
-In diesem Bereich dieses Wiki geht es ausschließlich um das Zusammenspiel der Designkomponenten mit WebsiteBaker und seinen Möglichkeiten+In this area, this wiki is all about the interaction of the design components with WB and its possibilities.  
-Es werden einige Grundregeln beschrieben, die dringendst beachtet werden sollten, damit der Aufbau des Designs über das gesamte System **WebsiteBaker** einschließlich seiner Addons weitgehend homogen {//gleichmäßig/gleichartig//} erfolgen kann.+It describes some basic rules that should be urgently addressed to ensure that the structure of the design of the entire system of **WebsiteBaker** including its Addons can be carried out largely homogeneously {//uniform/similar//}
 + 
 +For many years, the formatting and output of the pages in the so-called '//back-end//', today' **A**dmin**C**ontrol**P**anel, is done with the support of the template engine  'phplib' which is quite rudimentary and very inconvenient to use. Only since WebsiteBaker 2.8.4 the powerful template engine **[[http://twig.sensiolabs.org/|TWIG]]**  is available that is already in use at some individual components.  
 +From the follow-up version of WebsiteBaker 2.8.4 on a complete separation of PHP code and presentation (//HTML//) will be possible through the consistent use of **TWIG** for the ACP for the first time.\\ 
 +In this section of the WIKI details on the use of Twig now be described and explained as far as they are relevant to the web designer. For a more comprehensive documentation than our wiki we refer to the page  **[[http://twig.sensiolabs.org/doc/templates.html|Twig for Template Designers]]**.
  
-Schon seit vielen Jahren wird im sogenannten '//Backend//', dem heutigen **A**dmin**C**ontrol**P**anel die Formatierung und Ausgabe der Seiten mit Unterstützung der, doch rudimentären und sehr umständlich zu bedienenden Templateengine **phplib** vorgenommen. Erst seit WebsiteBaker-2.8.4 steht hier die mächtige Templateengine **[[http://twig.sensiolabs.org/|TWIG]]** zur Verfügung, die auch bereits bei einzelnen Komponenten im Einsatz ist. Ab der Nachfolgeversion von WebsiteBaker-2.8.4 wird durch den konsequenten Einsatz von **TWIG** für das ACP erstmals eine vollständige Trennung von PHP-Code und Darstellung (//HTML//) möglich sein.\\ 
-In diesem Bereich des WIKI werden nun die Details zum Einsatz von Twig beschrieben und erklärt, soweit sie für die Web-Designer relevant sind. Auch ist hier im deutschen Teil des Wiki eine Übersetzung der wichtigsten Teile von **[[http://twig.sensiolabs.org/doc/templates.html|Twig for Template Designers]]** auf deutsch verfügbar. 
  
-[[design:twig:design-manual|TWIG für Template-Designer(de)]]+[[en:design:twig:design-manual|TWIG for Template-Designers(en)]]
  
  
  
en/design/start.1438286742.txt.gz · Last modified: 30.07.2015 20:05 by mrbaseman