[TYPO3-english] question about making typo3 site
tom
typostudy at gmail.com
Tue Jul 10 11:13:58 CEST 2012
Got it. Thanks.
Tom
On Mon, Jul 9, 2012 at 6:27 PM, Bernd Wilke <t3ng at pi-phi.tk> wrote:
> On 07/03/2012 03:54 PM, tom wrote:
>
>> Hi,
>>
>> I have been studying typo3 for a little while, I have gone through the
>> following documentation: Getting Started, TypoScript in 45 Minutes
>> tutorial,Modern Template Building 1,Futuristic Template Building tutorial.
>> I got to know a little bit of typo3. But still not that clear.
>> Now I am trying to build a typo3 site according to this site:
>> http://www.snook.ca/, I want to use the page of http://www.snook.ca/ as
>> my
>> html template.
>> So according to what I know, I should do the below steps to build my typo3
>> site, I will put my thought in the following steps, please help me with
>> some input.
>> 1. Build the html template.
>> my question on this step is: should I download the page
>> http://www.snook.ca/to be my html template or I make on my own? If I
>> should make the html
>> template on my own, should I use certain tool such as Dreamweaver? Is
>> there
>> anything I should pay attention for my css file(it seems mention certain
>> rules for css style in MTB1 tutorial)?
>> 2. Use TV(TemplaVoila) to Integrate the html template.
>> On this step, my question is: How could I know what typoscript I should
>> put
>> in template->setup(Because in FTB tutorial, it puts some menu typoscript
>> for dynamic menu)?
>>
>>
> beside of these two ways you can build up a website with pure typoscript
> something like:
> page {
> # div.all
> 10 = COA
> 10 {
> wrap = <div class="all">|</div>
> # div.header
> 10 = COA
> 10 {
> wrap = <div class="header">|</div>
> 10 = IMAGE
> 10.file = ..../logo.gif
> # div.menu
> 20 = MENU
> 20 {
> :
> }
> }
> # div.middle
> 20 = COA
> 20 {
> wrap = <div class="middle">|</div>
> 10 < styles.content.getLeft
> 10.wrap = <div class="left">|</div>
> 20 < styles.content.get
> 20.wrap = <div class="content">|</div>
> 30 < styles.content.getRight
> 30.wrap = <div class="right">|</div>
> }
> # div.footer
> 30 = COA
> 30 {
> wrap = <div class="footer">|</div>
> 10 < temp.footer
> }
> }
> }
>
> advantage:
> if you use different layouts on different pages it is much easier to
> change the structure in pure typoscript than having mutliple HTML-templates
> which need to be switched.
> have a look to the comments before each COA: they guide you in the TSOB
>
> bernd
> --
> http://www.pi-phi.de/**cheatsheet.html<http://www.pi-phi.de/cheatsheet.html>
>
>
>
> ______________________________**_________________
> TYPO3-english mailing list
> TYPO3-english at lists.typo3.org
> http://lists.typo3.org/cgi-**bin/mailman/listinfo/typo3-**english<http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english>
>
More information about the TYPO3-english
mailing list