亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁設(shè)計(jì)

Dreamweaver的使用方法參考

時(shí)間:2024-08-19 18:26:43 網(wǎng)頁設(shè)計(jì) 我要投稿
  • 相關(guān)推薦

Dreamweaver的使用方法參考

  Dreamweaver表格的使用

  1、點(diǎn)擊插入/表格,打開表格面板進(jìn)行設(shè)置。行數(shù)、列數(shù)、寬度、邊框等,“單元格填充”為單元格內(nèi)側(cè)與內(nèi)容的距離;“單元格間距”為單元格之間的距離,單位均為像素。

  2、插入表格后,在表格的邊框上點(diǎn)擊一下,可以全選整個(gè)表格。然后在下面的屬性面板里可以進(jìn)行各種設(shè)置。

  3、把光標(biāo)移到其中一個(gè)單元格,此時(shí)看到的屬性面板,就是單元格的屬性面板。也可以進(jìn)行各種關(guān)于單元格的操作。如背景色、背景圖、邊框、合并、拆分等。

  Dreamweaver關(guān)于表格的其他操作

  Dreamweaver關(guān)于表格的其他操作一制作細(xì)線表格 原理:

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

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

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

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

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

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

  3、切換到代碼和設(shè)計(jì)窗口,將代碼

  Dreamweaver用表格構(gòu)建完整的頁面

  一網(wǎng)頁頂部(一般包括圖標(biāo)、廣告、導(dǎo)航菜單) Dreamweaver用表格構(gòu)建完整的頁面

  1、創(chuàng)建一個(gè)1行2列,寬為760像素,邊框及邊距均為0的表格。

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

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

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

  5、將光標(biāo)置于剛完成的表格之后,插入/表格,創(chuàng)建一個(gè)1行1列,寬為760像素,邊框及邊距均為0的表格。

  6、選中剛創(chuàng)建的表格,設(shè)置排列方式為居中對齊,背景色為#005173。

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

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

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

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

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

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

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

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

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

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

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

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

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

  三網(wǎng)頁底部(一般包括版權(quán)信息及其他相關(guān)內(nèi)容)

  1、 將光標(biāo)置于主體表格后,插入/表格,創(chuàng)建一個(gè)2行2列,寬為760像素,邊框及邊距均為0的表格。

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

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

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

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

  6、 插入/圖像,插入一個(gè)GO的圖像。

  7、 設(shè)置頁屬性。點(diǎn)擊菜單修改/頁面屬性,在標(biāo)題一欄中輸入標(biāo)題,并選擇背景圖像,將頂部邊界設(shè)為0。

  ***將整個(gè)網(wǎng)頁分部分放到不同的表格中組合而成,還可以加快瀏覽器讀取頁面的時(shí)間。;因?yàn)闉g覽器是讀完整個(gè)表格后才顯示內(nèi)容的,所以最好不要框在整個(gè)一個(gè)表格中。

  Dreamweaver用布局表格構(gòu)建完整的頁面

  1、 單擊插入/布局,里面的布局視圖按鈕,就切換到布局視圖狀態(tài)(默認(rèn)為標(biāo)準(zhǔn)視圖)。也可以用菜單里的查看/表格視圖/布局視圖來進(jìn)入。

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

  3、 就像上一個(gè)例子一樣,先繪制好網(wǎng)頁的頂部,再中部,再底部的大表格。

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

  5、 返回到標(biāo)準(zhǔn)視圖,在已經(jīng)劃分好的表格里,再插入嵌套的小的表格,把頁面再細(xì)化,就可以完成整個(gè)頁面的設(shè)計(jì)了。

  ****注意把整個(gè)頁面都放在一個(gè)大的布局表格中,因?yàn)檫@樣的網(wǎng)頁瀏覽速度會很慢。應(yīng)該按照頁面的版面和內(nèi)容劃分出幾個(gè)布局表格,然后在其中分別插入布局單元格。

  在Word表格中快速復(fù)制公式

  在Word表格中快速復(fù)制公式

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

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

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

【Dreamweaver的使用方法參考】相關(guān)文章:

Dreamweaver網(wǎng)頁常用工具欄使用方法02-25

關(guān)于Dreamweaver 網(wǎng)頁常用工具欄使用方法02-25

關(guān)于Dreamweaver02-28

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

Dreamweaver的應(yīng)用分析02-26

Dreamweaver使用教程02-27

DreamWeaver技巧大全02-28

制作dreamweaver的技巧02-27

Dreamweaver的使用優(yōu)點(diǎn)05-16