Insert-paneeli
Layout / Layout
Suunnittelunäkymää käytettäessä voidaan sivuja katsoa ja muokata kahdella tai kolmella (riippuu katsantokannasta) eri tavalla. Tämä valinta tapahtuu Inset-paneelin kautta.
Insert-paneeli layout-näkymässä
Ulkoasun suunnittelu suoraan suunnittelunäkymässä voidaan tehdä Standardina tai Layout-tilassa tai (se kolmas) Expanded-tilassa – joka on lähinnä laajennettu muoto Standard-tilasta.
Kun tila on Standard, silloin ulkoasun suunnittelu tehdään perinteisesti taulukkoja (Table) käyttämällä, DIV-tageilla tai tasoina (Layers). Valintapainikkeiden kolme vasemmanpuoleista ikonia ovat silloin aktiivisina. Kun tila on Layout, silloin työskennellään edelleen taulukoilla,mutta nyt ei luoda koko taulukkoa kerralla, vaan ensin Table-painikkeella taulukko ja sitten jokainen solu luodaan erikseen solupainikkeen kautta. Talukon / solun luominen tapahtuu seuraavasti:
- Klikkaa Taulukko / Solu painiketta
- Kursori on työskentelyalueella muodostunut tähtäin-kursoriksi
- Vedetään taulukko / solu haluttuun kohtaan.
Taulukot saavat oman "välilehtensä" samaan tapaan kuin tasoilla työskenneltäessä, erona on vain se että tasoilla tehtäessä tason voi sijoittaa haluamaansa kohtaan välittämättä muusta ulkoasusta, mutta Layout-tilassa rakenne on puhtaasti taulukkomuodossa.
Mikä sitten on etuna Layout-tilassa työskenneltäessä? Miksei samaa voisi tehdä suoraan taulukoilla? Etuna tässä on se että taulukoihin voi luoda soluja oman näkemyksen mukaan, siten kuin se ulkoasun mukaan parhaiten sopii ja siirrellä niitä taulukon sisällä mielensä mukaan. Kun taulukossa on valmiiksi luotuja soluja, niistä voi ottaa kiinni kuin tasosta konsanaan ja siirtää se taulukon sisällä toiseen kohtaan. Dreamweaver
luo automaattisesti muut solut ja rivit jotta siirretty solu pysyy oikeassa muodossa ja paikassa. Solun sisään tehdyt muotoilut pysyvät ennallaan.
Soluja lisättäessä taulukon sisään muodostuu vaaleahko "grid" joka ilmaisee taulukossa olevien solujen reunat. Uusia soluja muodostettaessa tai vanhoja siirrettäessä Dreamweaver
automaattisesti nappaa ne kiinni olemassa olevien rivien ja palstojen mukaan.
Teknisesti tämä tapahtuu luomalla taulukkoon riittävästi soluja, niin riveinä kuin palstoina ja antaa jokaiselle palstalle ja riville tarkat pikseliarvot niiden koosta. Oletusarvoisesti ohjelma ei käytä apukuvia, vaan tekee homman pikseliarvoilla ja välilyönneillätyyliin "<td height="28"> </td>".
Solut voivat olla myös ns. "Autostrech", jolloin ne täytävät sille annetun tilan, yleensä koko selainikkunan leveyden. Valinnan mukaan Dreamweaver tekee sen joko Spacer-kuvan avulla tai ilman. Jos sivustolla on olemassa valmiiksi Spacer-kuva, sen osoitteen voi antaa tai sitten pyytää ohjelmaa luomaa uuden.