第一篇:杭州市中等職業(yè)學(xué)?!毒W(wǎng)頁設(shè)計與制作》試卷
杭州市中等職業(yè)學(xué)校《網(wǎng)頁設(shè)計與制作》試卷
學(xué)校: 學(xué)籍號: 姓名:
考試說明:
1、請把教師機上“website”文件夾復(fù)制—>粘貼到本地D盤根目錄下, 上交時必須把整.......個文件夾壓縮打包,并重命名為“學(xué)籍號.rar”,不要填加空格或是其他分隔符。......................
2、此文件夾中只能包括主頁文件(index.html)和三個下級文件夾files、images、other、css。文件夾files中存放除主頁外的其他網(wǎng)頁文件(擴展名為.html),文件夾images中存放圖片(題目中所有的圖片都在改文件夾內(nèi)),文件夾css中存放樣式表文件(擴展名為.css),文件夾other中存放其他所有文件。在文件夾files、images、other、css中不得再自建子文件夾。
3、除以上規(guī)定的文件和文件夾外,其他的文件只能由小寫字母、阿拉伯?dāng)?shù)字和下劃線組成,擴展名必須為小字英文字母。
4、不按以上要求制作將做扣分處理。.................
5、考試時間:90分鐘。............
一、理論題(10分,每題1分)
1.下列不適合作為網(wǎng)頁圖像素材的是文件類型是()A.JPEG文件 B.GIF文件 C.PNG文件 D.PSD文件 2.一般網(wǎng)頁上鏈接文件使用的路徑為()A.絕對路徑 B.相對路徑 C.直通路徑 D.交叉路徑
3.在表格屬設(shè)置中,間距指的是()。A.單元格內(nèi)文字距離單元格內(nèi)部邊框的距離 B.單元格內(nèi)圖像距離單元格內(nèi)部邊框的距離 C.單元格內(nèi)文字距離單元格左部邊框的距離 D.單元格與單元格之間的寬度 4.下面說法錯誤的是()。
A.單元格可以相互全并
B.在表格中可以插入行
C.可以拆分單元格
D.在單元格中不可以設(shè)置背景圖片 5.在屬性面板的()下方設(shè)置表格的名稱。A.表格Id
B.表格名稱
C.表格邊框
D.表格內(nèi)容
6.()屏幕顯示分辨率是目前上網(wǎng)用戶最不可能采用的。A.800×600
B.1024×768 C.480×320
D.1280×1024 7.在Dreamweaver CS3中,在設(shè)置各分框架屬性時,“滾動”參數(shù)是用來設(shè)置()A.是否進行顏色設(shè)置 B.是否出現(xiàn)滾動條 C.是否設(shè)置邊框?qū)挾?D.是否使用默認邊框?qū)挾?/p>
8.可以用來表示一個網(wǎng)站所要表達的主要內(nèi)容的是()A.網(wǎng)站規(guī)劃 B.網(wǎng)站主題 C.目錄規(guī)劃 D.網(wǎng)站結(jié)構(gòu)設(shè)計9.Dreamweaver CS3中,有三種視圖模式,下列哪一種不是正確視圖模式。(A.代碼視圖 B.編輯視圖 C.拆分視圖 D.設(shè)計視圖
10.()指存放在本地計算機硬盤上的站點。
A.本地站點 B.遠程站點 C.測試站點 D.上述都不是
屬性的。)
二、操作題(90分)
1.頁面屬性的設(shè)置及圖文混排,如圖-1效果所示。(10分)
? 設(shè)置左右上下邊距為0,網(wǎng)頁標(biāo)題為“西湖十景簡介”。? 文章標(biāo)題為36號字,加粗,?要求上標(biāo)效果。
? 正文為16號字,每段開頭空兩個漢字字符大小,實現(xiàn)圖文混排效果,圖片和正文間距離為10像素,圖片有1像素的邊框,圖片的替代內(nèi)容為“西湖十景”。? 在正文前后插入水平線,高度為1像素,顏色為藍色。? 把網(wǎng)頁保存在files文件下,文件名為shijing.html。
圖-1
2.超鏈接的使用,如圖-2所示。(10分)
? 根據(jù)圖2效果所示進行網(wǎng)頁排版。
? 西湖十景:鏈接到站點內(nèi)files文件下shijing.html。
? 西湖博覽:鏈接到外部地址http://004km.cn,并要求在新窗口打開。? 與我聯(lián)系:鏈接到電子郵件admin@xihu.com。
? 圖像熱點:圖像中“西湖十景”這塊區(qū)域鏈接到站點內(nèi)files文件下shijing.html。? 返回頂部:返回到網(wǎng)頁最上方的效果。
? 關(guān)閉窗口:javascript代碼,實現(xiàn)關(guān)閉窗口效果 ? 把網(wǎng)頁保存在files文件下,文件名為pingwei.html。
圖-2
3.表格制作及CSS設(shè)置,如圖-3效果所示。(10分)
? 根據(jù)圖3效果所示進行網(wǎng)頁排版。
? 建立CSS文件,保存在css文件下,文件名為chi.css。
? 在chi.css建立類名為“.biankuang”,效果是表格或單元格的邊框為1像素的實線,顏色為“#660000”,單元格內(nèi)文字的行間距為20像素,單元格里的內(nèi)容離邊框距離為10像素。? 在chi.css建立類名為“.xuxian”,使“介紹”所在單元格的下邊框顯示為虛線。? 在相應(yīng)的地方應(yīng)用以上兩個類。
? 把網(wǎng)頁保存在files文件下,文件名為chi.html。
圖-3 4.“顯示/隱藏元素”的行為制作,如圖-4效果所示。(10分)
? 根據(jù)圖4效果所示進行網(wǎng)頁排版。
? 實現(xiàn)當(dāng)鼠標(biāo)單擊下方縮略圖時,上方顯示大圖形的效果。? 把網(wǎng)頁保存在files文件下,文件名為you.html。
圖-4
5.表單的制作,如圖-5效果所示。(10分)
? 根據(jù)圖5效果所示進行網(wǎng)頁排版。
? “姓名”單行文本框名稱為“name”,必須填寫。
? “密碼”密碼文本框名稱為“password”,密碼長度必須在6到15位。
? “表情”單選按鈕組名稱為“biaoqing”,選定值為各個圖片的文件名,第一項默認選中。
? “興趣愛好”復(fù)選框組的名稱為“xingqu”,選定值為相應(yīng)的興趣愛好,必須填寫。? “地區(qū)”列表框的名稱為“diqu”,“項目標(biāo)簽”和“值”相同,分別為“杭州市區(qū)”,“富陽市”,“桐廬縣”,“建德市”,“淳安縣”,其中“杭州市區(qū)”為默認,必須選擇。? “留言內(nèi)容”名稱為“neirong”,字符寬度為50,行數(shù)為10,最小字符數(shù)為10,最大字符數(shù)為200,要求顯示剩余的字符數(shù)。
? 更改提交按鈕和重置按鈕顯示的值,分別為“留言”和“取消”。? 把網(wǎng)頁保存在files文件下,文件名為liuyan.html。
圖-5
6.根據(jù)提供的素材與網(wǎng)頁效果制作首頁,如圖-6所示(40分)
? 制作上下格局的框架,上方框架頁保存在files文件下,文件名為top.html, 下方框架頁保存在files文件下,文件名為xihu.html,框架集保存在站點文件夾下,文件名為index.html。
? 根據(jù)圖-6效果所示進行網(wǎng)頁排版,建立CSS文件,保存在css文件下,文件名為css.css。
? 導(dǎo)航欄設(shè)定超鏈接a.link狀態(tài)顏色為白色,加粗,無下劃線,a.hover狀態(tài)顏色為黃色,加粗,無下劃線,a.visited狀態(tài)顏色為白色,加粗,無下劃線。
? 導(dǎo)航欄中“返回首頁”鏈接到index.html,“西湖十景”,“品味杭州”,“吃在杭州”,“游在杭州”,“請你留言”分別鏈接到上面5個網(wǎng)頁,要求在下方框架中顯示。? 網(wǎng)頁正文字體大小為14號字。
? 在css.css建立類名為“.biankuang”,效果是表格或單元格的邊框為1像素的實線,顏色為“#0066CC”,單元格里的內(nèi)容離邊框距離為10像素。
? 在css.css建立類名為“.xuxian”,使“概況”,“圖片展示”所在單元格的下邊框顯示為虛線。
? “圖片展示”下方圖片實現(xiàn)從右向左滾動效果。? 網(wǎng)頁整體協(xié)調(diào),具備一定的藝術(shù)欣賞效果。
圖-6
第二篇:中等職業(yè)學(xué)校網(wǎng)頁制作 練習(xí)題
一、選擇題
1、在Dreamweaver CS3的文檔中,要想連續(xù)播放時間軸動畫,下列操作正確的是
A.單擊
B.按住不放
C.在動畫條上單擊鼠標(biāo)右鍵,在彈出的菜單中選擇“播放”命令
D.雙擊動畫條
2、下列關(guān)于關(guān)鍵幀的說法,不正確的是
A.可以將普通幀轉(zhuǎn)換為關(guān)鍵幀
B.關(guān)鍵幀一經(jīng)建立,位置就不能再改變
C.關(guān)鍵幀是決定動畫走向的幀
D.一個時間軸動畫,至少要有兩個關(guān)鍵幀
3.利用鍵盤方向鍵移動層時,一次按鍵只能移動(A.1B.2C..3D.4
4.如果要同時選擇多個層,可以使用()鍵配合。
A.CTRLB.SHIFTC..ALTD.TAB
5.在網(wǎng)頁設(shè)計中,用來定位網(wǎng)頁內(nèi)容的元素包括
二、簡答題:
1、層的概念,作用分別是什么?
2、新建層的方法有哪些?
3、何謂層的嵌套?有什么作用?
4、用層和時間軸做動畫時,應(yīng)注意哪些事項?)px。和。
第三篇:中等職業(yè)學(xué)校語文試卷[定稿]
2011-2012年秋學(xué)期語文模擬試卷
(滿分120分,考試時間150分鐘)
第Ⅰ卷(共46分)
一、單項選擇題(共19題,每小題2分,共38分)
1、下列詞語中加點字,讀音相同的一項是(A)
A.墨不作聲磨坊驀然墨守成規(guī) ....
B.怦然心動蓬勃烹飪朋比為奸 ....
C.搖唇鼓舌遙望造謠沓無音信 ....
D.束手無策寬恕贖罪述而不作 ....
2、下列各組詞語中,沒有錯別字的一項是(C)..
A.防范兼收并蓄流離失所過尤不及
B.配給染眉之急貌合神離旗開得勝
C.企盼相機行事手疾眼快置若罔聞
D.滯留曲指可數(shù)借古諷今昭然若揭
3、依次填入下列各句橫線處的詞語,恰當(dāng)?shù)囊豁検牵–)
1沒有豐富的生活積累和深厚的藝術(shù)功底,是很難寫出高______的作品來的?!?/p>
2這座經(jīng)歷了數(shù)百年風(fēng)雨_____的古塔,隨時都有倒塌的可能?!?/p>
3任何人都可能被別人批評和議論,但必須是_____的和實事求是的?!?/p>
4惡劣的自然條件極大地_____著這個邊遠的小鎮(zhèn)的經(jīng)濟發(fā)展。○
A.品位侵蝕善意制約
B.品格侵襲善意限定
C.品格侵蝕誠意限定
D.品位侵襲誠意制約
4、下面句子沒有語病的一項是(B)..
A.“中國消除貧困獎評選表彰活動”,旨在評選表彰那些為中國的扶貧事業(yè)作出了積極貢獻。
B.我深切體會到翻譯在促進國家名族間的文化交流中所起到的重要作用是巨大的。
C.我們每個人都有自己獨立的精神領(lǐng)地,其他人不要以為憑借善良就可以隨意闖人。
D.嘈雜的拍攝現(xiàn)場本來鴉雀無聲、一片寂靜,大家都用眼神敬意地注視著這位敬業(yè)的老導(dǎo)演。
5、下列各句中,沒有語病的一項是(D)..
A.這位教練不喜歡無時無刻地指導(dǎo)球員的技術(shù)工作,因為他對自己的隊員們充滿了信心。
B.許多政府部門和企業(yè)單位都以充滿人文關(guān)懷的實際行動解決部分下崗職工就業(yè)。
C.“東方明珠”號是一艘設(shè)施齊全、裝修豪華、服務(wù)一流的游輪,歸屬長江輪船公司管理。
D.實踐證明,知識是點燃智慧的火把;一個知識的多寡,往往取決于他的勤奮程度。
6、下列詞語中注音全正確的一項是(D)
A、媲(bì)美蠻橫(h?ng)作揖(yī)諦(dì)聽
B、友誼(yì)山坳(ào)招徠(lái)緘(jiān)默
C、蹊(xī)蹺荼(tú)毒端睨(nì)筑窠(kē)........
D、勾(gōu)當(dāng)周匝(zá)窘(jiǒng)迫綺(qǐ)麗 ........
7、下列詞語中只有一個錯別字的一組是(D)。
A、黃粱美夢針貶時弊精美決倫草菅人命
B、無暇顧及托潁而出回腸蕩氣出神入畫
C、再接再勵風(fēng)靡一時步履維艱繁文縟節(jié)
D、水流湍急安然無恙情趣盎然積毀消骨
8、下列句子中,標(biāo)點符號使用正確的一項是(C)
A、李老師說:“學(xué)習(xí)上要不斷努力,否則就會退步。古語說得好:‘學(xué)如逆水行舟,不進則退嘛!’”
B、關(guān)于《漢文學(xué)史綱要》,他曾說過“文學(xué)史稿編制太草率”掛漏滋多的話———事實證明,他的批評很有道理。
C、我國秦嶺、淮河以北地區(qū)屬于溫帶季風(fēng)氣候區(qū),夏季高溫多雨,冬季寒冷干燥。
D、她16歲去黑龍江“屯戍墾地”,25歲回北京搞個體服裝經(jīng)營,我了解的也就這么多。
9、下列句子中畫線成語使用有誤的一項是(A)
A、對于這次活動,同學(xué)們有的贊同,有的反對,有的主張改期,議論紛紛,莫衷一是。
B、新年晚會的節(jié)目十分精彩,看到趙本山表演的小品,連一向嚴(yán)肅的父親也忍俊不禁地笑........................起來。...
C、早要20世紀(jì)30年代,他就因創(chuàng)作長篇小說《夢之音》而名噪一時成為京派作家的后起之秀。
D、雖然中國隊小組賽中整個球隊要戰(zhàn)術(shù)意識進攻手段和體能上的表現(xiàn)來看,也只能說是差強人意。
10、依次填入橫線處的詞語,與上下文銜接最恰當(dāng)?shù)囊豁検牵˙)
過了何君村,走完崎嶇的山路,眼前豁前開朗,只見一泓秋水靜臥群山之中,原來這是一座人工水庫,走過水庫前的空地便見山門在望,有廟檐翼然。_____,高大而有氣勢。___,雖其貌不揚,卻身世不凡,是省內(nèi)最大的隧道式石橋,___,無梁無柱,卻至今堅固如初。①山門上書有“玉笥名山”四個大字
②“玉笥名山”四個大字鑲嵌在山門上
③有座百花石橋在山門右側(cè)
④山門右側(cè)有座百花石橋
⑤橋身全由花崗石錯縫砌就
⑥全由花崗石錯縫砌就的橋身
A.①③⑤B.①④⑤C.①④⑥D(zhuǎn).②③⑥
11、下列各句中,沒有語病的一項是(D)
A、本屆“挑戰(zhàn)者”杯競賽從參賽高校數(shù)及參賽作品都有明顯提高。
B、投資環(huán)境的好壞、服務(wù)質(zhì)量的優(yōu)劣、政府公務(wù)人員素質(zhì)的高低,都是地區(qū)經(jīng)濟健康發(fā)展的重要保證。
C、依據(jù)紀(jì)律處罰辦法,決定給予該隊停止參加今年余下所有甲級隊比賽資格。并罰款人民幣4萬元。
D、知識分子一般眼界比較開闊,富有正義感,民族的榮辱,國家的盛衰,往往更能激起他
們的一腔報國之情。
12、下面各句修辭手法判斷正確的一句是(D)
①武漢市人民政府在抓菜籃子工程方面取得了顯著的成績,人民生活水平有了很大提高。②在人才急需的現(xiàn)代社會,不僅要有眾多的千里馬,還需要許許多多的伯樂。
③它們飛起來,迅若流星,在密密的樹枝樹葉里忽隱忽現(xiàn)。
④對于這各至美的景致,你若是靠它太近了,它就會還你一個失望。
A、借代借代比喻比喻B、借喻借喻擬人擬人
C、借喻借代擬人比喻D、借代借喻比喻擬人
D、《荷花淀》——孫犁——散文
13、下列文化常識說法正確的一項是(D)
A、“四書”指的是《詩歌》、《尚書》、《春秋》、《禮記》
B、“下九”,古人以農(nóng)歷每月的十九為下九。...................
C、“望月”指農(nóng)歷每月初十前后。
D、“足下”一般用于書信中,為同輩朋友之間的尊稱。
14、下列詞語中,沒有錯別字的一組是(D)
A、班配一籌莫展扶弱濟困看菜吃飯,量體裁衣
B、耐煩枯惡不焌攝手?jǐn)z腳己所不欲,勿施于人
C、根莖挺而走險流言蜚語如臨深淵,如履薄冰
D、模特徒有虛名莫名其妙失之毫厘,謬以千里
15、依次填入下列格局橫線處的詞語,最恰當(dāng)?shù)谝豁椊M是(A)
(1)我想擺脫一切,像一片可憐的、厭倦的藤葉,_______地往下飄,往下飄。
(2)靠近葉柄的顏色還是深綠色的,但是鋸齒形的邊緣已染上了枯敗的黃色,它_______掛在離地面二十來英寸的一根藤葉上面。
(3)冥冥中似乎有什么使那片葉子不掉下來,______了我過去是多么邪惡。
A、悠悠傲然啟示B、慢慢傲然啟事
C、悠悠毅然啟示D、慢慢毅然啟事
16、下列詞語中,加點字解釋完全正確的一組是(A)
A、融會(融合)金融(流通)融融(形容快了和睦的樣子)....
B、聳肩(微抬肩膀)高聳入云(聳立)危言聳聽(直立)...
C、躬身回禮(彎下)躬親(親自)躬行(彎下身子)...
D、繃斷(撕裂)咯繃脆(表示程度深)繃臉(板著)...
17、下列詞語中,加點字注音完全正確的一組是(A)
A、打懵(měng)麻炸(zhà)悄然(qiǎo)然穹(qi?ng)廬 .....
B、昭(zhào)告南麓(lù)傾圮(jǐ)瞥(piē)見 ....
C、干涸(gù)瘆(shan)人佇(zhù)立攫(ju?)人 ....
D、猝(zú)然掠(jīng)奪碩(shu?)大逶迤(wēi yí).....
18、下列加點詞語的解釋,全部正確的一項是(C)
A、昭告(明白,明顯)驀然(悄悄地)..
B、悄然隱去(沒有聲音)殘垣斷壁(磚頭瓦礫)..
C、焦灼(火燒)逶迤(彎彎曲曲、延續(xù)不斷)...
D、壅塞(堵塞)瞥見(仔細地看)..
19、下列各句中,沒有使用擬人手法的一句是(/)
A、你只是一片廢棄的油井和一座傾圮的油城,默默的藏身于天山南麓一條不知名的山溝。
B、樹縫里也漏著一兩點路燈光,沒精打采的,是渴睡人的眼。
C、紅柳(一種高原植物)為什么不找個避風(fēng)的地方貓著呢?
D、拐進一片干涸而寬闊的漫灘,汽車就扭起了秧歌,越扭越歡,后來干脆跳開了桑巴舞。
20、文學(xué)常識填空(8分)
(1)寫出自己說知道的當(dāng)代女作家畢淑敏的三篇散文作品:《_______》、《 _________》、《 __________ 》。
(2)散文《跨越百年的美麗》是為了紀(jì)念___________發(fā)現(xiàn)放射性鐳一百周年所寫,作者是____作家______。
(3)歐亨利是__國作家,為人熟知的作品有:《________》、《_______》等。
第Ⅱ卷(共44分)
(一)閱讀下面文字,回答21——25題
對于我們的父母,我們永遠是不可重復(fù)的孤本。無論他們有多少兒女,我們都是獨特的一個。
假如我不存在了,他們就空留一份慈愛,在風(fēng)中蛛絲般無法附麗地飄蕩。
假如我生了病,他們的心就會皺縮成石塊,無數(shù)次向上蒼祈禱我的康復(fù),甚至愿災(zāi)痛以十倍的烈度降臨于他們自身,以換取我的平安。
我的每一滴成功,都如同經(jīng)過放大鏡,進入他們的瞳孔,攝人他們的心底。
假如我們先他們而去,他們的白發(fā)會從日出垂到日暮,他們的淚水會便太平洋為之漲潮。面對這無法承載的親情,我們還敢說我不重要嗎?
我們的記憶,同自己的伴侶緊密地纏繞在一處,像兩種混淆于一碟的顏色,已無法分開。你原先是黃,我原先是藍,我們共同的顏色是綠,綠得生機勃勃,綠得蒼翠欲滴。失去了妻
1__的肋骨,心房裸露著,隨著每一陣輕風(fēng)滴血。失去了丈夫的子的男人,胸口就缺少了_○
女人,就是齊斬斬折斷的琴弦,每一根都在雨夜長久地自鳴……
2____的同道,我們?nèi)绦恼f我不重要嗎? 面對__○
俯對我們的孩童,我們是至高至尊的唯一。我們是他們最初的宇宙,我們是深不時測的3____。海洋。假如我們隱去,孩子就永失淳厚無雙的血緣之愛,天傾西北,地陷東南,___○
盤子破裂可以粘起,童年碎了,永不復(fù)原。傷口流血了,沒有母親的手為他包扎。面臨抉擇,沒有父親的智慧為他謀略……面對后代,我們有膽量說我不重要嗎?
與朋友相處,多年的相知,使我們僅憑一個微蹙的眉尖、一次睫毛的抖動,就可以明了對方的心情,假如我不在了,就像計算機丟失了一份不曾復(fù)制的文件,他的記憶庫里留下不可填補的黑洞。夜深人靜時,手指在撳了幾個電話鍵碼后,驟然停住,那一串?dāng)?shù)字再也用不著默誦了。逢年過節(jié)時,她寫下一沓沓的賀卡。輪到我的地址時,她閉上眼睛……許久之后,她將一張沒有地址只有姓名的賀卡填好,在無人的風(fēng)口將它焚化。
相交多年的密友,就如同沙漠中的古陶,摔碎一件就少一件,再也找不到一模一樣的成品。面對這般友情,我們還好意思說我不重要嗎?
我很重要。
4___的創(chuàng)意,像鴿群一般在我對于我的工作我的事業(yè),是不可或缺的主宰。我的___○
天空翱翔,只有我才捉得住它們的羽毛。我的設(shè)想像珍珠一般散落在海灘上,等待著我把它
用金線串起。我的意志向前延伸,直到地平線消失的遠方……
沒有人能替代我,就像我不能替代別人。
我很重要。
21、選擇恰當(dāng)?shù)脑~語,填在下面的橫線處。(4分)
1_____○2______○3_____○4_____ ○
A萬劫不復(fù)B生死攸關(guān)C 相濡以沫D獨出心裁
22、這段文字從哪幾方面闡明了“我很重要”的理由?(6分)
_____________________________________________________________________________________________________________________________________________________________________________________________________________________
23、這段文字使用比喻的修辭手法,生動形象地詮釋了、論證了“我很重要”的思想,試舉出三例(6分)
(1)_________________________________________________________________
(2)____________________________________________________________________
(3)____________________________________________________________________
24、解釋“相交多年的密友,就如同沙漠中的古陶,摔碎一件就少一件,再也找不到一模一樣的成品。”的含義。(3分)
______________________________________________________________________________________________________________________________________________
25、下列對這段文字的賞析,不正確的一項是()(3分)
A.圍繞“我很重要”的中心選擇材料。
B.新穎而鮮活的修辭,使語言生動形象。
C.運用了“先揚后抑”的寫作手法。
D.反復(fù)用“我很重要”不斷強化主題。
(2)閱讀下面文字,回答26——30題。
第二天早晨,蘇艾睡了一個小時醒來的時候,看到瓊珊睜著無神的眼睛,凝視著放下末的綠窗簾。
蘇艾困倦地照辦了。
上最后的一片了??拷~柄的顏色還是深綠的,但那鋸齒形的邊緣已染上了枯敗的黃色,它傲然掛在離地面二十來英尺的一根藤枝上面。
“那是最后的一片葉子?!杯偵赫f,“我以為昨夜它一定會掉落的。我聽到刮風(fēng)的聲音。它今天會脫落的,同時我也要死了。”
“哎呀,哎呀!”蘇艾把她困倦的臉湊到枕邊說,“如果你不為自己著想,也得替我想想呀。我可怎么辦呢?”
但是瓊珊沒有回答。一個準(zhǔn)備走上神秘遙遠的死亡道路的心靈,是全世界最寂寞、最悲
哀的了。當(dāng)她與塵世和友情之間的聯(lián)系一片片地脫離時,那個玄想似乎更有力地掌握了她。那一天總算熬了過去。黃昏時,她們看到墻上那片孤零零的藤葉仍舊依附在莖上。隨夜晚同來的北風(fēng)的怒號,雨點不住地打在窗上,從荷蘭式的低屋檐上傾瀉下來。
天色剛明的時候,狠心的瓊珊又吩咐把窗簾拉上去。
那片常春藤葉仍在墻上。
瓊珊躺著對它看了很久。然后她喊喊蘇艾,蘇艾正在煤卸爐上攪動給瓊珊喝的雞湯?!拔艺媸且粋€壞姑娘,蘇艾,”瓊珊說,“冥冥中有什么使那最后的一片葉子不掉下來,啟示了我過去是多么邪惡。不想活下去是個罪惡。現(xiàn)在請你拿些湯來,再弄一點摻葡萄酒的牛奶,再──等一下;先拿一面小鏡子給我,用枕頭替我墊墊高,我想坐起來看你煮東西。”一小時后,她說:
“蘇艾,我希望有朝一日能去那不勒斯海灣寫生。”
下午,醫(yī)生來,他離去時,蘇艾找了個借口,跑到過道上。
“好的希望有了五成?!贬t(yī)生抓住蘇艾瘦小的、顫抖的手說,“只要好好護理,你會勝利。現(xiàn)在我得去樓下看看另一個病人。他姓貝爾曼──據(jù)我所知,也是搞藝術(shù)的。也是肺炎。他上了年紀(jì),身體虛弱,病勢來得很猛。他可沒有希望了,不過今天還是要把他送進醫(yī)院,讓他舒服些?!?/p>
那天下午,蘇艾跑到床邊,瓊珊靠在那兒,心滿意足地在織一條毫無用處的深藍色戶巾,蘇艾連枕頭把她一把抱住。
“我有些話要告訴你,小東西。”她說,“貝爾曼在醫(yī)院里去世了。他害肺炎,只病了兩天。頭天早上,看門人在樓下的房間里發(fā)現(xiàn)他痙得要命。他的鞋子和衣服都濕透了,冰涼冰涼的。他們想不出,在那種凄風(fēng)苦雨的的夜里,他窨是到什么地方去了。后來,他們找到了一盞還燃著的燈籠,一把從原來地方挪動過的樣子,還有幾去散落的的畫筆,一塊調(diào)色板,上面和了綠色和黃色的顏料,末了──看看窗外,親愛的,看看墻上最后的一片葉子。你不是覺得納悶,它為什么在風(fēng)中不飄不動嗎?啊,親愛的,那是貝爾曼的杰作──那晚最后 的一片葉子掉落時,他畫在墻上的?!?/p>
26、瓊珊在最后的長春藤葉的激勵下最終喚起了對生命的渴望,這表現(xiàn)在哪幾方面?(6分)
_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
27、劃線的句子在文中有哪些作用?(6分)
_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
28、貝爾曼畫藤葉應(yīng)是小說中最震感人心的情節(jié),作者為什么不正面描寫?(4分)
______________________________________________________________________________________________________________________________________________________________
29、貝爾曼是個失意的人,作畫四十年也沒有什么成就,“他老說要畫一幅杰作”。他畫的最后一片葉子是不是“杰作”?為什么?(6分)
_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ 30、口語交際題(10分)
在就業(yè)面試的過程中,需要回答主考官提出的問題,請運用學(xué)過的知識,回答下列問題。請簡要介紹一下你自己。
______________________________________________________________________________________________________________________________________________________________ B作為一個合格的職業(yè)人,你認為最需要具備的品質(zhì)是什么?
______________________________________________________________________________________________________________________________________________________________
C、你怎樣看待實際工作和專業(yè)不對口的問題?
______________________________________________________________________________________________________________________________________________
31、應(yīng)用文寫作題(20分)
下面是某汽車銷售公司發(fā)布的招聘信息,閱讀后,請你給該公司人力資源部寫一封求職信。
某汽車銷售公司是市里的一家知名企業(yè),主營國內(nèi)外各種品牌汽車的代理銷售。現(xiàn)面向社會招聘汽車銷售顧問,具體要求如下:
年齡: 18——25歲
學(xué)歷:中專以上學(xué)歷
工作經(jīng)驗:不限
要求;
熟悉客戶接待禮儀、電話禮儀,待人接物熱情誠懇,具有良好的溝通協(xié)調(diào)能力。了解汽車的基本構(gòu)造及各種型號汽車的特點。
熟練使用辦公自動化軟件。
能夠說標(biāo)準(zhǔn)普通話。
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
第四篇:網(wǎng)頁設(shè)計與制作-論文(本站推薦)
第一章
緒論
摘 要
本論文將對個人網(wǎng)頁設(shè)計與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設(shè)計與制作語言的基礎(chǔ)上,著重使用JavaScript作為工具語言進行網(wǎng)頁設(shè)計與制作的實際操作,分別對基于對象的JavaScript語言、內(nèi)部對象系統(tǒng)的使用及WEB頁面信息交互——窗口和框架進行詳細描述,并利用具體的實例進行驗證。
本論文主要章節(jié)如下,第一章:緒論,本章主要介紹網(wǎng)頁設(shè)計的相關(guān)知識。第二章:網(wǎng)頁設(shè)計語言概述,本章主要介紹網(wǎng)頁設(shè)計的語言——HTML,以及用于編輯HTML語言的軟件,為后續(xù)工作奠定基礎(chǔ)。第三章:基于對象的JavaScript語言,本章介紹了基于對象的JavaScript中常用內(nèi)部對象屬性、方法的使用。第四章:內(nèi)部對象系統(tǒng)的使用,本章主要介紹使用瀏覽器的內(nèi)部對象系統(tǒng),可實現(xiàn)與HTML文檔進行交互。第五章:WEB頁面信息的交互——窗體與框架,本章主要介紹實現(xiàn)網(wǎng)頁的動態(tài)交互,必須掌握有關(guān)窗體對象(Form)和框架對象(Frames)更為復(fù)雜的知識。
關(guān)鍵詞: 網(wǎng)頁制作;網(wǎng)頁設(shè)計;HTML;ASP
第一章
緒論
第一章 緒論
隨著21世紀(jì)的到來,人們更深切地感受到計算機在生活和工作中的作用越來越重要,越來越來的職業(yè)需要具有計算機的應(yīng)用技能。掌握計算機是職業(yè)的需要,更是事業(yè)發(fā)展的需要。網(wǎng)頁設(shè)計與制作是計算機能力的具體表現(xiàn),本章主要介紹網(wǎng)頁設(shè)計的相關(guān)知識。
1.1 網(wǎng)頁設(shè)計概述
網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺,離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”,也是企業(yè)無形資產(chǎn)的組成部分,而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。
1.2 網(wǎng)頁設(shè)計的要素
網(wǎng)頁設(shè)計的兩大要素是:整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格
在這里,我提供給大家一些參考經(jīng)驗:
1.將你的標(biāo)志logo,盡可能的放在每個頁面上最突出的位置。2.突出你的標(biāo)準(zhǔn)色彩。
3.總結(jié)一句能反映貴站精髓的宣傳標(biāo)語!
4.相同類型的圖像采用相同效果,比如說標(biāo)題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的!
二、網(wǎng)頁色彩的搭配
1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對比色。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
1.3 大作業(yè)目的和意義
本大作業(yè)主要是對網(wǎng)頁設(shè)計與制作的語言基礎(chǔ)上進行探討,主要內(nèi)容如下:通過已經(jīng)做好的網(wǎng)頁,分析html網(wǎng)頁設(shè)計技術(shù)、XML技術(shù)、Java Applet技術(shù)和Javascript技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用。
第一章
緒論
1.4 要分析的網(wǎng)頁
第一章
緒論
第一章
緒論
第二章
HTML網(wǎng)頁設(shè)計技術(shù)的應(yīng)用
第二章 HTML網(wǎng)頁設(shè)計技術(shù)的應(yīng)用
2.1 HTML語言介紹
HTML(HyperText Mark-up Language)即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言,是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言,也是構(gòu)成網(wǎng)頁文檔的主要語言。
HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內(nèi)容。
2.1.1 HTML語言的特點
HTML文檔制作不是很復(fù)雜,且功能強大,支持不同數(shù)據(jù)格式的文件鑲?cè)?,這也是WWW盛行的原因之一,HTML語言的特點如下:
1、簡易性,HTML版本升級采用超集方式,從而更加靈活方便。
2、可擴展性,HTML語言的廣泛應(yīng)用帶來了加強功能,增加標(biāo)識符等要求,HTML采取子類元素的方式,為系統(tǒng)擴展帶來保證。
3、平臺無關(guān)性。雖然PC機大行其道,但使用MAC等其他機器的大有人在,HTML可以使用在廣泛的平臺上,這也是WWW盛行的另一個原因。
2.1.2 HTML語言的編輯軟件
HTML的本質(zhì)是文本,需要瀏覽器的解釋,HTML的編輯器大體可以分為三種:
1、基本編輯軟件,使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?,?dāng)然,如果你用WPS來編寫,也可以。不過存盤時請使用.htm或.html作為擴展名,這樣瀏覽器就可以解釋執(zhí)行了。
2、半所見即所得軟件,這種軟件能大大提高開發(fā)效率,它可以使你在很短的時間內(nèi)做出Homepage,且可以學(xué)習(xí)HTML,這種類型的軟件主要有HOTDOG,還有國產(chǎn)的軟件網(wǎng)頁作坊。
3、所見即所得軟件,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網(wǎng)頁,這類軟件主要有Frontpage,DREAMWEAVER、Delphi、Eclipse、UltraEdit。
2.1.4 html語言在網(wǎng)頁設(shè)計中的應(yīng)用
第二章
HTML網(wǎng)頁設(shè)計技術(shù)的應(yīng)用
2.2.3JavaScript技術(shù)在網(wǎng)頁設(shè)計中應(yīng)用
一、JavaScript概述
JavaScript是一種基于對象(Object)和事件驅(qū)動(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java 腳本語言(Java小程序)一起實現(xiàn)在一個Web頁面中鏈接多個對象,與Web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實現(xiàn)的。它的出現(xiàn)彌補了HTML語言的缺陷,它是Java與HTML折衷的選擇,具有以下幾個基本特點:
1、是一種腳本編寫語言
JavaScript是一種腳本語言,它采用小程序段的方式實現(xiàn)編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個易的開發(fā)過程。
它的基本結(jié)構(gòu)形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣,需要先編譯,而是在程序運行過程中被逐行地解釋。它與HTML標(biāo)識結(jié)合在一起,從而方便用戶的使用操作。
2、基于對象的語言。
JavaScript是一種基于對象的語言,同時以可以看作一種面向?qū)ο蟮?。這意味著它能運用自己已經(jīng)創(chuàng)建的對象。因此,許多功能可以來自于腳本環(huán)境中對象的方法與腳本的相互作用。
3、簡單性
JavaScript的簡單性主要體現(xiàn)在:首先它是一種基于Java基本語句和控制流之上的簡單而緊湊的設(shè)計, 從而對于學(xué)習(xí)Java是一種非常好的過渡。其次它的變量類型是采用弱類型,并未使用嚴(yán)格的數(shù)據(jù)類型。
4、安全性
JavaScript是一種安全性語言,它不允許訪問本地的硬盤,并不能將數(shù)據(jù)存入到服務(wù)器上,不允許對網(wǎng)絡(luò)文檔進行修改和刪除,只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。
5、動態(tài)性的
JavaScript是動態(tài)的,它可以直接對用戶或客戶輸入做出響應(yīng),無須經(jīng)過Web服務(wù)程序。它對用戶的反映響應(yīng),是采用以事件驅(qū)動的方式進行的。所謂事件驅(qū)動,就是指在主頁(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動作,就稱為“事件”(Event)。比如按下鼠標(biāo)、移動窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后,可能會引起相應(yīng)的事件響應(yīng)。
6、跨平臺性
JavaScript是依賴于瀏覽器本身,與操作環(huán)境無關(guān),只要能運行瀏覽器的計算機,并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實現(xiàn)了“編寫一次,走遍天下”的夢想。
實際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無須有高性能的電腦,軟件僅需一個字處理軟件及一瀏覽器,無須WEB服務(wù)器通道,通過自己的電腦即可完成所有的事情。
總之,JavaScript 是一種新的描述語言,它可以被箝入到 HTML 的文件之中。JavaScript語言可以做到回應(yīng)使用者的需求事件(如:form的輸入),而不用任何的網(wǎng)路來回傳輸資料,所以當(dāng)一位使用者輸入一項資料時,它不用經(jīng)過傳給伺服端(server)處理,再傳回來的過程,而直接可以被客戶端(client)的應(yīng)用程式所處理。
第二章
HTML網(wǎng)頁設(shè)計技術(shù)的應(yīng)用
第五章
色彩在網(wǎng)頁中的應(yīng)用
第五章 色彩在網(wǎng)頁中的應(yīng)用
5.1色彩在網(wǎng)頁中的應(yīng)用
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中,我們的設(shè)計師根據(jù)和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響,合理地加以運用。
先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網(wǎng)頁配色中不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。背景和前文的對比盡量要大以便突出主要文字內(nèi)容。
5.2主頁色彩的處理
色彩是人的視覺最敏感的東西。主頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào),局部對比”,也就是:主頁的整體色彩效果應(yīng)該是和諧的,只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上,可以根據(jù)主頁內(nèi)容的需要,分別采用不同的主色調(diào)。因為色彩具有象征性,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色,例如:軍警的橄欖綠,醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進、退的效果等。另外,色彩還有民族性,各個民族由于環(huán)境、文化、傳統(tǒng)等因素的影響,對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性,可以使我們的主頁具有深刻的藝術(shù)內(nèi)涵,從而提升主頁的文化品位。
5.3常用的配色方案
1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運用,可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。
2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運用,可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。
3.對比色調(diào)。即把色性完全相反的色彩搭配在同一個空間里。例如:紅與綠、黃與紫、橙與藍等。這種色彩的搭配,可以產(chǎn)生強烈的視覺效果,給人亮麗、鮮艷、喜慶的感覺。
第五章
色彩在網(wǎng)頁中的應(yīng)用
最后,還要考慮主頁底色(背景色)的深、淺,這里借用攝影中的一個術(shù)語,就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào);底色深的稱為低調(diào)。底色深,文字的顏色就要淺,以深色的背景襯托淺色的內(nèi)容(文字或圖片);反之,底色淡的,文字的顏色就要深些,以淺色的背景襯托深色的內(nèi)容(文字或圖片)。這種深淺的變化在色彩學(xué)中稱為“明度變化”。當(dāng)然,色彩的明度也不能變化太大,否則屏幕上的亮度反差太強,同樣也會使讀者的眼睛受不了。
5.4合理搭配網(wǎng)頁色彩
網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一,網(wǎng)頁的背景、文字、圖標(biāo)、邊框、超鏈接等都要用到色彩。不同的色彩會使瀏覽者有不同的心理感受。合理的搭配色彩,會更好的表現(xiàn)主題,吸引用戶的注意力。網(wǎng)頁色彩涉及到藝術(shù)知識,讓美術(shù)教師參加網(wǎng)頁色彩設(shè)計,可能會出現(xiàn)比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨特性、合適性、聯(lián)想性。背景色和前景色對比要大,以突出主要內(nèi)容
網(wǎng)站給人的第一印象來自視覺沖擊,不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪問者的情緒?!皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩,要用于網(wǎng)站的標(biāo)志,標(biāo)題,主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用,但應(yīng)當(dāng)只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種,太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。
第五章
色彩在網(wǎng)頁中的應(yīng)用
第六章 WEB頁面信息的交互——窗體與框架
要實現(xiàn)網(wǎng)頁的動態(tài)交互,必須掌握有關(guān)窗體對象(Form)和框架對象(Frames)更為復(fù)雜的知識。
6.1窗體基礎(chǔ)知識
窗體對象可以使設(shè)計人員能用窗體中不同的元素與客戶機用戶相交互,而用不著在之前首先進行數(shù)據(jù)輸入,就可以實現(xiàn)動態(tài)改變Web文檔的行為。
6.1.1窗體對象
窗體(Form):它構(gòu)成了Web頁面的基本元素。通常一個Web頁面有一個窗體或幾個窗體,使用Forms[]數(shù)組來實現(xiàn)不同窗體的訪問。
在Forms[0]中共有三個基本元素,而Forms[1]中只有兩個元素。窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體,它封裝了相關(guān)的HTML代碼:
6.1.2 窗體對象的方法窗體對象的方法只有一個--submit()方法,該方法主要功用就是實現(xiàn)窗體信息的提交。如提交Mytest窗體,則使用下列格式:
document.mytest.submit()
第五章
色彩在網(wǎng)頁中的應(yīng)用
6.1.3 窗體對象的屬性
窗體對象中的屬性主要包括以下:elements name action target encoding method。除Elements外,其它幾個均反映了窗體中標(biāo)識中相應(yīng)屬性的狀態(tài),這通常是單個窗體標(biāo)識;而elements常常是多個窗體元素值的數(shù)組,例:
elements[0].Mytable.elements[1] 6.1.4 訪問窗體對象
在JavaScript中訪問窗體對象可由兩種方法實現(xiàn):(1)通過訪問窗體
在窗體對象的屬性中首先必須指定其窗體名,而后就可以通過下列標(biāo)識訪問窗體如:document.Mytable()。
(2)通過數(shù)組來訪問窗體
除了使用窗體名來訪問窗體外,還可以使用窗體對象數(shù)組來訪問窗體對象。但需要注意一點,因窗體對象是由瀏覽器環(huán)境的提供的,而瀏覽器環(huán)境所提供的數(shù)組下標(biāo)是由0到n。所以可通過下列格式實現(xiàn)窗體對象的訪問:
document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗體的先決條件
在JavaScript中要對窗體引用的條件是:必須先在頁面中用標(biāo)識創(chuàng)建窗體,并將定義窗體部分放在引用之前。
6.2 窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素,必須通過對應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來實現(xiàn)。每一個元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下:
formName.elements[].methadName(窗體名.元素名或數(shù)組.方法)formName.elemaent[].propertyName(窗體名.元素名或數(shù)組.屬性)下面分別介紹:
(1)Text單行單列輸入元素
功能:對Text標(biāo)識中的元素實施有效的控制。基本屬性:
Name:設(shè)定提交信息時的信息名稱。對應(yīng)于HTML文檔中的Name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。defaultvalue:包括Text元素的默認值 基本方法:
blur():將當(dāng)前焦點移到后臺。
第五章
色彩在網(wǎng)頁中的應(yīng)用
select():加亮文字。主要事件:
onFocus:當(dāng)Text獲得焦點時,產(chǎn)生該事件。OnBlur:從元素失去焦點時,產(chǎn)生該事件。Onselect:當(dāng)文字被加亮顯示后,產(chǎn)生該文件。onchange:當(dāng)Text元素值改變時,產(chǎn)生該文件。例:
...(2)textarea多行多列輸入元素功能:實施對Textarea中的元素進行控制?;緦傩?/p>
name:設(shè)定提交信息時的信息名稱,對應(yīng)HTML文檔Textarea的Name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Default value:元素的默認值。方法:
blur():將輸入焦點失去 select():將文字加亮后 事件:
onBlur:當(dāng)失去輸入焦點后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點后,產(chǎn)生該文件 Onchange:當(dāng)文字值改變時,產(chǎn)生該事件 Onselect:當(dāng)文字加亮后,產(chǎn)生該文件(3)Select選擇元素
功能:實施對滾動選擇元素的控制。屬性:
name:設(shè)定提交信息時的信息名稱,對應(yīng)文檔select中的name。Length:對應(yīng)文檔select中的length options:組成多個選項的數(shù)組 selectIndex;該下標(biāo)指明一個選項
select在中每一選項都含有以下屬性: Text:選項對應(yīng)的文字
selected:指明當(dāng)前選項是否被選中 Index:指明當(dāng)前選項的位置 defaultselected:默認選項 事件:
第五章
色彩在網(wǎng)頁中的應(yīng)用
OnBlur:當(dāng)select選項失去焦點時,產(chǎn)生該文件。onFocas:當(dāng)select獲得焦點時,產(chǎn)生該文件。Onchange:選項狀態(tài)改變后,產(chǎn)生該事件。(4)Button按鈕
功能:實施對Button按鈕的控制。屬性:
Name:設(shè)定提交信息時的信息名稱,對應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。方法:
click()該方法類似于一個按下的按鈕。事件:
onclick當(dāng)單擊button按鈕時,產(chǎn)生該事件。例 :
........(5)checkbox檢查框功能:實施對一個具有復(fù)選框中元素的控制。屬性:
name:設(shè)定提交信息時的信息名稱。
Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Checked:該屬性指明框的狀態(tài)true/false.defauitchecked:默認狀態(tài) 方法:
click()該方法使得框的某一個項被選中。事件:
Onclick:當(dāng)框的選被選中時,產(chǎn)生該事件。(6)radio無線按鈕
功能:實施對一個具單選功能的無線按鈕控制。屬性:
Name:設(shè)定提交信息時的信息名稱,對應(yīng)HTML文檔中的radio的name相同 Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息,對應(yīng)HTML文檔中的radio的name。
length:單選按鈕中的按鈕數(shù)目。defalechecked:默認按鈕。
checked:指明選中還是沒有選中。
第五章
色彩在網(wǎng)頁中的應(yīng)用
index:選中的按鈕的位置。方法:
chick():選定一個按鈕。事件:
onclick:單擊按鈕時,產(chǎn)生該事件。(7)hidden:隱藏
功能:實施對一個具有不顯示文字并能輸入字符的區(qū)域元素的控制。屬性:
name:設(shè)定提交信息時的信息名稱,對應(yīng)HTML文檔的hidden中的Name。
Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息,對應(yīng)HTML文檔hidden中的value。
defaleitvalue:默認值(8)Password口令
功能:實施對具有口令輸入的元素的控制。屬性:
Name:設(shè)定提交信息時的信息名稱,對應(yīng)HTML文檔中password中的name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息,對應(yīng)HTML文檔中password中的Value。
defaultvalu:默認值 方法:
select():加亮輸入口令域。
blur():使這丟失passward輸入焦點。focus():獲得password輸入焦點。(9)submit提交元素
功能:實施對一個具有提交功能按鈕的控制。屬性:
name:設(shè)定提交信息時的信息名稱,對應(yīng)HTML文檔中submit。
Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息,對應(yīng)HTML文檔中value。
方法
click()相當(dāng)于按下submit按鈕。事件:
onclick()當(dāng)按下該按鈕時,產(chǎn)生該事件。
6.3窗體對象實例
下面我們演示通過點擊一個按鈕(red)來改變窗口顏色,點擊“調(diào)用動態(tài)按鈕文檔”調(diào)用一個動態(tài)按鈕文檔。
test8_1.htm
調(diào)用動態(tài)按鈕文檔第五篇:網(wǎng)頁設(shè)計與制作報告書
電子商務(wù)2班201341440213孫巖
網(wǎng)頁設(shè)計與制作報告書
課程名稱:網(wǎng)頁設(shè)計與制作
專業(yè)班級:電子商務(wù)2班
學(xué) 號:201341440213 姓 名:孫巖
指導(dǎo)教師:王康哲
電子商務(wù)2班201341440213孫巖
目錄
一.概要……………………………………………………………
二.網(wǎng)站開發(fā)……………………………………………………
三.應(yīng)用工具方案……………………………………………
四.欄目劃分……………………………………………………
五.代碼表……………………………………………………….六.截圖……………………………………………………………
七.結(jié)論…………………………………………………………… 2 6 7 13 14
電子商務(wù)2班201341440213孫巖
摘要:
在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視。
一、網(wǎng)頁制作開發(fā)背景
Dreamweaver以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁,利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上,而且在發(fā)布之后還能對更新情況進行監(jiān)控以更新站點的內(nèi)容?,F(xiàn)在流行的網(wǎng)頁制作軟件有很多,如Macromedia公司的Dreamweaver、微軟公司的Dreamweaver、還有Adobe Pagemill 3.0--制作多框架,表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Dreamweaver更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁,利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上,而且在發(fā)布之后還能對更新情況進行監(jiān)控以更新站點的內(nèi)容。工具準(zhǔn)備好了,可根據(jù)你的個人喜好來選擇一些素材,如圖片、喜歡的文章等。
二、網(wǎng)頁制作設(shè)計技巧
首先,我們來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項,單擊“站點”命令,這時新建站點對話框就彈出來了,在“指定新站點位置”文本框中輸入新站點的位置,單擊“只有一個網(wǎng)頁的站點” 圖標(biāo),單擊“確定”按鈕。這就建立好站點了,我們現(xiàn)在來看一下新的站點里有什么,單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件,名字叫做“index.htm”。我們知道,每一個站點都要有一個主頁,這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網(wǎng)頁的站點時,DREAMWEAVER就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁時空的,我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外,還有文件夾。新建站點時,DREAMWEAVER都會在站點所在位置下新建兩個文件夾,一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片?!皃rivate”
電子商務(wù)2班201341440213孫巖
文件夾比較特殊,其中的文件對瀏覽者來說是隱含的,我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里,比如:我們可以在這個文件夾里存放注冊用戶的個人信息。
盡管每一個站點都要有一個主頁,不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始:選擇“文件”菜單的“新建”命令,單擊“站點”選項,在“新建站點”對話框里,我們可以選擇“空站點”圖標(biāo)來創(chuàng)建一個空站點?!靶陆ㄕ军c”對話框中還有許多其他圖標(biāo),這是DREAMWEAVER提供的用來創(chuàng)建站點模板或向?qū)?。我們?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點,都是從頭開始來創(chuàng)建一個站點,這就好像蓋房子一樣,首先畫圖紙。然而,有許多的房子都具有相似的結(jié)構(gòu)和用途,所以我們可以用一張圖紙蓋很多相似的房子,這樣就節(jié)省了許多工作。
基于表格的設(shè)計:表格布局使網(wǎng)頁設(shè)計師制作網(wǎng)站時有了更多選擇。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù),但是設(shè)計師很快意識到可以利用表格來構(gòu)造他們設(shè)計的網(wǎng)頁,這樣就可以制作較以往作品更加復(fù)雜的,多欄目的網(wǎng)頁。表格布局就這樣流行了起來,融合了背景圖片切片技術(shù),常給人以看起來較實際布局簡潔得多的結(jié)構(gòu)。
結(jié)構(gòu)設(shè)計:這個時期的網(wǎng)頁設(shè)計還不太關(guān)注語義化和可用性方面的問題,主要還在追求良好的結(jié)構(gòu)美學(xué)。同一時期也是大量應(yīng)用 GIF 占位圖片控制留白的時期。一些主流的公司甚至訓(xùn)練設(shè)計師如何使用 GIF 占位;如微軟的“關(guān)于 HTML 表格中的 GIF 占位”。第一批主要應(yīng)用表格布局的“所見即所得”網(wǎng)頁設(shè)計軟件的發(fā)展助長了表格的應(yīng)用。另外,某些軟件自動生成的表格如此復(fù)雜以至于許多設(shè)計師不可能從頭手寫代碼(例如每行只有 1px 高卻包含了幾百列的表格)。即使是稍微復(fù)雜一點兒的網(wǎng)頁(比如多欄目頁面),設(shè)計師們都要依賴于表格來創(chuàng)建。
三、網(wǎng)站結(jié)構(gòu)
網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁面間的層次關(guān)系;按性質(zhì)可分為邏輯結(jié)構(gòu)及物理結(jié)構(gòu)。網(wǎng)站結(jié)構(gòu)對網(wǎng)站的搜索引擎友好性及用戶體驗有著非常重要的影響。
(一)網(wǎng)站結(jié)構(gòu)整體先用DIV和CSS來進行構(gòu)造,對整個網(wǎng)站進行布局,(二)網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶體驗好壞的重要指標(biāo)之一。清晰的網(wǎng)站結(jié)
電子商務(wù)2班201341440213孫巖
構(gòu)可以幫助用戶快速獲取所需信息;相反,如果一個網(wǎng)站的結(jié)構(gòu)極其糟糕的話,用戶在訪問時就猶如走進了一座迷宮,最后只會選擇放棄瀏覽。
(三)網(wǎng)站結(jié)構(gòu)還直接影響搜索引擎對頁面的收錄,一個合理的網(wǎng)站結(jié)構(gòu)可以引導(dǎo)搜索引擎從中抓取更多有價值的頁面。
網(wǎng)站結(jié)構(gòu)對網(wǎng)站及網(wǎng)站中頁面的影響。搜索引擎對重要頁面的抓取
由于互聯(lián)網(wǎng)中信息量極其龐大,為了向用戶展示更多有價值的信息,搜索引擎會優(yōu)先抓取每個網(wǎng)站中相對重要的頁面(即權(quán)重較高的頁面),然而,搜索引擎是怎樣發(fā)現(xiàn)這些重要頁面的呢?根據(jù)重要頁面的鏈接指向的頁面可能是重要頁面的思路;搜索引擎首先會從權(quán)重相對較高的頁面(即源頁面)出發(fā)跟蹤其中的鏈接,從而抓取其他相對重要的頁面(即目標(biāo)頁面)。
網(wǎng)頁設(shè)計的要素
四、應(yīng)用工具方案
DreamWeaver自制動態(tài)HTML動畫的網(wǎng)頁。
DreamWeaver是一個很酷的網(wǎng)頁設(shè)計軟件,它包括可視化編輯、HTML代碼編輯的軟件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫,支持動態(tài)HTML(Dynamic HTML)的設(shè)計,使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。
DreamWeaver還采用了Roundtrip HTML技術(shù)。這項技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進行自由轉(zhuǎn)換,HTML句法及結(jié)構(gòu)不變。這樣,專業(yè)設(shè)計者可以在不改變原有編輯習(xí)慣的同時,充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計,這項設(shè)計使任何人都可以輕易擴展它的功能。
版面布局:在你開始設(shè)計之前,你必須仔細地為站點挑選色彩組合。千萬不要出現(xiàn)紫色的背景加上黑藍色的文字的組合。要使整個站點保持同一種色彩組合,因為不同顏色組合的背景或字體可能會是非常令人討厭的。你也可以選用一個背
電子商務(wù)2班201341440213孫巖
景圖,而不是僅用一種顏色。背景圖案可以自己繪制,也可以從因特網(wǎng)上下載。通過模糊背景圖案,就可以使文字更容易被閱讀。要記住的是,圖片不會被瀏覽器重畫的,而背景色彩則是要被重新畫的,因此,在上傳你的圖片之前,必須檢查不同的瀏覽器是如何顯示這些網(wǎng)頁的。當(dāng)增加文字時,盡量設(shè)置容易被閱讀的字體和大小。如果你使用背景圖片,那么,當(dāng)網(wǎng)頁被瀏覽時,背景色和字體將會先于背景圖片被下載,因此,如果背景色和文本的顏色沒有鮮明的對照的話,那么瀏覽者會有幾秒鐘的時間看到一個充滿了不可閱讀的文本的網(wǎng)頁。解決這個問題的簡單的方法就是,使背景色與背景圖的顏色相類似。
瀏覽導(dǎo)航:站點的瀏覽導(dǎo)航必須被設(shè)計成非常容易。如果需要,把站點分割為幾個部分。最容易的方法,就是在整個網(wǎng)站的所有的網(wǎng)頁的左邊放置一個菜單條。當(dāng)然,除此以外,還有許多可選的方法。對于具有大量信息的站點,使用一個可擴展的菜單條會是一個不錯的選擇。無論你使用何種導(dǎo)航模式,在每一頁都放置一個主頁鏈接,那會是一種不錯的設(shè)計思想;瀏覽者必須知道,無論何時,當(dāng)他們迷失在你的站點瀏覽中時,都可以通過簡單的一次點擊就能準(zhǔn)確地知道目前所處的位置。
Frame(幀,框架)的問題:Frame—— 你也許會喜歡它,也許不喜歡。如果你在你的網(wǎng)站上使用幀,你很可能使一個幀用于導(dǎo)航目的,另一個幀用于放置內(nèi)容。你可以看見在同一頁上有兩個被分割的瀏覽窗口,你點擊左邊的幀,只會改變右邊的內(nèi)容。用幀來組織網(wǎng)站的內(nèi)容,顯然是非常容易的。
檢驗?zāi)愕腍TML代碼 :不要在你的網(wǎng)站上放置瀏覽計數(shù)器。計數(shù)器會讓你的網(wǎng)站看起來不夠?qū)I(yè)化,如果瀏覽量不夠的話,還會起到相反的宣傳作用。最后,內(nèi)容是金,如果能給的瀏覽者一些有價值的東西,如,信息,建議,或軟件,那么就能吸引瀏覽者經(jīng)常光顧你的網(wǎng)站。為你的站點增加消息板和聊天室,從而提高網(wǎng)站的交互性,使你和你的訪問者交流,讓訪問者彼此交流。
五、頻道欄目劃分
圖1
電子商務(wù)2班201341440213孫巖
六、代碼段
content=“text/html;charset=gb2312” />