<delect id="sj01t"></delect>
  1. <em id="sj01t"><label id="sj01t"></label></em>
  2. <div id="sj01t"></div>
    1. <em id="sj01t"></em>

            <div id="sj01t"></div>
            網頁設計

            Dreamweaver的使用方法參考

            時間:2025-03-28 12:21:44 網頁設計 我要投稿
            • 相關推薦

            Dreamweaver的使用方法參考

              Dreamweaver表格的使用

              1、點擊插入/表格,打開表格面板進行設置。行數、列數、寬度、邊框等,“單元格填充”為單元格內側與內容的距離;“單元格間距”為單元格之間的距離,單位均為像素。

              2、插入表格后,在表格的邊框上點擊一下,可以全選整個表格。然后在下面的屬性面板里可以進行各種設置。

              3、把光標移到其中一個單元格,此時看到的屬性面板,就是單元格的屬性面板。也可以進行各種關于單元格的操作。如背景色、背景圖、邊框、合并、拆分等。

              Dreamweaver關于表格的其他操作

              Dreamweaver關于表格的其他操作一制作細線表格 原理:

              1、選中整個表格,設置其背景為黑色(該顏色即表格線的顏色)。

              2、選中所有單元格,設置其背景為白色。二自動格式化表格

              1、先制作好一張表格,然后選中。

              2、選菜單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。三一像素分割條

              1、插入一個1行1列,寬為200像素,邊框邊距均為0的表格。

              2、選中表格,設置表格高為1像素,并設置一個背景色(即所要的線條顏色)。

              3、切換到代碼和設計窗口,將代碼

              Dreamweaver用表格構建完整的頁面

              一網頁頂部(一般包括圖標、廣告、導航菜單) Dreamweaver用表格構建完整的頁面

              1、創建一個1行2列,寬為760像素,邊框及邊距均為0的表格。

              2、選中表格,設置排列方式為居中對齊,背景色為#3366CC。

              3、將光標置于左邊單元格中,設置其水平排列為左對齊,垂直排列為頂端對齊,然后插入一張圖像,一般在此插入的是網站的圖標,即logo。

              4、將光標置于右邊單元格中,設置其寬度為500,水平排列為居中對齊,垂直排列為中間,然后插入圖像,一般是網頁廣告,即banner。

              5、將光標置于剛完成的表格之后,插入/表格,創建一個1行1列,寬為760像素,邊框及邊距均為0的表格。

              6、選中剛創建的表格,設置排列方式為居中對齊,背景色為#005173。

              7、在該表格中依次插入多個圖像,作為導航條菜單。二網頁中部(左邊欄目列表、中間網站新聞、右邊欄目列表)

              1、 在導航條表格后面,插入/表格,創建一個1行3列,寬為760像素,邊框及邊距均為0的表格。并設置排列方式為居中對齊,背景色為#FFFFFFF。

              2、 將光標置于左邊單元格中,設置其寬度為18%,水平排列為居中對齊,垂直排列為頂端對齊,然后插入一張圖像,插入一個導航條。

              3、 將光標置于剛插入的圖片后,插入/表格,插入一個12行1列,寬為90%的表格。設置其單元格間距為1,背景色為#CCCCCC。

              4、 將光標放在表格第一個單元中,設置其高為20,背景色為#FFFFFF。插入/圖像,插入一個導航文字前面的小點。同樣設置其他11個單元格,這樣左邊的欄目分類列表就完成了。

              5、 將光標置于主體表格的中間單元格中,設置其寬度為66%,水平排列為居中對齊,垂直排列為頂端對齊,然后插入/圖像,插入一個導航條。

              6、 將光標置于圖像后,插入/表格,插入一個4行1列,寬為95%的表格。設置其單元格間距為1,背景色為#CCCCCC。

              7、 將光標置于表格的第一個單元格中,拖動鼠標,將4個單元格都選中,設置高為60,背景色為#FFFFFF。

              8、 將光標置于主體表格右邊的單元格中,設置其寬度為16%,水平排列為居中對齊,垂直排列為頂端對齊,插入/圖像,插入一個導航條。

              9、 將光標置于圖像后,插入/表格,插入一個7行一列,寬為90%的表格。設置其間距為1,背景色為#CCCCCC。

              10、按住Ctrl鍵,用鼠標點擊剛插入的表格的第1、3、5、7單元格,然后設置它們的高為55,背景色為#FFFFFF。

              11、選中第2、4、6單元格,設置其高為6,背景色為#FFFFFF。

              12、切換到源代碼窗口,將第2、4、6單元格中的空格符號“ ”刪除。

              三網頁底部(一般包括版權信息及其他相關內容)

              1、 將光標置于主體表格后,插入/表格,創建一個2行2列,寬為760像素,邊框及邊距均為0的表格。

              2、 選中表格,設置排列方式為居中對齊,背景色為#3366CC。

              3、 將光標置于表格第1行的左邊單元格中,設置其寬度為50%,水平排列為默認,垂直排列為基線,背景色為#FFFFFF,然后輸入版權信息,內容顏色隨便。

              4、 將光標置于表格第1行右邊單元格中,插入/圖像,插入一個圓角圖像,在它后面輸入Email字樣,設置其大小和顏色為1和#FFFFFF。

              5、 插入/表單對象/文本域,插入一個文本域,寬度可以隨意。

              6、 插入/圖像,插入一個GO的圖像。

              7、 設置頁屬性。點擊菜單修改/頁面屬性,在標題一欄中輸入標題,并選擇背景圖像,將頂部邊界設為0。

              ***將整個網頁分部分放到不同的表格中組合而成,還可以加快瀏覽器讀取頁面的時間。;因為瀏覽器是讀完整個表格后才顯示內容的,所以最好不要框在整個一個表格中。

              Dreamweaver用布局表格構建完整的頁面

              1、 單擊插入/布局,里面的布局視圖按鈕,就切換到布局視圖狀態(默認為標準視圖)。也可以用菜單里的查看/表格視圖/布局視圖來進入。

              2、 先單擊繪制布局表格按鈕,然后在頁面中像繪圖一樣創建出布局表格。

              3、 就像上一個例子一樣,先繪制好網頁的頂部,再中部,再底部的大表格。

              4、 再單擊繪制布局單元格按鈕,然后在已經繪制好的布局表格中,再繪制布局單元格。

              5、 返回到標準視圖,在已經劃分好的表格里,再插入嵌套的小的表格,把頁面再細化,就可以完成整個頁面的設計了。

              ****注意把整個頁面都放在一個大的布局表格中,因為這樣的網頁瀏覽速度會很慢。應該按照頁面的版面和內容劃分出幾個布局表格,然后在其中分別插入布局單元格。

              在Word表格中快速復制公式

              在Word表格中快速復制公式

              我們知道,在Excel中通過填充柄或粘貼公式可快速復制公式,而Word中沒有此項功能,但是我們在用Word制表時,也經常要復制公式,用什么方法實現公式的快速復制呢?

              方法一,在制表時選擇工具欄中的“插入MicrosoftExcel工作表”命令,將Excel表格嵌入Word當中,這樣表格就可利用填充柄和粘貼公式進行公式復制,計算非常方便。

              方法二,對某單元格進行公式計算后,不要進行任何操作,立即進入需要復制公式的單元格按F4鍵即可。

            【Dreamweaver的使用方法參考】相關文章:

            Dreamweaver空格使用方法08-26

            Dreamweaver輸入空格使用方法10-25

            dreamweaver添加超鏈接的使用方法08-06

            Dreamweaver中JavaScript行為操作使用方法09-24

            Dreamweaver代碼提示功能使用方法08-19

            Dreamweaver網頁常用工具欄使用方法08-09

            關于Dreamweaver 網頁常用工具欄使用方法09-15

            2017年GMAT作文模板使用方法及參考范文06-10

            2016年GMAT作文模板使用方法及參考范文09-20

            <delect id="sj01t"></delect>
            1. <em id="sj01t"><label id="sj01t"></label></em>
            2. <div id="sj01t"></div>
              1. <em id="sj01t"></em>

                      <div id="sj01t"></div>
                      黄色视频在线观看