幀布局的有關問題以及如何更好的制作表格布局
張家口網站制作   2012-08-01 07:38:40 作者:SystemMaster 來源:張家口網站制作 匡仕運通 文字大小:[][][]
以上只是說明了幾種目前比較流行的框架結構,實際中,可以根據需要設計出更復雜、更新穎的框架結構(見圖乙5)。當然,并不是所有的網頁頁面都是有框架的,無框架的網頁往往都具有相當鮮明的個性。它將網頁的內容很好地融入到圖片當中,給人一種與眾不同的感覺。許多著名的大公司、大學以及個人站點都采用無框架結構,但是這種網頁在設計的時候就需要很高的美術基礎了。比如世界最著名的卡通公司迪斯尼公司的主頁。
隨著網頁技術的發展,可以在網頁上嵌人的對象越來越多,比如說視頻、flash 動畫 、ActiveX 控件等 ,但是在網頁布局的時候 , 最基本的元素仍然是文字和圖片。在布局時,可以把任何除文字與圖片之外的對象都當成是一幅圖片去對待,所如何編排文字和圖片的位置就成了網頁布局的關鍵。熟悉網頁制作的人在拿到網頁的相關內容后,也許很快就可以在腦子里形成大概的布局,并且可以直接用網頁制作工具開始制作。但是對不熟悉網頁布局的人來說,這樣做有相當大的困難,張家口網站建設所以這時,就需要借助于其他的方法來進行網頁布局。第一是以用于工的方式在紙上畫草圖,這種方法可以大概地描繪出網頁的框架,但是也只能到此為止,不能再進行更細的工作,如配色、擺放文字和圖片等。
第二是用專業制圖軟件來進行布局,建議使用 Photoshop 0 Photoshop 是一個非常優秀的圖片處理工具。用它可以像設計一幅圖片、一幅招貼畫、一幅廣告一樣去設計一個網頁的界面,然后再考慮用網頁制作工具如何去實現這個網頁。選用 Photoshop→是因為它對圖片的超強處理功能,可以制作非常精美的圖片;二是因為 Photoshop中層的概念,可以將網頁中的各個部分放置在不同的層中,很方便地進行頁面布局。
用 Photoshop形成一個網頁的大概原型之后,就得用適當的網頁布局技術來實現這個網頁了。通常網頁布局有三種技術,分別是幀布局、表格布局和層布局。
1.幀布局
幀 (Frame ) ,實際上對應的是HTML語言中的( frame)標記。幀布局就是將-個網頁分成互不重疊的幾個部分,qq背景美女图片壁纸每個部分是一個幀,每個幀對應一個網頁。采用幀布局最大的好處就在于可以隨意調整各個幀在頁面中所占的比例,并且在網頁顯示時,拖動一個幀的攘動條只會攘動該幀的網頁而不會影響其他幀。但是幀也有→個缺點,就是當幀所對網頁的內容超過幀的范圍時,會自動出現滾動條,這非常容易破壞頁面的美觀。如網頁,是由左右兩個幀組成的,左邊的幀由于內容太多而出現了滾動條。現在的網頁不像以前那么流行使用幀來布局,但是幀布局仍是一種非常有效的網頁布局技術。在后面將用到的 Dreamweaver對幀有非常強的技術支持,通過它可以很容易地進行幀布局。
2. 表格布局
表格(Table ) ,在 HTML 語言中對應( table)標記。表格布局是最常用的一種頁面布局技術,現在大部分的網頁都采用表格作為基本的布局技術。表格最大的好處就在于可以根據你的需要將頁面分成任意大小的單元格,而且在單元格內可以嵌入任何網頁對象,包括表格本身,并且在對每個單元格中的對象單獨操作時,不會影響其他單元格中的對象。相比于幀布局,表格布局雖然也將網頁分隔成互不重疊的區域,但實際上還是一個整體的頁面,不會像幀一樣出現滾動條。
3. 層布局
層(layer)是一個較新的概念。層最大的優點就在于將布局從平面擴展到空間,可以像三明治→樣將層一個個重疊起來。而且層可以用像數為單位精確地定位其在頁面中的位置?;箍梢醞ü歡ǖ納柚美純刂撇閌欠襝允疽約安閿氬闃淶牡喲渦?。由于微軟公司和網景公司各自定義了層的標記,所以在應用中,層有兩種對應標記,一種是,還有→種是(layer)。不同的瀏覽器對層的支持也不一樣,Internet Explorer 4. 0 和Netscape Navigator 4. 0 及它們的更高版本均支持使用 div標記建立的層,但只有 Navigator支持用 layer和 ilayer標記建立的層。所以應用層布局時特別需要注意所用的層對不同瀏覽器的兼容。

張家口建站 張家口哪有做網站 張家口網站開發 張家口網站制作 張家口網站 張家口網站建設 張家口網絡公司 張家口網站設計 qq背景美女图片壁纸

企业管理考研科目分数 炒股毁一生 银行怎么给私募基金配资 基金配资申请 在职读研好后悔 北京11选5 私募基金配资是什么意思 山西股票配资 pk10 广西快乐双彩 日化收益的理财平台 各大日本av公司官网logo 企业管理小知识 北京赛车pk10 飞乐音响股票 股票配资平台排名