web網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告-文庫(kù)吧資料
2025-03-12 07:37本頁(yè)面
【正文】 的水印效果，當(dāng)網(wǎng)頁(yè)滾動(dòng)時(shí)，背景不動(dòng)，只有網(wǎng)頁(yè)內(nèi)容滾動(dòng)，產(chǎn)生一種透明層的效果，非常吸引人。 “選擇背景圖像”對(duì)話框中單擊“瀏覽文件”按鈕，出現(xiàn)一個(gè)“選擇文件”對(duì)話框。 ，彈出的快捷菜單里選“網(wǎng)頁(yè)屬性”，彈出“網(wǎng)頁(yè)屬性”對(duì)話框 . “背景”選項(xiàng)卡。這樣做可以使制作 的網(wǎng)頁(yè)更美觀好看。 另外，為了使圖片更符合要求，我們還在 photoshop cs3中隊(duì)所用的圖片進(jìn)行了處理，使得圖片看起來(lái)更加精細(xì)美觀，符合我們的主題要求。外還可以在“外觀”選項(xiàng)卡的“水平間距”和“垂直間距”欄里進(jìn)行設(shè)置，水平間距是指圖像與周圍元素在水平方向的間距，以象素為單位；垂直間 距指圖像與周圍元素在垂直方向的間距。設(shè)置圖像縮放比例就是將圖像設(shè)置為大小可以按比例變化， 與瀏覽器的大小成一固定比例，這樣在不同大小的瀏覽器窗口里圖像都能正常的顯示外觀。調(diào)整圖像大小非常簡(jiǎn)單靈活，只要你選中加入的圖像，用鼠標(biāo)左鍵拖動(dòng)圖像邊框，可任意調(diào)整圖像的寬度和高度直到達(dá)到你滿意的尺寸。 在“外觀”選項(xiàng)卡的“布局”欄中打開(kāi)“對(duì)齊方式”下拉列表框，選擇“左”選項(xiàng)，并單擊“確定”按鈕，圖像就被設(shè)置為左環(huán)繞方式，同樣，如果選“右”，圖像就被設(shè)置為右環(huán)繞方式。在網(wǎng)頁(yè)中圖像的環(huán)繞方式有兩種： ①左環(huán)繞：圖像在左邊，文本在圖像的右邊進(jìn)行環(huán)繞。 (2)設(shè)置圖像環(huán)繞方式： 一般情況下一幅圖像只能與一行文字處在同一高度，但有時(shí)需要將圖像和文字分開(kāi)，且兩者互不影響。 （ 2）圖像的各種屬性設(shè)置 ，單擊鼠標(biāo)右鍵，彈出一個(gè)快捷菜單，在菜單中選擇“圖片屬性”菜單項(xiàng)，出現(xiàn)一個(gè)“圖片屬性”對(duì)話框 . “外觀”選項(xiàng)卡。 “選擇文件”對(duì)話框的文件列表中選擇某個(gè)圖像文件，然后單擊“確定”按鈕，或直接雙擊該圖像文件，該圖像即被加入到網(wǎng)頁(yè)中。 “工具”菜單，選擇“圖片”菜單項(xiàng)，在子菜單中選擇“來(lái)自文件”菜單項(xiàng)，或者單擊工具欄中的圖片工具圖標(biāo)，彈出一個(gè)“圖片”對(duì)話框。 （ 1）在網(wǎng)頁(yè)中插入圖像 利用 Dreamweaver cs3可以方便地在網(wǎng)頁(yè)中插入圖像，還可以設(shè)置圖像邊框、大小、和位置，并且可以直接對(duì)圖像進(jìn)行編輯。如果網(wǎng)頁(yè)做得像一幅風(fēng)景畫(huà)，瀏覽者一定會(huì)流連忘返（如果圖片很大，效果會(huì)適得其反）。 （二）網(wǎng)頁(yè)中的圖像 圖像傳輸是 WWW的真正魅力所在，它與文字相比具有顯著的優(yōu)點(diǎn)：一是直觀，人眼觀看圖像時(shí)接受信息的速度遠(yuǎn)遠(yuǎn)超過(guò)觀看文字時(shí)接受信息的速度；二是能更清楚地表達(dá)細(xì)節(jié)內(nèi)容。建立一個(gè)大概的布局。大家都知道，沒(méi)有表格的幫助，很難組織出一個(gè)協(xié)調(diào)合理的頁(yè)面。 Dreamweaver cs3是大多數(shù)人設(shè)計(jì)網(wǎng)頁(yè)的稱手兵器，也是眾多入門者的捷徑。 我們選做的主題是個(gè)人主頁(yè)，并且選定題目為“ C羅球迷之家”，其目的是做一個(gè)簡(jiǎn)單的網(wǎng)站，介紹 C羅的各個(gè) 方面，提供一定的資訊信息。調(diào)研方式主要是上網(wǎng)查閱資料，在圖書(shū)館里翻閱相關(guān)書(shū)籍。 二、 設(shè)計(jì)題目 《 C羅球迷之家》 三、 結(jié)構(gòu) 設(shè)計(jì) 選定主題，確定題目之后，在做整個(gè)網(wǎng)站之前對(duì)網(wǎng)站進(jìn)行需求分析。增強(qiáng)動(dòng)手實(shí)踐能力，進(jìn)一步加強(qiáng)自身綜合素質(zhì)。根據(jù)題目的要求，給出網(wǎng)頁(yè)設(shè)計(jì)方案，可以按要求，利用合適圖文素材設(shè)計(jì)制作符合要求的網(wǎng)頁(yè)設(shè)計(jì)作品。 我們當(dāng)代大學(xué)生更是離不開(kāi)網(wǎng)絡(luò)給我們帶來(lái)的好處與便利 .但是 ,我們成天瀏覽的網(wǎng)站網(wǎng)頁(yè)到底是如何制作的呢 ?我想這一點(diǎn)很多同學(xué)都沒(méi)有去深究過(guò) .所以 ,這學(xué)期我選擇了 ” web網(wǎng)頁(yè)設(shè)計(jì) ” 這門課 , 本 課程的設(shè)計(jì)目的是通過(guò)實(shí)踐使同學(xué)們經(jīng)歷網(wǎng)頁(yè)制作的全過(guò)程 . 通過(guò)設(shè)計(jì)達(dá)到掌握網(wǎng)頁(yè)設(shè)計(jì)、制作的技巧。 課程設(shè)計(jì)報(bào)告書(shū) 2021/2021 學(xué)年第 1 學(xué)期 設(shè) 計(jì) 題 目： Web 網(wǎng)頁(yè)制作實(shí)驗(yàn)報(bào)告 年 級(jí) 專 業(yè)： 08 級(jí)市場(chǎng)營(yíng)銷 姓 名 學(xué) 號(hào)： 指 導(dǎo) 老 師： 經(jīng)濟(jì)管理系 12 月 20 日 目 錄 一 、 設(shè)計(jì)目的 ................................................. 3 二、設(shè)計(jì) 題目 ................................................. 3 三 、結(jié)構(gòu)設(shè)計(jì) ................................................. 3 四 、技術(shù)分析 ................................................. 4 五 、設(shè)計(jì)過(guò)程 ................................................. 7 六 、 實(shí)驗(yàn)心得 ............................................... 10 七 、實(shí)驗(yàn)總結(jié) ..
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1