國立雲林科技大學 -- YunTech | 教學大綱、計畫及核心能力 Syllabus & Teaching Plan | 109學年度第1學期

查詢課程之教學大綱、計畫、參考書目、核心能力等資訊

教務資訊系統教學大綱、計畫及核心能力

中文 | English

瀏覽次數：183

教學大綱暨計畫 Syllabus & Teaching Plan

課程名稱

Course Name

網站內容與技術概述
Introduction of Information Architecture and Website Technology

系所課號

Curriculum No.

YUST5174

學年期 / 課號

Semester / Serial No

109 - 1 / 8707

修別

Required/Elective

通識

授課方式

Course Type

課堂教學

開課班級

Class

通識中心

講授-實習-學分

Credits

2-0-2

上課時間教室

Schedule/Classroom

1-CD/MB102

授課教師(教師所屬系所)

Instructor(Department)

黃薰毅(前瞻學程)

人數上限

Max

限50人

教師聯絡資訊E-mail及分機(可洽詢教師所屬系所)

Instructor’s E-mail and Ext.(contact the department)

hsunyi@yuntech.edu.tw

備註

Instructor

1090722停開

課程簡介

Course Introduction

網際網路的發展以及智慧型手機的普及，上網是不分年齡層的生活日常，時至今日以及5G未來，將會有更多的就業或發展機會在此相關領域上，「網站」作為傳遞資訊的載體，從網際網路誕生的那一天，其目的至今沒有改變，但時間推移技術翻新，以及瀏覽器(ex.微軟的Edge、Google的Chrome)越來越強大，各種衍生與應用發明，造成我們天天上網但是對「網站」不知其所以然，可謂最熟悉的陌生人。本課程讓我們從各種面向淺淺的來談「網站」，如網站發展的歷史、網站的色彩美學、網站中內容與架構的知識、網站的運作、撰寫網站...等，講述有關「網站」的種種議題與技術發展至今的基礎樣貌，在今日資訊專業分工之下，往技術面如網站程式設計師、往資料管理如資料庫工程師、或想作為網站的設計師、系統架構師...等，在網站的範疇下創業、就業、或自我實現上提供一個基礎認識。

教學目標

Teaching Objectives

了解有關於網站本身與其周邊相關的各種知識，包含網際網路基本架構、使網站運作的軟硬體、網站的內容的各種編排方式、網站的使用者介面、網站的色彩美學、撰寫網站基本的標籤式語言(HTML)與階層式樣式表(CSS)、動態網站如何運作(DHTML)、介紹資料庫的使用與資料庫的語言(SQL)、網站系統的後端程式語言、手機網站的作法、什麼是無障礙網站、基礎的網站資訊安全...等

評量方式

Evaluation methods

課堂互動、作業繳交、紙筆測驗

課業輔導時間

Office hours

1-AB

教材網站資訊

Teaching Materials

教學計畫附件

Attachment File

教材及參考書目

教學計畫及進度

核心能力關聯

※請遵守智慧財產權觀念。不得非法影印教科書。

序號	教材類別	編訂方式	書名/ISBN	作者	出版者	出版年	索書號或登錄號	備註
1	講義	自編	上課講義	黃薰毅
2	參考書	非自編	Information architecture for the World Wide Web	Louis Rosenfeld, Peter Morville, and Jorge Arango.	歐萊禮 O’Reilly Media	2007

※請遵守智慧財產權觀念。不得非法影印教科書。

週次	教學內容與作業進度	教學方式
第1週	• 每週教學主題：關於網站的專業分工 • 問題性及主要內容：網站的呈現包含內容的設計編排，以及專業技術配合執行，因而在專業分工下有各種不同職務的擔當，這堂課的陳述也相當於為後續課程作鋪排、介紹。	面授
第2週	• 每週教學主題：網站建置的基礎設施與軟硬體配合 • 問題性及主要內容：一個網站能夠開始運作，有其基本的背景環境，也就是網際網路的如何運作，在此環境之下進而開始有架設網站的軟硬體而成為一個整體的搭配。這堂課講述各種礎的知識，包含自己準備主機架站、或者選擇雲端主機的探討。	面授
第3週	• 每週教學主題：網站內容與資訊架構師 • 問題性及主要內容：網站內容如何呈現已有很多的研究討論，本課程介紹從資訊架構到使用者體驗種種的知識概念，呈現一個資訊架構師的主要作為。	面授
第4週	• 每週教學主題：資訊架構分析與設計方法介紹 • 問題性及主要內容：以讓網站有效呈現內容為目標，網站的資訊架構有其分析方法，包含使用者分析、內容分析、環境背景分析等。	面授
第5週	• 每週教學主題：網站的使用者體驗 • 問題性及主要內容：接續資訊架構設計，接著說明網站的使用者體驗基本概念及其應用。	面授
第6週	• 每週教學主題：網站畫面與網站架構 • 問題性及主要內容：接續資訊架構設計，一個網站為就內容表達而言的基本構成元素、以及形成的各種網站架構。	面授
第7週	• 每週教學主題：基於不同設備與不同需求的網站設計 • 問題性及主要內容：講述因應手機、平板等不同的設備，網站的設計原則、方法。本課堂也將介紹無障礙網站。	面授
第8週	• 每週教學主題：網站的色彩學 • 問題性及主要內容：在網站中色彩的表示方法，色彩的搭配、運用知識。	面授
第9週	期中考試週	面授
第10週	• 每週教學主題：網站的基礎語言 • 問題性及主要內容：講述網站最基礎的html語言其各種標籤應用、以及階層式樣式表(CSS)如何讓網頁呈現各種樣貌。	面授
第11週	• 每週教學主題：網站的程式語言 • 問題性及主要內容：不同於網站的標籤語法，本課堂介紹最基礎的程式語法，無論是用在網站的前端工程或後端應用、無論採用什麼程式語言，這些基本的程式邏輯是不變的，這堂課期望建立學生對於程式語言最基本的認識。	面授
第12週	• 每週教學主題：動態網站的前端知識 • 問題性及主要內容：網站的前端工程如何實現與使用者的互動？利用之前講述的網站基礎語言的知識，以及程式語言的基本邏輯，本課堂讓學生了解所謂的DHTML是怎麼回事，簡單介紹專屬於前端的javascript語言、以及現代流行的jQuery如何達成網站隨使用者操作而變化的目的。	面授
第13週	• 每週教學主題：多樣化的網站後端程式語言 • 問題性及主要內容：網站後端的程式語言並不像前端，萬變不離javascript，而是隨著使用者意願、搭配不同的網站伺服器引擎，有非常多種的語言可以選擇使用，但他們的目的基本是相同的，然而，網站系統發展至今，後端語言發展出了幾種截然不同的開發框架，並且還在發展中，這是初學者入門時最容易產生困惑的地方，我們將利用兩次課堂來介紹後端的程式語言不同框架的特色，以及討論如何選擇。	面授
第14週	• 每週教學主題：多樣化的網站後端程式語言(續) • 問題性及主要內容：介紹傳統文稿式的後端撰寫方式、一般.Net的後端程式語言開發方式、MVC架構的開發方式等。	面授
第15週	• 每週教學主題：網站中的資料儲存 • 問題性及主要內容：關於網站的議題，除了內容、畫面呈現、另一個重要的部份是資料的儲存，這堂課將介紹資訊系統的資料庫，包含種類與基本設計方法，並介紹前後端程式如何與資料庫與進行交流。	面授
第16週	• 每週教學主題：資料庫語言介紹 • 問題性及主要內容：資料庫也有其專屬的語言，不同廠商的資料庫語言略有不同但差異不大，本課堂講述最基本的資料庫語言，闡述它想要實現的主要功能與目的。	面授
第17週	• 每週教學主題：網站的資訊安全工作 • 問題性及主要內容：資訊安全問題除了在自己的個人電腦安裝防毒軟體、加裝防火牆，對於網站資訊系統而言還包含了利用密碼保護的網站請求連線、預防重要資料被竊取而應注意的程式撰寫方法...等。這部份重要性高但技術也較深，本課堂期望讓學生知曉認識，也將介紹可以直接使用的資安軟體。	面授
第18週	期末考試	面授

※請遵守智慧財產權觀念。不得非法影印教科書。

無相關課程核心能力