網(wǎng)頁設計11-圖像資料_第1頁
網(wǎng)頁設計11-圖像資料_第2頁
網(wǎng)頁設計11-圖像資料_第3頁
網(wǎng)頁設計11-圖像資料_第4頁
網(wǎng)頁設計11-圖像資料_第5頁
已閱讀5頁，還剩13頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

網(wǎng)頁設計11-圖像資料第一頁，共18頁。

知識技能目標1、通過實訓項目熟練掌握css對頁面圖像設置的綜合運用。第二頁，共18頁。

實訓內(nèi)容css對頁面圖像設置的綜合運用第三頁，共18頁。

實訓項目實訓一、水果沙龍網(wǎng)頁第四頁，共18頁。課堂實踐實踐項目：CSS設置圖像效果第五頁，共18頁。課堂實踐<div>水果沙龍</div> <p>香蕉</p> <p>芭蕉科(Musaceae)芭蕉屬(Musa)植物，又指其果實，熱帶地區(qū)廣泛栽培食用。香蕉味香、富於營養(yǎng)，終年可收獲，在溫帶地區(qū)也很受重視。植株為大型草本，從根狀莖發(fā)出，由葉鞘下部形成高3～6公尺(10～20呎)的假桿；葉長圓形至橢圓形，有的長達3～3.5公尺(10～11.5呎)，寬65公分(26吋)，10～20枚簇生莖頂。穗狀花序大，由假桿頂端抽出，花多數(shù)，淡黃色；果序彎垂，結(jié)果10～20串，約50～150個。植株結(jié)果後枯死，由根狀莖長出的吸根繼續(xù)繁殖，每一根株可活多年。<br/> 香蕉為芭蕉科植物甘蕉的果實。原產(chǎn)亞洲東南部，我國海南、臺灣、廣東、廣西、福建、四川、云南、貴州等也均有栽培，以臺灣、廣東最多。秋季果實成熟時采收，經(jīng)處理脫澀后，洗凈鮮用。我國栽培的有甘蕉，粉蕉兩個品種。甘蕉果形短而稍圓，粉蕉果形小而微彎。其果肉香甜，除供生食外，還可制作多種加工品。</p> <p>葡萄</p><p>葡萄屬葡萄科植物葡萄的果實，為落葉藤本植物，是世界最古老的植物之一。葡萄原產(chǎn)于歐洲、西亞和北非一帶。據(jù)考古資料，最早栽培葡萄的地區(qū)是小亞細亞里海和黑海之間及其南岸地區(qū)。大約在7000年以前，南高加索、中亞細亞、敘利亞、伊拉克等地區(qū)也開始了葡萄的栽培。多數(shù)歷史學家認為波斯(即今日伊朗)是最早釀造葡萄酒的國家。歐洲最早開始種植葡萄并進行葡萄酒釀造的國家是希臘。在我國長江流域以北各地均有產(chǎn)，主要產(chǎn)于新疆、甘肅、山西、河北、山東等地。莖蔓長達10～20米。單葉，互生?；ㄐ?，黃綠色，組成圓錐花序。漿果圓形或橢圓形，因品種不同，有白、青、紅、褐、紫、黑等不同果色。果熟期8～10月，中國栽培葡萄已有2000多年歷史，相傳為漢代人張騫引入。<br/>葡萄品種很多，全世界約有上千種，總體上可以分為釀酒葡萄和食用葡萄兩大類。世界栽培品系有歐洲品系(Europeangrape)及美洲品系(Foxgrape)兩大系統(tǒng)，根據(jù)其原產(chǎn)地不同，分為東方品種群及歐洲品種群。我國栽培歷史久遠的“龍眼”、“無核白”、“牛奶”、“黑雞心”等均屬于東方品種群?！懊倒逑恪?、“佳麗釀”等屬于歐洲品種群。鮮用或陰干備用。<br/>在果品中，葡萄的資歷最老，據(jù)古生物學家考證，在新生代第三地層內(nèi)就發(fā)現(xiàn)了葡萄葉和種子的化石，證明距今六百五十多萬年前就已經(jīng)有了葡萄。有的學者認為在23000萬年前至6700萬年前就有類似葡萄的植物。</p> <p>菠蘿</p> <p>菠蘿原名鳳梨，原產(chǎn)巴西,16世紀時傳入中國,有70多個品種,嶺南四大名果之一。菠蘿含用大量的果糖，葡萄糖，維生素A、B、C，磷，檸檬酸和蛋白酶等物。味甘性溫，具有解暑止渴、消食止瀉之功，為夏令醫(yī)食兼優(yōu)的時令佳果。<br/> 菠蘿屬于鳳梨科，鳳梨屬多年生草本果樹植物，營養(yǎng)生長迅速，生產(chǎn)周期短，年平均氣溫23℃以上的地區(qū)終年可以生長。菠蘿果頂有冠芽，性喜溫暖。臺灣菠蘿表皮沒有大陸產(chǎn)的菠蘿那么粗糙，有的略呈倒圓錐型，肉質(zhì)比普通菠蘿細膩得多，基本沒澀味，水分充足。菠蘿果形美觀，汁多味甜，有特殊香味，是深受人們喜愛的水果。<br/>目前，菠蘿已廣泛分布在南北回歸線之間，成為世界重要的果樹之一。16世紀中期由葡萄牙的傳教士帶到澳門，然后引進到廣東各地，后在廣西、福建、臺灣等省栽種，經(jīng)過長期的選育，陸續(xù)生產(chǎn)了許多品種。</p> <p>蘋果</p> <p>蘋果，古稱柰，又叫滔婆，酸甜可口，營養(yǎng)豐富，是老幼皆宜的水果之一[3]。它的營養(yǎng)價值和醫(yī)療價值都很高，被越來越多的人稱為“大夫第一藥”。<br/>蘋果原產(chǎn)于歐洲、中亞和我國新疆西部一帶，栽培歷史已有5000年,以上已有一個朝代之久。中亞野蘋果被認為是現(xiàn)代栽培蘋果發(fā)源地之一，為歐洲及美國栽培蘋果的原始種。歐洲蘋果栽培起源于希臘，隨著300年前新大陸的發(fā)現(xiàn)，蘋果由歐洲傳入了美洲，日本在明治維新時代從歐美引入栽培，現(xiàn)代栽培蘋果乃傳至亞洲，此后澳洲、非洲也相繼引入栽培。我國原產(chǎn)的綿蘋果在秦漢時代就有記載，在魏晉時代已有栽培。賈思勰的《齊民要術(shù)》有關(guān)于柰和林檎的詳細闡述。柰就是現(xiàn)在的蘋果，包括檳子在內(nèi)。林檎即沙果，故蘋果在我國的栽培歷史已有二千多年，我國陜西、甘肅、新疆、青海至今仍有綿蘋果分布，河西走廊地區(qū)是其中心產(chǎn)區(qū)。目前作為經(jīng)濟栽培的品種大部分由國外進入，被稱為西洋蘋果，栽培歷史不到200年。</p> <p>梨</p> <p>我國是梨屬植物中心發(fā)源地之一，亞洲梨屬的梨大都源于亞洲東部，日本和朝鮮也是亞洲梨的原始產(chǎn)地；國內(nèi)栽培的白梨、砂梨、秋子梨都原產(chǎn)我國。根據(jù)“詩經(jīng)”、“齊民要術(shù)”等古籍記載，我國梨樹栽培的歷史在4000年以上。梨樹是我國南北各地栽培最為普遍的一種果樹，據(jù)1995年資料統(tǒng)計，梨園面積已發(fā)展到859.95萬畝，僅次于蘋果和柑橘，在國內(nèi)名列第三位?！渡钪蒿L土記》物產(chǎn)篇記載梨雍正志大小不一饒陽有安平有魏文帝昭真定郡梨甘若蜜脆若凌可以解煩消？盧毓冀州論云常山好梨蘇頌云紫花梨療心熱青城山邢道人以此進唐武宗后求之不可得常山郡有一株緘封以進帝多食之歲久木枯不復有種。<br/>梨果實供鮮食，肉脆多汁，酸甜可口，風味芳香優(yōu)美。富含糖、蛋白質(zhì)、脂肪、碳水化合物及多種維生素，對人體健康有重要作用。梨果還可以加工制作梨干、梨脯、梨膏、梨汁、梨罐頭等，也可用來釀酒、制醋。梨果還有醫(yī)用價值，可助消化、潤肺清心，消痰止咳、退熱、解毒瘡的功效，還有利尿、潤便的作用。梨木細致，軟硬適度，是雕刻印章和高級家具的原料。梨含有蛋白質(zhì)，脂肪，糖，粗纖維，鈣、磷、鐵等礦物質(zhì)，多種維生素等，具有降低血壓、養(yǎng)陰清熱的功效，患高血壓、心臟病、肝炎、肝硬化的病人，經(jīng)常吃些梨大有益處；能促進食欲，幫助消化，并有利尿通便和解熱作用，可用于高熱時補充水分和營養(yǎng)。煮熟的梨有助于腎臟排泄尿酸和預防痛風、風濕病和關(guān)節(jié)炎。梨具有潤燥消風、醒酒解毒等功效，在秋季氣候干燥時，人們常感到皮膚搔癢、口鼻干燥，有時干咳少痰，每天吃一兩個梨可緩解秋燥，有益健康。</p> <p>櫻桃</p> <p>櫻桃屬于薔薇科落葉喬木果樹，朋友們可別把櫻桃和櫻花混為一談哦。櫻桃成熟時顏色鮮紅，玲瓏剔透，味美形嬌，營養(yǎng)豐富，醫(yī)療保健價值頗高，又有“含桃”的別稱。我國作為果樹栽培的櫻桃有中國櫻桃、甜櫻桃、酸櫻桃和毛櫻桃。櫻桃成熟期早，有早春第一果的美譽，號稱“百果第一枝”。據(jù)說黃鶯特別喜好啄食這種果子，因而名為“鶯桃”。<br/>野櫻桃在亞洲和歐洲各有兩個大品種，互相沒有任何聯(lián)系，后來的其他櫻桃都是培育出來的。在世界上主要在北半球分布，在國內(nèi)主要產(chǎn)于安徽、遼寧、河北、陜西、甘肅、山東、河南、江蘇、浙江、江西、四川。生于山坡陽處或溝邊，常栽培，海拔300~600米。陜西省西鄉(xiāng)縣有西北最大的櫻桃基地－櫻桃溝，每年4月下旬舉辦櫻桃節(jié)。中國貴州省安順市境內(nèi)鎮(zhèn)寧布依族苗族自治縣境內(nèi)勝產(chǎn)此種水果。</p>1.新建頁面，建立頁面的基本結(jié)構(gòu)，并在正文中添加文本第六頁，共18頁。課堂實踐<head>……<style><!--body{background-color:#D2F4DD; /*頁面背景色*/}p{ font-size:13px; /*段落文字大小*/}.title{ font-size:43px; /*標題文字大小*/ color:#660066;/*標題顏色*/ border-bottom-color:#6633FF; font-family:"隸書"; text-transform:capitalize; text-align:center;}p.title1{ /*左側(cè)標題*/ text-decoration:underline; /*下劃線*/ font-size:18px; font-weight:bold; /*粗體*/ text-align:left; /*左對齊*/ color:#ffffff;/*標題顏色*/ background-color:#336600;/*標題背景色*/}p.title2{ /*右側(cè)標題*/ text-decoration:underline; font-size:18px; font-weight:bold; text-align:right; color:#ffffff; background-color:#336600;}p.content{ /*正文內(nèi)容*/ line-height:1.2em; /*正文行間距*/ margin:0px;}--></style></head><body><pclass="title">水果沙龍</p><pclass="title1">香蕉</p>…… <pclass="title2">葡萄</p> ……1.添加各類標題的樣式第七頁，共18頁。課堂實踐<head>……<style><!--.title{ font-size:43px; /*標題文字大小*/ color:#660066;/*標題顏色*/

filter:glow(color=#660066,strength=10); border-bottom-color:#6633FF; font-family:"隸書"; text-transform:capitalize; text-align:center;}-->……1.添加標題的濾鏡樣式？思考：標題的濾鏡效果？為何？第八頁，共18頁。課堂實踐<head>……<style><!--span.first{ /*首字放大*/ font-size:60px; font-family:黑體; float:left; font-weight:bold; color:#336600; /*首字顏色*/}--></style></head><body>……<pclass="title1">香蕉</p><p><spanclass="first">芭</span></p> <pclass="content">蕉科(Musaceae)芭蕉屬(Musa)植物，……2.設置首字的樣式第九頁，共18頁。課堂實踐<body>……<imgsrc="banana.jpg"><pclass="title1">香蕉</p> <imgsrc="banana.jpg"><p><spanclass="first">芭</span></p> <pclass="content">蕉科(Musaceae)芭蕉屬(Musa)植物，……<pclass="title2">葡萄</p> <imgsrc="grape.jpg"width="180"height="145">3.添加圖像第十頁，共18頁。課堂實踐<head>……<style><!--img{ width:110px; /*相對高度*/ height:20%; /*絕對寬度*/}4.添加圖像效果第十一頁，共18頁。課堂實踐<head>……<style><!--img.pic1{ float:left; /*左側(cè)圖片混排*/ margin-right:10px; /*圖片右端與文字的距離*/ margin-bottom:5px; border-style:dotted; /*點畫線*/ border-color:#FF9900; /*邊框顏色*/ border-width:5px; /*邊框粗細*/}4.添加圖像效果（左）第十二頁，共18頁。課堂實踐擴展：把圖像的樣式設置成課本P143圖11.2和11.3的效果4.添加圖像效果（左）第十三頁，共18頁。課堂實踐<head>……<style><!--img.pic2{ float:right; /*右側(cè)圖片混排*/ ……}4.添加圖像效果（右）第十四頁，共18頁。課后作業(yè)

1.自選題材參照課本P147中的例子，創(chuàng)建一網(wǎng)頁10-1.htm應用

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論