• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    怎樣用Dreamweaver制作網頁模板

    制作網頁之前,我們一定需要效果圖,這樣才不會導致不知道怎么去寫代碼。

    東西/材料

    Adobe Dreamweaver cs6

    操作方式

    • 01

      起首我們先打開軟件,然后新建一個HTML文件和一個css文件,然后依次點擊文件保留為index.html、style.css。方式如下:

    • 02

      一個網頁分為二部門,即head和body。網頁的題目(title)就是在在head里面,題目呈現的位置在瀏覽器的最上方。如下圖:

    • 03

      而body里面就是設計網頁的本家兒體內容了,不管是網頁的導航、內容、仍是友情鏈接都是在body里面。如下圖:

    • 04

      聯系關系css需要在Adobe Dreamweaver右下方,屬性里面找到附加樣式表。如下圖:

    • 05

      然后會彈出一個毗連外部樣式表,點擊瀏覽,找到適才保留的style.css文件,雙擊返回對方框后點擊確定,就會下代碼去里面主動生當作一段引入外部樣式代碼,即link。如下圖:

    • 06

      然后在Adobe Dreamweaver東西欄里面就會呈現適才添加的style文件,然后在style.css里面輸入網頁樣式代碼。如下圖:

    • 07

      css里面的代碼在html里面挪用,都是以div來挪用,具體如下圖:

    • End

    出格提醒

    設計網站前,必然要出結果圖哦

    • 發表于 2018-03-12 00:00
    • 閱讀 ( 610 )
    • 分類:電腦網絡

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆