廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 3021 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
lotihung
數位造型
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x0 鮮花 x2
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[HTML][討論] 這種網頁的製作?
http://www.liontravel....ma=oth016

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

感激不盡的說~~


獻花 x0 回到頂端 [樓 主] From:台灣中華電信 | Posted:2005-05-04 01:35 |
erika0806 手機 會員卡
個人文章 個人相簿 個人日記 個人地圖
特殊貢獻獎
知名人士
級別: 知名人士 該用戶目前不上站
推文 x0 鮮花 x11
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

現在幾乎稍具規模的網頁排版幾乎都用表格來完成
然後每個儲存格內再包含許多的表格
這樣就可以做出複雜的排版了

以你所附的網頁為例
他可能先用一個最外層的表格來規劃整個要顯現的版型
例如上方放置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>

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

此文章被評分,最近評分記錄
財富:20 (by kc715) | 理由: 多謝回答網友問題^^


獻花 x0 回到頂端 [1 樓] From:台灣中華電信 | Posted:2005-05-12 11:38 |
JamesKan
數位造型
個人文章 個人相簿 個人日記 個人地圖
社區建設獎
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x85
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

以照樓主的情況來看...

真的是初學而已吧?

一般來說...

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

但是在簡單的排版中

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

而不用到表格功能

我以前在學網站製作時

是把別人的網站給拷下來

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

真的很有效喔!^^"

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


獻花 x0 回到頂端 [2 樓] From:台灣中華電信 | Posted:2005-05-15 00:48 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.060091 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言