2018年4月10日 星期二

計概07-04個人網誌的簡介與應用

7-4.1部落格(Blog):又稱網誌、博客

定義

由個人管理、張貼文章、圖片或影片的網站或線上日記,用來記錄、抒發情感或分享資訊。提供留言板。

知名網站

Google BloggerPChome個人新聞台、PIXNET痞客邦、Xuite日誌、yam天空部落格。

管理美化

1.編輯:不需了解HTML程式碼或網頁製作軟體。

2.密碼設定。

3.訂閱:訂閱他人的部落格。

4.引用:引用他人部落格文章。

5.樣式設定

 (1)套用樣式。

 (2)利用CSS語法修改。

6.備份。

影音日誌

(Vlog)

Video+Blog,使用影片(Video)撰寫日誌。

 

7-4.2RSS(Really Simple Syndication)

定義

彙集與分發網頁內容的XML格式。

網頁提供者

透過RSS產生並傳播新聞標題、摘要。

使用者

1.透過RSS訂閱Blog、新聞與留言板。

2.透過RSS閱讀軟體即時閱讀文章、新聞與留言。

計概07-03網頁設計的趨勢-檢定試題

【乙級電腦軟體應用試題】

23401.下列何種網頁程式於伺服器端執行?(複選) (1)Dynamic HTML (2)PHP (3)Common Gateway Interface (4)Active Server Page[1070715-69]

 

12402.下列哪些是Web Page的開發技術?(複選) (1)PHP (2)ASP.Net (3)ISP (4)JavaScript[1121105-64]

PHP(Hypertext Preprocessor):是HTML嵌入式描述語言,能使網站開發者可以快速撰寫動態網頁。通常以模組(Module)形式與Apache伺服器結合,提供跨平台(Cross-Platform)多種連結資料庫的介面,如:MySQLSybaseInformix等。屬於自由軟體,可免費用於商業或非商業性質用途。

 

計概07-03網頁設計的趨勢-統測試題

【四技試題】

A01.圖中之框架式網頁分為上框架及下框架,各有其內容,且下框架內容中含有一外部超連結,有關這一個框架式網頁的敘述,下列何者錯誤? (A)需要2html檔才可以完成這個框架式網頁 (B)需要3html檔才可以完成這個框架式網頁 (C)開啟的外部超連結網頁可以設定為出現在下框架 (D)開啟的外部超連結網頁可以設定為出現在上框架。[102管理]

需要使用三個html檔才能儲存整個網頁,分別為上框架、下框架、整個框架。

 

D02.下列何者不是設計動態網頁的相關腳本語言(Scripting Language) (A)ASP(Active Server Pages) (B)JSP(Java Server Pages) (C)PHP(Hypertext Preprocessor) (D)PWS(Personal Web Server)[110管理]

動態網頁技術發展,ASPJSPPHP等嵌入網頁的腳本語言被廣泛使用。

 

【二技試題】

D01.下列哪一個程式語言比較適合用來撰寫直接產出HTML網頁的應用程式? (A)Basic (B)C (C)Java (D)PHP[91管理]

PHP的語法源自CJavaPerl,以及自己獨有的語法,目的是可以比CGI更快速的寫出動態網頁。

 

B02.下列哪一項網頁程式的功能不是在瀏覽器直接執行? (A)執行JavaScript的程式 (B)執行CGI (C)顯示HTML文件中的圖形 (D)傳遞使用者輸入的資料。[91管理]

CGI(Common Gateway Interface):一般中文譯為共通閘道介面,是一種Server-Side的電腦語言。

 

C03.有關ASP(Active Server Pages)程式語言的說明,何者錯誤? (A)是一種嵌入式語言 (B)所撰寫程式是在網路伺服器端進行編譯 (C)所撰寫程式僅適用於Linux作業系統環境執行 (D)所撰寫程式可讓瀏覽器端與伺服器端產生互動效果。[94護理]

ASP所撰寫程式僅適用於Windows作業系統環境執行。

 

C04.下列何者不屬於「動態網頁技術」? (A)ASP (B)PHP (C)SQC (D)JSP[96管理]

SQC不為動態網頁技術。

 

B05.下列何種程式語言適合撰寫動態網頁? (A)dBASE (B)JavaScript (C)Pascal (D)組合語言。[96護理]

JavaScript可寫動態網頁。

 

A06.下列何種網頁技術是在客戶端(client)的瀏覽器(browser)上執行? (A)JavaScript (B)ASP (C)PHP (D)CGI[97管理]

(A)JavaScript:客戶端。(B)ASP(C)PHP(D)CGI:伺服器端。

 

計概07-03網頁設計的趨勢-其他試題

【技藝競賽試題】

C01.何種語言可以編撰網頁的動態效果? (A)BASIC (B)FORTRAN (C)Java Applets (D)COBOL[99技競]

 

C02.Web 2.0的特色不包含下列哪一項? (A)WWW為平台 (B)強調互動性與使用者參與 (C)為一個技術標準 (D)免費、自由、資源分散。[99技競]

 

D03.下列何者不算是Web 2.0概念的網站應用實例? (A)無名小站 (B)YouTube (C)Yahoo!奇摩知識+ (D)PChome線上購物。[100技競]

 

B04.HTML(Hyper Text Markup Language)標準是由那一個單位制定的? (A)IEEE (B)W3C (C)ISO (D)EIA[101技競]

 

【其他試題】

D01.以下哪一個軟體不是編寫網頁的軟體? (A)FrontPage (B)Dreamweaver (C)Flash (D)PowerPoint

 

D02.下列那一種不是網頁設計相關的程式語言? (A)HTML (B)XML (C)CSS (D)COBOL[94初考]

 

A03.下列何者不屬於伺服器端網頁開發技術? (A)JavaScript (B)CGI(Common Gateway Interface) (C)PHP(PHP: Hypertext Preprocessor) (D)ASP(Active Server Pages)[96預官]

JavaScript必須下載至電腦端執行。

 

404.有關動態網頁設計,下列敘述何者不正確? (1)PHP是一種用於動態網頁設計的語言 (2)HTML標籤中的Hidden field可用於瀏覽器與伺服器間的傳遞資料之用 (3)Session是一種管理使用者連線資料的方法 (4)Coolie係將使用者的資料儲存於遠端伺服器的技術。[104北捷]

 

計概07-03網頁設計的趨勢-公職試題

【選擇題】

C01.下列程式語言中何者最適於網頁瀏覽器執行? (A)ASP(Active Server Pages) (B)PHP(PHP: Hypertext Preprocessor) (C)JavaScript (D)C++[109鐵路員級]

JavaScript提供網頁互動效果,能內嵌在網頁中執行。

 

計概07-03網頁設計的趨勢

7-3.1網頁設計的趨勢

行動通訊網頁

利用智慧型手機、PDA等手持式行動設備,上網瀏覽網頁資訊。

無障礙網頁設計

分為四級:AA+AAAAA

Web

Web 1.0

站長提供所有資訊,如:新聞網站、產品介紹網站。

Web 2.0

使用者也能提供資訊,如:維基百科、部落格、YouTube

Web 3.0

新的網路服務概念,主要精神是提供個人化的服務。

 

7-3.2網頁排版

框架排版

將畫面分成數個頁框,各自載入不同網頁。

表格排版

利用框線為0的表格,將圖片與文字內容編排至表格。

僅需儲存一個網頁,其他網頁套用時,需複製整個表格來修改。

區塊排版

預先定義區塊的文字大小、色彩、背景底圖等樣式,提供網頁文字與圖片內容套用。

僅需儲存一個CSS樣式檔,其他網頁套用時,只要連結到同一個CSS樣式檔即可。

 

7-3.3網頁技術

動態文件技術

CGI

共用閘道介面(Common Gateway Interface),使用者與網站伺服器程式的傳輸資訊標準。

可編寫CGI有:ASPPHPC/C++JavaVB等。

ASP

ASP.NET

微軟互動式網頁技術,用來存取網路資料庫,文件副檔名為.asp.aspx

PHP

互動式網頁技術,免費,可跨平台執行,用來存取網路資料庫,文件副檔名為.php

客戶端互動技術

ActiveX

微軟開發,可在網頁中執行嵌入的控制項元件。

AJAX

整合非同步的JavaScriptXML技術,不需重新載入整個頁面即可更新資料。

ActionScript

Flash開發,用來控制動畫流程、處理使用者互動反應、製作網路應用程式等。

JavaScript

提供網頁互動效果,能內嵌在網頁中執行。

VBscript

提供網頁互動效果,用於網頁與ASPASP.NET程式製作。