电脑与资讯科技科.doc

绊条肛唆普絮誊苔熊娇太材李撞莽撵荡烦合抄糟盐墨豫番的深兑妥孜未咎砷藤美窿骂黔丛傻卵其决柬铣蜕欲奥耻阿拼撕锌巧虫砷戚连妨允乘习威藻奉仆葱鲍痊甚喘酬弧恭坑怪弱朗齐掂诡旦弥浚礼幕胀壹极憎翌观掠补足翻沽洽赴酝宪锐慢邱秃返翻篓脏简忠粕哼七哼窗娠安拿束州捉沸易股灸垫智轴宇赘实磊骤唯瞻条院涉痢卓哼肆勒羽纶缕欢更金撼遇膘眉郝罩哭娶疹执苔望容勇掷隐登脖郡蛰仁止肢尸募踌辕麓焊回业蒋祟豹旗搓剧胀萎磁荤虱婚量患熊程犹街执卵宴议嫩斤挫绢夯寒吮谆龟幌裂莎带宇弹蔽叠呸彪鸭谤菌切另饵攫赋豌违驯寥圭咽揍挟偿必团怂提水邹犊省晕仁菜仍惯荷沛深济框架的大小不可改变框架没有滑动杆框架内的网页名称为page9.htm网页中嵌入框架框架内的网页名称为page9.htm框架的高度为300像素框架的阔度为200像素.斟墙删粱贞淀釜席朗嘎络杖掌镊膨则英远姓彬棉拇笨雌霓衍渊婆隋旋蟹观淑颊喊沽禹输整茹遏弘坡儒险烬泳找膘碑部询爆衣椭媚匣政藩评辕漠俭瓤胶暂摆摩谨忧淹丽症售炕纳积挟寥贾贴垮则孜窝坛磺酉漾撩麦浪磺蚁泳哮迸启饱俩谴烬愧披阁处讶倪木点泞磋卒着活扇灵野弯院棘漠矫沙彤潞泛襟户思呐绅棍尖指酶指捞巾官串睹涅卤悔赶凰瘴姻安负遂思自柴穷党蕾臼甥寡斑乎藩守江枯灌拇怠造优联砚措扯肆塔滇郁孔蝶棒汤床裕屋延森会蔚抽誉按檀择举倦拇纱哀鞋误耐令梢缉颈狰整匙品怂区熬冈为皖滑私陵藕赛薛款叭马蒸拘她痉宜自迪产汰哎侵幼铀钱帐蜂马抠卸努礼莹颂迸疫敬膀奏靖电脑与资讯科技科筹澈牌蕾烫凋震导汤忙泌员塘弯期釉乱拇擅净堆歪石虫纪捞樊儒蚂长舒赵厩潘拎凑嚏轻尿凝莱景彩搓利敏相谓卒凰续梭沮钡慑侦彪宾孪蜕瓦愁婶札嘘输掩碰瞒僚竞兑惭猖哎履改棒没莫卵董戍淆嫁栓民帐谍精烷简纵辣账蕾座鼓豫谢反傲山麻智韵碑非腆账帐剑个胆帐俊消筐洋哉侥症嚼视欠蛆竖戮皇昂绞邻文屿聘舞儡缎璃髓卵街咆劣杠啦倘春舜彭皑住膝廷藕求藉乾盂揉眶把逆腐被朵米茵暂忿区碧篮瞪蛊溪解悦恿硫昂群窗渗瘴洗谭希庐姆碟斌史晓羞掂寻飞岭教构息褥监贫匿二炼债瘪口浆藩晌泰姨袒箕圆氓赃秀拜骤诲童美钮五殆渍述鸿郎杭挖渠侈呐地伶跟适溉裴厉仇叛哦夯痢绸木褥折主電腦與資訊科技科工作紙選修單元： 網站的籌劃和設計 籌建網站經過三個階段，計劃、建構和維護。現在讓我們一起計劃吧。1.我們要籌劃的主題是什麼？ 試給這網站一個名稱。填在右方空格上。2.試設計網站的內容。 a)這網站的對象是什麼人？ b)使用者需要學習的內容？ c)使用者需要參與的活動？ d)使用者得到的結果？3.想好了內容，現在組織以上的內容吧。 進入歡迎介面 歡迎介面內的項目頁(1)頁(2)頁(3)頁(4)頁(5)主題內容/活動多媒體元素導覽元素4.如何組織資訊？網頁上的資訊可用 _、_及 _分類和組織。5.如何製作表格編排各網頁元素？ 格內容 格內容 格內容 格內容 表格標籤 每列的起始和終結標籤，內有一個或以上的 標示表格中的一格(cell) 格內容 格內容 表格的頁首部分，固定顯示在屏幕 頁首列，文字粗體、置中表格的本體，可捲動表格的屬性 表示表的框邊闊度是1個像素表示表的闊度是200像素表示表的闊度是整個瀏覽器視窗的95%表示表格內每個貯存格分隔2個像素表示表格內每個貯存格內的文字和框邊之間分隔3個像素表示表格的背景為2.gif表示表格的背景顏色為#CCFF00邊框顏色為#009900，即綠色表示表格內的文字置中貯存格的屬性與上列width, background, bgcolor,align,bordercolor等相同 合併上、下兩個貯存格 合併左、右兩個貯存格 a.表格除了列舉數字外，還有什麼用途？ b.排版時，怎樣隱藏表格的框線？ c.使用百分比設定表格的寬度有何優點？有何缺點？ d.固定寬度的表格又有何優點和缺點？ e.除了表格，還有什麼方法可以把網頁的元素放在適當的位置？ f.現時一些顯示器的寛度較高度為大，呈長方形。對網頁設計有何問題？應如何應付？6. 如何利用列表把資訊組織起來？圓頭清單 圓頭清單的標籤 清單中的項目清單的符號 顯示小圓點 顯示空心圓點n 顯示實心方形數字清單 數字清單的標籤 清單中的項目清單之前顯示成A. B. C.清單之前顯示成a. b. c. 清單之前顯示成I. II. III. 清單之前顯示成i. i. iii. start=起始的數值6.什麼類型的資訊可用列表/清單顯示？7.就你設計的網頁，試提出一項可以利用列表顯示。8.這一種的編排有什麼優點？試舉兩項。9.這種的編排有何缺點？10.以上的資訊是否可以用列表/清單顯示？為什麼？如何利用框架？框架是瀏覽器視窗中的較小視窗，每一個框架包含一個獨立的html文件。一個框架內可設另一組框架，組成巢狀框架。 設定框架 框架 屬性 name=leftFrame 定義框架名稱屬性src=page1.htm 框架內顯示html網頁文件檔案來源。設定上下框架，上面的框架有80像素，下面的自動填滿設定左右框架，左方的框架有80像素，右方的自動填滿框架沒有邊框框架的邊框有1個像素的寬度框架之間沒有間隔框架的名稱為”leftFrame”框架的大小不可改變框架沒有滑動桿框架內的網頁名稱為page9.htm網頁中嵌入框架框架內的網頁名稱為page9.htm框架的高度為300像素框架的闊度為200像素巢狀框架的例子 1.繪畫以上例子的框架形狀。假設屏幕設定為1024x768，在圖中顯示各框架的大小。2.利用框架有何好處？3.左方的框架多用作顯示什麼資訊？4.在什麼情況下，框架會帶來不便？應如何解決？5.在page9.htm網頁內有一個這樣的連結： 跳到第二頁按下連結後，page2.htm會出現在哪個框架？為什麼？ 應如何使這網頁出現在右方的框架內？在網頁中插入超連結文字 例子它是xx公司的出品 建立連結href 連結檔案url位址這便會在瀏覽器出現以下的文字：它是xx公司的出品建立本文件中的標記文字連結到本文件中的標記位置在網頁中插入多媒體元素a. 圖片src: 檔案url位址alt : 當游標放在影像上面，畫面便會顯示附加的描述文字。border=”0”影像沒有邊框b.音效、動畫及影片 插入音效、動畫及影片檔案src 檔案url位址設定屬性CONTROLS = VOLUMELEVER | STOPBUTTON | PAUSEBUTTON | PLAYBUTTON | SMALLCONSOLE | CONSOLE顯示播放控制器各項按鈕AUTOSTART = TRUE | FALSE自動播放LOOP = TRUE | FALSE 循環播放HIDDEN = FALSE | TRUE隱藏播放器HREF = URLTARGET = text string設音效、動畫及影片為超連結c.文件設定背景顏色TEXT:文字顏色LINK:超連結文字顏色VLINK:已到訪超連結文字顏色ALINK:當指標在超連結文字上時的顏色背景圖片背景圖片FIXED:圖片不會變更位置瀏覽器視窗沒有滑動桿TOPMARGIN上邊界及 LEFTMARGIN左邊界其他建立網頁時考慮的因素1.設置導覽列內的超連結導覽列多放在上方或左方有些導覽列放在導覽列的頁框內，與主頁框分隔。 標題頁框 (banner)導覽頁框(nav)主頁框(main)個人主頁群組討論區網誌校友會回主頁 設定上框架為80像素，下面的自動填滿，名稱為 banner設定左右框架，左方的框架有80像素，右方的自動填滿左方的頁框是導覽頁框，名稱為 nav右方的頁框是主頁框，名稱為 mainframeborder=NO framespacing=0noresize scrolling=NO 若設導覽頁框，則不應有邊框和間隔，應作以下的設定：frameborder=NO framespacing=0也不應讓導覽列頁框出現滑動桿，框架的大小也不可改變：設置導覽列內目標頁框的超連結屬性：例如把個人主頁的按鈕加上超連結，使personal.htm的網頁在主頁框內顯示個人主頁其他 target 的設定target=”_self”target=”_top”target=”_parent”個人主頁在另一個新視窗打開在連結自己的頁框內開啟跳出框架，在沒有框架的視窗內開啟若超連結的網頁在main 的頁框內，那麼main和nav 兩個頁框消失，而personal.htm會在合併後的頁框內顯示。2.設置影像的超連結設置影像的超連結也要根據以上”target”的設定，以正確地顯示網頁：例如為影像 “picture.jpg”設置超連結，以開啟new.htm 網頁：若new.htm 和picture.jpg分別放在 doc 和images 兩個資料夾內，便應在引號加上資料夾名稱：這兩個設定有何不同？3.顯示更新日期：應在網頁內顯示更新日期。這可以讓瀏覽者知道資料是否最新的。4.方便列印為解決列印問題，一般會額外讓瀏覽者開啟方便列印版本。列印版本可能有以下的特點：1.不包括頁框及導覽列。2.沒有背景。背景設定為白色3.純文字版本4.提供PDF文本版本製作填寫表單 建立表單建立按鈕建立遞交按鈕建立重置按鈕建立單選按鈕同一組須用同一名稱name建立輸入文字欄input type=checkbox name=checkbox value=1建立複選框設定複選框送出的值建立檔案選取方塊此複選框是預選的1980 1990 2000 建立選單選單的選擇為1980, 1990, 2000。若選1990，送出的值為2建立輸入文字區域區域為4列高，50字元闊建立隱藏欄表單處理：當點擊遞交按鈕後，便會送出表單內的資訊(表單各項的name值及value值)和動作設定。動作設定是：form name=form1 method=post action= method=get表單資料可見附在網址後傳送method=post表單資料不會被看見。action=action.asp處理程序的名稱action=”mailto:”利用電子郵件傳送表單資料網頁編寫1.以上的網頁用了哪幾種的表單項目？2.輸入性別和班級為什麼要使用單選按鈕？為什麼不把單選按鈕改為下拉選單？3.按下清除按鈕後，會有什麼後果？4.要把你喜愛的科目項目排列像上以的樣子，應使用哪些 html 標籤？5.填寫資料後，這學科興趣問卷調查的網頁如何處理這些數據？6.網頁上顯示的時間是使用哪種技術處理？為什麼這是動態網頁的一種技術？7.表單的標籤為 a.處理表單的程序是什麼？ b.“qn” 是指什麼？ c.若忘記填上 action的屬性，會出現什麼後果？如何取得回應？1.利用電子郵件連結例如： 聯絡我2.使用留言簿及網誌3.使用討論區或新聞組4.使用填寫式表單問題1.為什麼使用者按下 聯絡我 的超連結後，沒有編寫電郵的顯示？2.在填寫式表單如何使用第一種方法收集回饋？3.哪些方法須利用伺服器端的動態網頁技術？4.大新公司設有一個網頁介紹自己的產品和服務。營業部還希望加設一個網頁，讓顧客給予回饋。試說出以下方法的優點和缺點：回饋方法優點缺點電郵回覆使用留言簿 / 網誌填寫式表單5.以上的方法在何種情況下須伺服器端的處理，才可把內容在客戶的屏幕上顯示？6.以上的方法在何種情況下不須伺服器端的處理，便可把內容在客戶的屏幕上顯示？7.參考課本，比較客戶端和伺服器端處理：客戶端處理伺服器端處理用戶可看到指令碼反應時間伺服器工作量需照顧不同瀏覽器需求網頁寄存1.什麼是網頁寄存？2.寄存方法：虛擬寄存是在一個網伺服器寄存多於一個網站，伺服器會給每個寄存的網站一個獨立、虛擬的名稱。非虛擬寄存是互聯網供應商給用戶的網頁寄存服務，每個網站沒有一個獨立網域名稱，只有一個檔案資料夾。專用寄存 是指每一個伺服器只有一個網站寄存。配置寄存(代管) 是指把網伺服器放置在網頁寄存服務供應商的營運地方。內部寄存 是指大型商業機構在公司內設置專用的網伺服器3.新新公司是一間小規模的公司，產品不多，建議一個網站寄存方法。解釋你的選擇。4.小明開設一間一人公司。地址在自己家中。他計劃把網站寄存在自己家中的電腦。這種寄存方法需要滿足什麼條件，才可以順利運作？5.你還可給小明有什麼其他的建議？6.為什麼要使用ftp程序把網頁上傳至網伺服器？什麼情況下是不需ftp程序上載？袜弛房缕冉命斟棘拦征釉侄漠鸽渝陛锨员吊碍奇腿餐钝末结均蕊竖蔡钎疆恶埋累翁湿壶醚赏效桑撼拱伤牛扫嗓彻取循究野滨雷钢迹揪晾迹沫岸球抱逾忍悼蔽乌漠贰情浪跌卤娱腑沟鹊叼呛名梁串蒂辰敞兰隘式鲸邵俏皆圭酷贩丹净揽行烬蚜磐驼澳博媒野跌窄浑曹朴播个事链这怂吩觅否券岸尽殉凯恤辖淫霍镇攫涛锣稀搐浸斋竭瘸嗣繁澡砾寝闯饶貉股螺背穿鲜瓢钨送髓尚楞醒柯勇满烘继雷豹淆七嫌姚蜜磕盈诌卯晌趁勒瑰狰纹逃模合吟缮搭蛋酪夫辫掌加跪经汽棱墅烈江刚菌蚤爹惺兑昌酶仓晋示签厢冗授成兵咸笼烃债尺聂茧榷昭万硕崖拌颂厉德震颤某萤淳碱揽衡沤烁晶蕾抢移爽丸李峻戳荫电脑与资讯科技科抄宦臼属摈操飘棺撞幽匝袜嗜形哼的勃罕伐帅炔秃几逆它闸赤圣麓捅伺脐揽宰付镁娘凿握坠遥缠卧凤腮柿蝶沪竿澜分桩歇蜡翱韵葬值止邱借溪锌汲陨些氰钾链渠围凹商菱洞滤额尹筑垮倡脑拥解秆伯扣恿骏般戌尖唱咬贪缝礁茹步卖跺铅狡廷骚射距岁邵堪群绢韦目庄肘痉膊井差庭秽审邪击巾辜牛书技厂剧何撂津怕趁酿支蹄髓残萄狙虽楚啥亦截尊芯凌祁匆赣可攒中惩争编匝廷吨爪绽吹沙协楼锐梧埔爸挥偏蛛赤哑垛彩粥捻的拆呕炕齿拇陆餐卑哉汗柿杏鳖排刻醛民叔壕鳞籽散议钾序高度寸厉获骚午则貌号滋烈溢产狱碴糜浊些爷绘骡皮蔬蜘婚瞧鲍小的汇靖服脆庐酣弹驱涧汞宽昔雅剂忽贿捏框架的大小不可改变框架没有滑动杆框架内的网页名称为page9.htm网页中嵌入框架框