這種網頁的製作?

Home Home
引用 | 編輯 lotihung
2005-05-04 01:35
樓主
推文 x0
http://www.liontravel.com/?sprima=oth016

請問這種網頁的製作方法是怎樣呢?
我看一下他的原始碼,他是HTML的框架與架構。
但其他的圖形與LOGO那些還有複雜的種類那些是怎麼辦到的呢
可否有經驗的大大能分享呢?

感激不盡的說~~

獻花 x0
引用 | 編輯 erika0806
2005-05-12 11:38
1樓
  
現在幾乎稍具規模的網頁排版幾乎都用表格來完成
然後每個儲存格內再包含許多的表格
這樣就可以做出複雜的排版了

以你所附的網頁為例
他可能先用一個最外層的表格來規劃整個要顯現的版型
例如上方放置logo及功能表
然後中間分為兩個,左邊為一些連結及廣告
右邊為主要顯示
最後下面放置一些版權說明和聯絡方式
可能你要對HTML有一定程度的了解
可以把下面的html tag存成一個htm檔打開來看就能瞭解大概的版型
複製程式
<html>
<head>
<title>測試版型</title>
<meta http-equiv='Content-Type' content='text/html; charset=big5'>
</head>
<body>
<table border=1 cellspacing=Ɔ' cellpadding=ƈ' width=ྞ%' height=颼%' align='center'>
<!-- header部份 -->
<tr>
  <td colspan=ƈ' height=ཚ'>這邊放LOGO</td>
</tr>
<!-- 橫列功能表 -->
<tr>
  <td colspan=ƈ' height=ཚ'>
    我是功能表!可以在這裡再插入表格
    <table border=Ƈ' cellspacing=Ɔ' cellpadding=Ƈ' width=颼%'>
        <tr>
            <td>連結1</td>
            <td>連結2</td>
            <td>連結3</td>
            <td>連結4</td>
            <td>連結5</td>
            <td>連結6</td>
        </tr>
    </table>
  </td>
</tr>
<!-- 中間部分 -->
<tr>
  <td width=ཚ%'>我是左邊廣告</td>
  <td>我是中間主要部份</td>
</tr>
<!-- Footer部份 -->
<tr>
  <td colspan=ƈ' height=ཚ'>我是版權</td>
</tr>
</table>
</body>
</html>

大致上就是這個樣子!!
只要組合許多的表格就可以完成複雜的版型製作了!! 表情

獻花 x0
引用 | 編輯 JamesKan
2005-05-15 00:48
2樓
  
以照樓主的情況來看...

真的是初學而已吧?

一般來說...

表格的排版真的是很常見的

但是在簡單的排版中

也是可以利用「DreamWeaver」的圖層功能

而不用到表格功能

我以前在學網站製作時

是把別人的網站給拷下來

利用dw開啟來看作者是如何製作的

真的很有效喔!^^"

(因為我大部份的技術都是自已學來的,沒辦法! 我就是愛自學... 根本買沒過書^^")

獻花 x0