網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)心得體會5篇-資料下載頁
2025-04-15 03:50本頁面
【正文】 3可以方便地在網(wǎng)頁中插入圖像，還可以設(shè)置圖像邊框、大小、和位置，并且可以直接對圖像進(jìn)行編輯。在網(wǎng)頁中加入圖像的操作非常簡單： ，把光標(biāo)定位在網(wǎng)頁的開始位置。 “工具”菜單，選擇“圖片”菜單項(xiàng)，在子菜單中選擇“來自文件”菜單項(xiàng)，或者單擊工具欄中的圖片工具圖標(biāo)，彈出一個(gè)“圖片”對話框?！盀g覽”按鈕，出現(xiàn)一個(gè)“選擇文件”對話框?！斑x擇文件”對話框的文件列表中選擇某個(gè)圖像文件，然后單擊“確定”按鈕，或直接雙擊該圖像文件，該圖像即被加入到網(wǎng)頁中。在網(wǎng)頁中插入圖像后我們就可以對圖像的各種屬性進(jìn)行設(shè)置了。(2)圖像的各種屬性設(shè)置 ，單擊鼠標(biāo)右鍵，彈出一個(gè)快捷菜單，在菜單中選擇“圖片屬性”菜單項(xiàng)，出現(xiàn)一個(gè)“圖片屬性”“外觀”選項(xiàng)卡。 (1)設(shè)定圖像邊框粗細(xì)：在“外觀”選項(xiàng)卡的“布局”欄里可以根據(jù)需要定義圖像的邊框，也可以定義邊框值為“0”，即無邊框。 (2)設(shè)置圖像環(huán)繞方式：一般情況下一幅圖像只能與一行文字處在同一高度，但有時(shí)需要將圖像和文字分開，且兩者互不影響。比如在網(wǎng)頁左邊插入一幅圖像，要求右邊的文字就像沒有圖像時(shí)可以多行輸入，這就要通過設(shè)置圖像的環(huán)繞方式來實(shí)現(xiàn)。在網(wǎng)頁中圖像的環(huán)繞方式有兩種： ①左環(huán)繞：圖像在左邊，文本在圖像的右邊進(jìn)行環(huán)繞。 ②右環(huán)繞：圖像在右邊，文本在圖像的左邊進(jìn)行環(huán)繞。 在“外觀”選項(xiàng)卡的“布局”欄中打開“對齊方式”下拉列表框，選擇“左” 網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)心得5 一、實(shí)驗(yàn)?zāi)康模毫私釮HTML中涉及的技術(shù)。 HTML語言的組成及特點(diǎn)，學(xué)會利用HTML語言編輯網(wǎng)頁。 了解CSS。 了解網(wǎng)站開發(fā)的流程。 二、實(shí)驗(yàn)內(nèi)容 ，利用記事本實(shí)現(xiàn)唐詩實(shí)例。 (1):在“記事本”中輸入虞美人的文本。 (2):選擇“文件”—“保存”命令，將該文件保存為“”，此時(shí)該文檔將顯示IE圖標(biāo)。 (3):打開圖標(biāo)。 如圖所示： 2. 在Dreamweaver中輸入如下代碼： (包括分行及分段效果) 角標(biāo)的實(shí)現(xiàn)：在拆分視圖下的文本編輯區(qū)域輸入X1，然后看其在代碼編輯區(qū)的變化。想要實(shí)現(xiàn)上下角標(biāo)要用到角標(biāo)在字母的上方。 角標(biāo)在字母的下方。 紅色字體的實(shí)現(xiàn)：在文本編輯區(qū)域回車編寫“這是紅色的字”然后選中這行字在屬性面板中選擇顏色為紅色。 粗體字的實(shí)現(xiàn)：在文本編輯區(qū)域回車編寫“這是粗體字”然后選中這行字在屬性面板中點(diǎn)擊粗體。 斜體字的實(shí)現(xiàn)：在文本編輯區(qū)域回車編寫“這是斜體字”然后選中這行字在屬性面板中點(diǎn)擊斜體 他的URL：：// 目 標(biāo)：谷歌的目標(biāo)是“萬能搜索” 此網(wǎng)站的導(dǎo)航利用超連接及表單等實(shí)現(xiàn)導(dǎo)航的 實(shí)驗(yàn)二、Dreamweavor應(yīng)用 一、實(shí)驗(yàn)?zāi)康模赫莆杖绾卧贒reamweaver中進(jìn)行網(wǎng)頁編輯。 掌握Dreamweaver中站點(diǎn)的設(shè)置。 掌握網(wǎng)站空間的申請及網(wǎng)頁的上傳。 二、實(shí)驗(yàn)內(nèi)容 ，利用DreamWeavor完成，并注意在拆分視圖下，觀察它是如何將格式操作變成HTML代碼的。 ，制作唐詩宋詞網(wǎng)站的首頁。 ，并為唐詩宋詞網(wǎng)站規(guī)劃網(wǎng)站文件夾結(jié)構(gòu) 第 10 頁 共 10 頁
數(shù)學(xué)相關(guān)推薦
鄂ICP備17016276號-1