影視攝影實務 電影、微電影、紀錄片、MV、CF

星期六, 3月 31, 2018 0 留言 A+ a-

電影

電影是一種表演藝術、視覺藝術及聽覺藝術,
利用膠卷、錄影帶或數位媒體將影像和聲音捕捉起來,再加上後期的編輯工作而成。
電影中看起來連續的畫面,是由一幀幀單獨的照片構成的,
至於關於電影中運動的感知,是因為人們因為視覺上的飛現象(Phi phenomenon),
使得對一連串靜態圖片卻會造成移動的錯覺。

電影製作本身是藝術也是產業。電影可以由電影攝影機拍攝真實影像再製作而成,
也可以利用傳統的動畫技巧繪製圖畫再拍攝圖畫而成,
甚至可以利用電腦成像及計算機動畫製作電影,
也可以在電影中利用上述所有的技術及其他視覺效果。
電影技術發展初期有各種不同的放映速度,
但現時電影都多以每秒二十四格圖像作放映標準。

微電影

微電影(英語:Microcinema、 Micro Movie 或 Micro Film)
主要是指時長較短但製作方式與電影相似的行銷作品。

微電影不是純創作的短片(Short Film)。短片相較於長片為時間較短之電影,
如劇情片較長者為劇情長片(俗稱的電影),較短者稱為劇情短片。
而微電影是異於電影創作的行銷方法,為故事行銷的一種分支。

微電影的時間長度沒有標準,可以單獨成篇,但也有成系列的小型電影。
微電影主要以公益推廣、形象宣傳、商業訂製、個人創意等為目的,
因其長度較短且有完整劇情呈現,對民眾來說是受歡迎且具有吸引力,
因此近年來微電影以各種形式被社會各界廣泛地使用中。

紀錄片

紀錄片是指描寫、記錄或者研究現實世界題材的電影。
與紀錄片相對的為劇情片。在大多數情況下,紀錄片不需要演員參與。
在紀錄片中表現的人、地點、情況與現實、實際情況一致。
紀錄片的題材範圍廣泛,既包括完全紀實的電影,亦包括了真人秀、新聞、綜藝等節目。

MV(音樂影片,Music Video)

指與歌曲搭配的短片,現代的音樂錄影帶主要是為了作為宣傳音樂唱片而製作出來。

CF(廣告,Commercial Film)

通常用來宣傳商品、服務、組織、概念等。


共通點

  1. 動態影音
  2. 作品、創作
  3. 賺錢、賠錢

不同點

  1. 時間長度
  2. 播出平台
  3. 內容、故事
  4. 金額、成本
  5. 表現方式
  6. 觀眾、年齡層

影視製作概論 電影三大風格

星期五, 3月 30, 2018 0 留言 A+ a-

電影三大風格

古典主義:
傳統、商業電影、起承轉合、三幕劇。
在電影問世初期,就已朝著兩個方向發展:寫實主義和形式主義。
然而這兩種風格只是概括而非絕對的名詞,換句話說,
很少有電影是絕對的寫實主義或形式主義,而介於兩者間像是大部分的劇情片,
會迴避極端的寫實或形式主義的中間風格(但大部分還是會傾向某一個風格),
一般稱之為古典電影(Classical Cinema)。

形式主義:
風格化、實驗色彩。
藝術、文學或戲劇中強調形式(技巧)而不強調題材的表現手法。
形式主義通常是表現主義者,其極端的例子往往可在前衛電影中看到,
這些電影非常抽象,其純粹的形式(非具象的色彩、形狀)構成了唯一的內容。
一般而言,形式主義在電影表現或分析上,是強調藝術內涵存在於形式的創造力之上,
認為唯有透過電影的形式技巧,一部影片的藝術意義才得以被傳達出來。

寫實主義:
紀錄片、紀實。以創造現實真貌為旨趣的一種電影風格。
寫實主義電影摒棄對被拍攝對象採取主觀的技巧,盡量不使用過於表現的拍攝技巧,
試圖保持幻覺-電影中的世界是未經操縱,而較客觀反映真實的世界。
也因追求不切割時空的完整真實性,故較常採用長鏡頭,避免繁複的剪接。
寫實主義的風格大致來說並不醒目,寫實主義者較關心電影顯現了「什麼」,
而不是如何操縱這些元素,但這可不是說寫實主義電影缺乏藝術性,
因為最好的寫實主義藝術,最擅長的便是隱藏其藝術手段。

影視製作概論 電影鏡頭(Shots)

星期四, 3月 29, 2018 0 留言 A+ a-

電影鏡頭(Shots)

場景建立鏡頭(Establishing Shot,ES)
大遠景/極遠景(Extreme Long Shot,ELS)
遠景(Long Shot,LS)
全景(Full Shot,FS)
中景(Medium Shot,MS)
中近景(Medium Near Shot,MNS)
近景(Near Shot,NS)

寬特寫(Wide Close-Up,WCU)
全特寫(Full Close-Up,FCU)
中特寫(Medium Close-Up,MCU)
特寫(Close-Up,CU)
大特寫(Extreme Close-Up,ECU)

長鏡頭(Long Take)
望遠鏡頭(Telephoto Lens)
深焦鏡頭(Deep-Focus Shot)
廣角鏡頭(Wide-Angle Shots)

軌跡鏡頭(Tracking Shot):跟拍。
正拍與反拍鏡頭(Shot and Reverse Shot)
過肩鏡頭/拉背鏡頭(Over-The-Shoulder Shot,OTS)
主觀鏡頭/第一人稱鏡頭(Point-of-View Shot,POV)

鏡頭角度(Angle)

俯角鏡頭/高角度鏡頭(High Angle Shot,HA):由上往下看。
仰角鏡頭/低角度鏡頭(Low Angel Shot,LA):由下往上看。
水平角度/平視鏡頭(Eye-Level Shot) ─正面
水平角度/平視鏡頭(Eye-Level Shot)─側面
水平角度/平視鏡頭(Eye-Level Shot)─斜面
鳥瞰鏡頭(Bird's Eye View,BEV)

攝影機運鏡(Camera Movements)

定鏡(Fix):鏡頭固定。
橫搖(水平移動鏡頭,Pan):攝影機原地做左右運動。
直搖(垂直移動鏡頭,Tilt):攝影機原地上下垂直運動。
平移(Truck):攝影機鏡頭不動,但機身左右移動的拍攝方式。
推軌(Dolly):攝影機鏡頭不動,但機身前後移動的拍攝方式。
升降(Pedestal):使用油壓昇降機座,使整個攝影機原地上下移動。其中整個水平不變。
變焦(Zoom):具有將視覺焦點推近主題或拉遠主題的效果。視覺透視感會不段的改變。
弧線(Arc):攝影機以主體為中心,對主體做圓弧形移動的運動。
焦點轉移(Rack Focus):改變對焦距離,或者將對焦點移至另一個主體。
破水平(Cant):破水平拍法,在鏡頭中的物體,會看起來不平衡,進而產生有力,或搖動的感覺。
跟拍(Follow):攝影機跟著被攝體移動。
手搖鏡頭(Hand-Held Camera)或晃動鏡頭(Shaky Camera):能帶給觀眾一種未經演練與修飾的臨場感受,會讓人覺得看到的畫面很「真實」。

轉場效果(Transition)

淡入(Fade In):淡入可以和任何影片背景做轉換,可由白色或黑色背景轉至影片。
淡出(Fade Out):淡出可以和任何顏色背景做轉換,或轉至白色或黑色背景。
溶接(Dissolve):在一個場景淡出時,另一個場景淡入。
跳接/跳剪(Jump-Cut):表示兩個以上的鏡頭,以不連戲的方式剪接起來。
劃接(Wipe):劃接能以各種方向移動,垂直、水平或斜角劃去前一個鏡頭。
圈入(Iris In):畫面在圓中,逐漸放大這個圓,直到畫面完全出現。
圈出(Iris Out):以一個圓將畫面的外圍遮住,並逐漸縮小這個圓,直到畫面完全消失。
聚焦(Focus In):從模糊的畫面到聚焦。
失焦(Focus Out):從清晰到畫面完全模糊。


影視製作概論 電影製作

星期二, 3月 27, 2018 0 留言 A+ a-


電影製作

電影製作、或稱電影製片(Filmmaking)指的是製作電影的過程。
電影的性質決定了製作期間所需工作團隊的規模大小和類型。
許多好萊塢冒險電影需要電腦運算的影像(CGI),
必須由非常多的3D模型設計師、動畫師、動態描繪師和其他人員來製作。
然而,一部預算較低的獨立製片電影,
可能僅由小型的工作團隊製作,通常薪資待遇也較低。

故事線(敘事編劇)

反英雄(Antihero)
間幕/字卡(Intertitles)
公式化情節(Contrivance)
麥加分母題(MacGuffin)
母題(Motif)
嘲仿(Parody)
最後關頭救援(Last-minute Rescue)
非線性敘事(Nonlinear Narrative)
改編劇本(Adaptation)
原著劇本(Original Screenplay)
古典模式/戲劇結構(Classical Paradign/Dramatic Structure)
敘述 & 旁白(Narration & VO)
倒敘(Flashback)
三幕劇(a 3-Act Structure)
角色設定(Character Development)

拍攝現場

前製(Pre-production)
打燈 & 三點打燈法(Lighting & Three-point lighting)
深焦攝影(Deep-focus Cinematography)
鏡次(Take)
建立鏡頭(Establishing Shot)
望遠鏡頭(Telephoto Lens)
180度假想線(Axis of Action, 180 Degree Rule)
景深 & 光圈(Depth of Field & Aperture)
焦點 & 焦距(Focus & Focal Length)
畫幅比例(Aspect Ratio)
白平衡(White Balance)
色溫(Color Temperature)
曝光(Exposure)
攝影棚搭景(Studio)
分鏡(Storyboard)
場景設計(Set Design)
取鏡距離(Camera Distance)
廣角鏡頭 & 魚眼鏡頭(Wide-angle Lens & Fish-eye Lens)
攝影機運動(Camera Movement)
伸縮鏡頭(Zoom Lens)
取鏡角度(Angle of Framing)
反跳/反應鏡頭(Reaction Shot)
觀點(Point of View)
借位(Cheat Cut)

數位後製

分割畫面/多視像(Split Screen)
粗剪 & 定剪(Rough Cut & Final Cut)
連戲剪接(Continuity Editing)
數位放映(Digital Projection)
電腦動畫合成背景/藍幕合成( Blue Screen Process)
重複曝光(Double Exposure)
線性剪接 & 非線性剪接(Linear & Non-linear)
交叉剪接(Crosscutting)
轉場效果(Transition)
後製(Post-production)
畫素 & 解析度(Pixel & Definition)
電視廣播系統(NTSC & PAL)
數位化(Digitization)
數位修復(Digital Restoration)
數位拍攝 Digital Filming(Digital Cinematography)

聲音

混音(Sound Mixing)
擬音(Foley)
音畫對位 Counterpoint(Contrapuntal Sound)
音畫合一&音畫分離(Sync Sound/ Non-Sync Sound)
全景聲(ATMOS)
杜比(DOLBY)
電影主題曲(Theme Song)
旁白/口白(Voice-over)
同步錄音(Synchronous Sound)
立體聲(Stereo)
音效(Sound Effect)
配樂(Score)
對白配音(Dubbing)/同步對嘴錄音(ADR)
畫內音/畫外音(Diegetic Sound/Non-diegetic Sound)

影視製作概論 台灣新浪潮電影

星期一, 3月 26, 2018 0 留言 A+ a-


台灣新浪潮電影

台灣新浪潮電影,亦稱台灣新電影運動或台灣新電影,為1980年代至1990年代左右,
由台灣新生代電影工作者及電影導演所發起之電影改革運動。
電影主要呈現寫實風格,其題材貼近現實社會,回顧民眾的真實生活,
由於形式新穎、風格獨特,促成了台灣電影的新風貌。

代表人物:侯孝賢、蔡明亮、楊德昌、吳念真、陳國富。

義大利新寫實

義大利新現實主義,也稱作義大利電影黃金年代,是一場國家電影運動,
特徵為講述窮人和工人階級的故事,在外景拍攝,常使用非專業演員。

法國新浪潮

法國新浪潮是影評人對於1950年代末至1960年代的一些法國導演團體所給予的稱呼,
他們主要受到義大利新寫實主義與古典好萊塢電影的影響。
法國新浪潮的特色在於,導演不只主導電影,更成為電影的作者和創作人。
風格特色包括快速切換場景鏡頭等創新剪接手法,或是像「跳接」,
在整體敘事上製造突兀不連貫效果。

電影作者論(Auteur theory)

是電影史上標誌性的電影理論,產生於法國新浪潮運動時期。
電影以作者為核心命題,作者以完成自己為目標。

影視製作概論 三幕劇結構

星期日, 3月 25, 2018 0 留言 A+ a-

編劇基礎,第一次寫故事找不到方向,可以參照三幕劇的結構。

三幕劇結構

故事的起頭→發生的事件、衝突→如何解決問題、解決的過程→收尾。

前製作業


  1. 腳本發想
  2. 設計腳本
  3. 分鏡腳本

《戀與製作人 X LUX》尋找你的味道

星期五, 3月 23, 2018 0 留言 A+ a-


應力士品牌之邀,《戀與製作人》正式開啟與力士香氛沐浴露的合作。
四位男主也親自加入,只為尋找最適合你的味道!
2018年3月23日,李澤言、白起、許墨、周棋洛
將親臨線上力士香氛沐浴露發布會,量身定制,專屬於你的味道。

周棋洛——力士沐浴露全新代言人
我想和你染上同一個氣味——這樣就能大聲地告訴所有人,我屬於你啦。

白起——力士沐浴露特邀尋香師

我說不出什麼形容詞,只是聞起來會讓人心安,像你的味道。

許墨——力士沐浴露新任調香師

真羨慕這些包裹在你身上的香氣,能甜軟地碰觸你,夜夜擁你入眠。

李澤言——力士沐浴露新品投資人

別讓其他人聞到這個味道,你這麼毫無防備的樣子,讓我一個人知道就夠了。

3月23日線上力士香氛發布會,向你發出這封邀請:
周棋洛、白起、許墨、李澤言等待你的到來。

戀與 X 力士各款沐浴乳禮盒已於京東超市上架,各禮盒附送遊戲禮包。
店內買滿 RMB 99 送贈官方戀與掛件。









【GTA 5】更新失敗,錯誤「代碼:203」的解決方法

星期二, 3月 20, 2018 0 留言 A+ a-

久違的想開GTA V卻遇到更新問題嗎?這邊提供更新失敗代碼:203的解決方法!





















其實只是我剛好也遇到就拍個片XDD

執行命令提示字元

先在搜尋打「cmd」,找到「命令提示字元」並執行。

找到GTA V安裝的資料夾

接下來要看你安裝GTV V的路徑決定切到哪個磁碟,
我的安裝位置是在D槽,所以我就要打「D:」之後按下Enter來切換到D槽。

打上「cd」cd就是Change Directory,切換目錄的意思。






一樣看自己安裝的路徑,我的路徑是在D:\Game\GTA5,
那我後面就要輸入「 Game\GTA5」確定好後按下Enter。

更新

最後輸入「GTAVLauncher.exe -verify -noChunkedDownload」按下Enter,
會自動跳出登陸器開始更新。

後面我出現錯誤代碼:201,按一次重試就解決了XDD
之後就等更新吧!我更新了約2個小時。

更新完之後就開始享受遊戲!

網頁設計 版面分割排版

星期一, 3月 19, 2018 0 留言 A+ a-

有兩種分割版面(框架)的方法:

  1. table 表格法 → 不適用、落伍
  2. DIV+CSS → 現代網頁設計都用這種排版

CSS - Box Model(中文:區塊模型、方框模組、盒子模組) 

擺放位置可自由擺放排版面。


IT術語

Web Site(網站)
網站是指在全球資訊網上,根據一定的規則,使用 HTML 等工具製作的用於展示特定內容的相關網頁的集合。

Web Page(網頁)
顧名思義是網站上看到的其中一頁,是互聯網上的一個獨立檔案。

Home Page(首頁)
首頁或主頁意指網站的初始網頁,有時也被稱作起始頁。網站的入口頁面。

SEO(全名:Search Engine Optimization,中文:搜尋引擎最佳化)

是一種透過了解搜尋引擎的運作規則來調整網站,以及提高目的網站在有關搜尋引擎內排名的方式。


下一篇 網頁設計 版面分割排版2

網頁設計 CSS

星期日, 3月 18, 2018 0 留言 A+ a-


CSS(全名:Cascading Style Sheets,中文:層疊樣式表)

是用來描述 HTML 或 XML(包含SVG 或XHTML 等各種XML 變形)文件外觀的樣式表語言。

CSS Selector(CSS 選擇器、選取器)

有三個類型:標籤、類別、ID。
  1. 標籤(tag)
  2. 類別(class)→ .aa .bb .cd(類別可以重複使用)
  3. ID(id)→ #dd #ee #fg(ID 不可以重複使用)

HTML 與 CSS 寫法上的差異

HTML

<標籤 屬性="值" 屬性="值"......>......</標籤>

舉例:<table> 是表格標籤,
width 是屬性代表表格寬度,後面寬度值 600,
border 是屬性代表框線,後面的1是框線的粗細值,</table> 是表格標籤的結束。
<table width="600" border="1"></table>

CSS

在 CSS 中 ; 表示結束。所有的 Selector 一定要放在 style 裡面。
剛開始如果不知道怎麼用 CSS ,就照著下面說的:「如果標籤可以解決問題,就先用標籤解決。」
因為類別可以重複使用,所以可以套在會重複用到的地方。如果只有一個地方要用,就使用 ID 。

Selector{
屬性:值;
屬性:值;
......
}

下面舉例是在標題上面全部套好一個顏色,
在指定(下方有表格的)幾個標題想要更改另一個顏色,
最後又有另一個標題(有項目清單的)想再給它不同顏色。
以上情況剛好可以說明 CSS Selector 三個類型的用法。

  • 標籤(tag)

在 h3 的標籤,套上16進位 39f 的顏色。
<style type="text/css">
h3{
  color:#39f;
}
</style>

  • 類別(class)
在 h301 的標籤,套上16進位 6c6 的顏色。
<style type="text/css">
.h301{
  color:#6c6;
}
</style>

用類別要再到選定的 h3 下指令,不然只寫了上面的也不會有反應。
<h3 class="h301">......</h3>

  • ID(id)
在 h302 的標籤,套上16進位 f00 的顏色。
<style type="text/css">
#h302{
  color:#f00;
}
</style>

ID 同樣的要再到選定的 h3 下指令,不然也不會有反應。
<h3 id="h302">......</h3>

遊戲入門與企劃 課堂筆記D2

星期四, 3月 15, 2018 0 留言 A+ a-


PAGE 1:TITLE PAGE

遊戲主頁:想好遊戲名稱、遊戲系統、目標族群、遊戲年齡層、玩法、難易度、劇情、專案預計工作期程、遊戲 LOGO。

PAGE 2:GAME OUTLINE

遊戲大綱:遊戲簡介、故事簡介、遊戲流程(遊戲玩法 GAME FLOW)、空間、時間、視角、過關或失敗條件。

PAGE 3 :GAME CHARACTER

角色(主題設計)。

PAGE 4:GAME PLAY

玩法:操作指引、描述操作介面......。

PAGE 5:GAME WORLD

世界觀:可以畫出草圖、用文字描述,地理、歷史、背景......。

PAGE 6:GAME EXPERIENCE

遊戲經驗:類似那些遊戲,音樂、美術風格......。要讓玩家體驗到什麼?達到什麼感覺?情緒、體能、感知。

PAGE 7:GAME MECHANIC

遊戲關卡:
Mechanic 關卡機制、常態操作。
Hazard 陷阱、突發事件。
Power-up 升級機制的有無。
Collectibles 寶物、物件列表、背包系統(可以用表格整理)。

PAGE 8:ENEMIES

敵人:在不同關卡產生的條件、會不會用到 AI 人工智慧。魔王(BOSS)的特色描述、數值系統。

PAGE 9:CUTSCENES

分鏡:偏大遊戲才有分鏡。小遊戲可以規劃回合列表、場景。

PAGE 10:BONUS MATERIALS

關卡獎勵:到第幾關放什麼?非主線的獎勵是什麼?


紀錄日期:17-10-31

遊戲入門與企劃 課堂筆記D1

星期三, 3月 14, 2018 0 留言 A+ a-


把之前的筆記打起來而已XDD

即時發想腦力激盪

空間:三維、第三人稱。真實比例。
時間:正常世界的變化(變動)。現實一小時是遊戲的一天。
情緒:主角和她妹妹入住了一棟房子,沒想到等著他們的竟是一連串靈異事件,他們必須解開重重的謎團,才能逃離那個不識他們該待的世界。
環境:現世/靈界(兩個會切換)。周邊的房子都沒人住,一個稍微偏僻的宅邸。

角色

成人:8、9頭身
青少年:5、6頭身
幼年:3、4頭身
西方角色設計以為主,東方為主(例如:衝動髮色:紅、橙、黃)。

角色塑造

性格、情節、有戲劇性、故事情境、功能性、合理性、可看性

AR的要件

辨識,只要做辨識卡,就不能有對稱,因為它要對座標。



盤點 ACG 中 ─ 有駭客能力的男性角色

星期日, 3月 11, 2018 0 留言 A+ a-

《戲劇性謀殺》(英語:DRAMAtical Murder)

 Noiz(ノイズ(諾伊茲))
  • 配音:野次馬根性/日野聰(日本)
  • 生日:6/13
  • 星座:雙子
  • 血型:B型
  • 年齡:19歲
  • 身高:179cm
  • 慣用手:右撇
  • 幫派:ラフラビット(RUFF RABBIT)*成員

萊姆遊戲高手,似乎對萊姆有特別的感情。說話口氣淡薄,有時會做出意想不到的動作。





《博多豚骨拉麵團》(日語:博多豚骨ラーメンズ)

 榎田(榎田)
  • 配音:小野賢章(日本)
  • 棒球位置:中外野手

以網咖為據點的天才駭客情報商,為某議員的兒子,8年前曾被父親下令殺掉,
因此資料上顯示已死亡,但實際上父親是想讓他自由。曾從屬於海外的駭客集團。
白金色的蘑菇頭和顯眼的服飾是其特徵。





《戀與製作人》 

 周棋洛
  • 其他名稱:洛洛、棋洛、周萌萌、小奶狗、周甜甜、周阳阳
  • 配音:柿原徹也(日);邊江(中國)
  • 生日:4/9
  • 星座:白羊
  • 年齡:22
  • 身高:176cm 
  • 職業:超級巨星/黑客 
  • Evol:絕對吸引力
性格溫暖陽光,自信活躍,作為超級巨星卻平易近人,細心溫和不失俏皮,機敏富有觀察力,男友力爆棚。淺金色的柔軟髮絲、深藍色眼眸、洋溢著少年之氣的臉龐。

隱藏身份(劇透注意,劇情第八章)
身為超級巨星的他,背後隱藏著讓人驚訝的秘密。
他不只是人們眼前的明亮太陽,還有著讓人敬畏的黑客 “key” 這一身份。
每當他的雙手觸碰鍵盤,他就會變得專注認真,少言寡語。
身為前代 key 的弟子,他揭露了多次黑客的惡意攻擊,並在黑客大會上解除了炸彈危機。




網頁設計筆記 例行公事

星期日, 3月 11, 2018 0 留言 A+ a-


因為學校的電腦每次開機都會自動還原,所以每次上課都要重新設定一些東西。
以下只是把上網頁設計課的例行公事,記錄在這邊。

介面設定

Adobe Dreamweaver CS6 用「傳統」介面。
「檢視」→「分割」,「垂直分割」可以切換左右或上下,也可改成檢視程式碼在下方。

開啟檔案

「檔案」→開新檔空白頁→文件類型改 HTML5 →建立。

更改字體

「編輯」→「偏好設定」→「字體」→程式碼檢視→字體「Consolas」→ 大小可以改成 12 或 14 較方便看。(14 我覺得看起來太大,所以我都用 12 而已。)

因為在 Dreamweaver 中,程式碼預設字體的0和O看起來很像,加上文字大小也沒有調整更難分辨,所以我們更改成較容易辨別的字體。

建立專案

Dreamweaver 網站專案,路徑錯了會有問題,因此在學校的電腦上,我們放在桌面就好。

「網站」→「新增網站」→網站名稱是給自己看的,打中英文都沒差→本機,連結桌面建立的資料夾跟目錄位置(看的到 html 那裡,看到 image 資料夾就不要再點進去)。

網頁設計筆記 標準化的網頁設計

星期六, 3月 10, 2018 0 留言 A+ a-

網路架構主要是由伺服器端的網站及客戶端的瀏覽器兩部分組成;
伺服器網站提供資訊服務,客戶端瀏覽器是向網站提出瀏覽資訊的請求。

網頁內容是利用 HTML 標籤編寫而成,附檔名為 *.html 。


前端

  1. HTML → 架構
  2. CSS → 呈現
  3. JavaScript → 行為、動態、互動程式
手機不支援 Flash Player,因此 Adobe 也逐漸將 Flash 淘汰,改版為 Animate , Animate 支援 HTML5 輸出可以在手機上看。


後端

OS(作業系統)
Server(伺服器)
Database(資料庫)
程式語言
Windows Server
$
IIS
Free
MS-SQL
$
ASP.Net
Free
Linux
Free
Apache
Free
MySQL
Free
PHP
Free

任何空網頁一定有

<html>
 <head>
 </head>
 <body>
 </body>
</html>
CSS、JavaScript 可放在 head 裡,也可放在 body 裡。
網頁內容全放 body 裡。

網頁設計的基本要件

  1. 標籤
  2. 標籤有開始有結束,少數例外(在另一篇網誌有舉例
  3. 巢狀結構
網頁必備元素為文字、超連結圖片;而聲音、視訊、動畫、特效、互動性則為次要元素。


網頁設計的流程

  1. 構思階段:擬定網站主題、資料蒐集整理、規劃網站架構。
  2. 設計製作:版面編排設計、組合網站元素、校對網站內容。
  3. 上傳推廣:上傳與測試、網站登錄與推廣、網站更新與維護。

網頁設計注意事項

所有網頁設計的檔案名稱,不要使用中文。

瀏覽器有容錯率。
容錯率是指在某個體系中,能減小一些因素或選擇對某個系統產生不穩定的概率。容錯率越高,對效果的影響越小;容錯率越低,對效果的影響越大。
你在寫網頁的時候,如果沒有遵照基本規則,瀏覽器預覽可能還是跑得出來,但是一超出容錯率的範圍,網頁就會掛掉。

【教學】Premiere Pro CC 快速上字幕小技巧(新版)

星期六, 3月 10, 2018 8 留言 A+ a-

舊版的可以去另一篇網誌看喔 【教學】Premiere Pro快速上字幕小技巧 必能讓你收穫滿滿!

下面是新版的操作教學,遇見了就不要錯過,更快速、更完整的小技巧都在這裡!



重點步驟:

1.下載 PrTitleCreator 字幕產生器,載點:https://goo.gl/kYt7pm 。


2.開啟舊版 Premiere Pro 並製作字幕的項目,File→New→Project... (文件→新建→項目...)。


3.請使用 Area Type Tool 水平區域文字工具或 Vertical Area Type Tool 垂直區域文字工具來製作字幕。


4.調整字體、大小、邊框、顏色、位置......等屬性。

看到這篇文真的是賺到,下面我翻譯整理了
標題屬性常用功能的中英對照參考,
有些在影片還沒有提到呢!

Opacity 不透明度
X Position X軸位置
Y Position Y軸位置

Font Family 字體系列
Font Style 字體樣式
Font Size 字體大小
Leading 行距
Tracking 字距
Underline 底線

Fill 填滿
Solid 實心的
Linear Gradient 線性漸變
Radial Gradient 徑向漸變
4 Color Gradient 4色漸變

Strokes 描邊
Inner Strokes 內側邊
Outer Strokes 外側邊
Sheen 光澤

Shadow 陰影
Angle 角度
Distance 距離

Left 靠左
Center 置中
Right 靠右
Vertical Center 垂直置中
Horizontal Center 水平置中
Area Type Tool 水平區域文字工具
Vertical Area Type Tool 垂直區域文字工具




5.將左邊(位置置中)和上方(段落置中)都按下置中的選項,
才能確保之後產生的每段字幕都能保持置中。


6.開始導出製作好的字幕作為字幕範本。


7.使用 PrTitleCreator 字幕產生器,大量產生字幕。

範本檔案:導出的字幕範本。
對白檔案:打好的字幕,每一行都會變成一個字幕檔。

輸出資料夾:字幕輸出的目的地。


8.將產生的字幕,拖曳到舊版或新版的 Premiere Pro 並完成剪輯。

(P.S. 這種上字幕方式,對已經事先打好稿的創作者來說較為適合。)



其他在影片中提到的技巧說明:


Premiere Pro CS6 或更早的版本,預設開啟的項目是 4:3,在輸出之前將畫面長寬比改成 16:9 的方法。
1.將一段 16:9 的影片拖曳到軌道上。

2.選擇 Change Sequence Settings(更改序列設置),此時畫面的長寬比就會變成 16:9 了。

2018-12-21 更新

今天發現 PR CC 可以直接弄出舊版字幕喔!
File(檔案)→New(新建)→Legacy Title...(舊版標題)

網頁設計 標籤

星期五, 3月 09, 2018 0 留言 A+ a-


Adobe Dreamweaver 常用快捷鍵

Ctrl + C 複製
Ctrl + V 貼上
Ctrl + Z 還原
Ctrl + X 剪下

編碼格式

UTF-8(8-bit Unicode Transformation Format):
是一種針對 Unicode 的可變長度字元編碼,也是一種字首碼。
補充:網站只有英文不一定要宣告,如果有英文以外的文字一定要宣告,不然會顯示亂碼。

Unicode(中文:萬國碼、國際碼、統一碼、單一碼):是電腦科學領域裡的一項業界標準。
它對世界上大部分的文字系統進行了整理、編碼,使得電腦可以用更為簡單的方式來呈現和處理文字。

標籤介紹

標籤的概念
<標籤>

標籤後面可以打屬性
<標籤 屬性="值" 屬性="值"......>......</標籤>

舉例:<table> 是表格標籤,
width 是屬性代表表格寬度,後面寬度值 600,
border 是屬性代表框線,後面的1是框線的粗細值,</table> 是表格標籤的結束。
<table width="600" border="1"></table>


HTML 標題

<h1> ~ <h6> 都是粗體字標題。數字越小(h1)顯示的字越大,數字越大(h6)字越小。
<h1>在此輸入標題</h1>
<h2>在此輸入標題</h2>
<h3>在此輸入標題</h3>
<h4>在此輸入標題</h4>
<h5>在此輸入標題</h5>
<h6>在此輸入標題</h6>


段落

每段上下都會空一行,HTML 段落是通過 <p> 標籤進行定義的。
<p>段落</p>

換行

<br> 或 <br /> 都可以使用。
在此輸入文字<br>


空格

網頁的空格代碼。在 Dreamweaver 中預設空白符號只有一格,可輸入此語法增加空格。
&nbsp;

表格

<tr> 表示行。<td> 表示列。下面舉例 2*3 表格的語法。
<table>
 <tr>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
 </tr>
 <tr>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
 </tr>
</table>

項目清單

<ul>
 <li>在此輸入項目</li>
 <li>在此輸入項目</li>
 <li>在此輸入項目</li>
</ul>

改變項目符號屬性 type 後面可以用 disc、square、circle。
<ul type="disc">
 <li>在此輸入項目</li>
</ul>


編號清單

<ol>
 <li>在此輸入編號</li>
 <li>在此輸入編號</li>
 <li>在此輸入編號</li>
</ol>

改變編號清單屬性 type 後面可以用 1、a、A、i、I。
<ol type="1">
 <li>在此輸入項目</li>
</ol>


*自己跟自己頭尾的標籤


<meta>
<br>
<img />

一定要有屬性的標籤(至少一個屬性)

<img src =" ">
<a href =" ">......</a>

《戀與製作人》靜待花開活動情報,免費獲得SSR

星期二, 3月 06, 2018 0 留言 A+ a-

陽春三月,天氣漸漸和暖,元宵活動也已近尾聲。
相繼開學的大家,是否也期待著,春暖花開之時,和心上之人結伴郊遊?

開學季特別企劃 ──【靜待花開】活動即將開啟。

這個春天,不僅送你免費SSR,更要給你:春日陽光般的微笑,驅趕寒冬的溫暖回憶。
活動期間參與【靜待花開】特別活動,達成指定目標,即可免費獲得【許墨·桃之夭夭】限定SSR。


-如果你願意的話,一輩子也可以。-


*獲得羈絆即可獲得許墨的電話春困
*羈絆升星·三星即可獲得許墨的短信春日的煩惱
*羈絆進化即可獲得許墨的電話郊遊之後
*獲得羈絆且許墨好感度達到5級,可解鎖全新約會:許墨·春日之約


活動時間:

2018年3月13日5:00〜2018年4月8日23:59(共計27天)


養育日記:

每天照料許墨送給你的梔子花苗,寫下屬於你們兩個人的養育日記!
等待花朵綻放的那天,就一起去郊遊吧〜


活動內容:

1.活動期間,每日可對梔子花苗進行一次【澆水】,隨著澆水次數增加可解鎖【成長日記】,澆水無任何花費;
2.澆水12次後,梔子花開放,即可獲得【許墨·桃之夭夭】限定SSR;
3.對梔子花苗進行【澆水】【施肥】都可獲得成長值,成長值達到指定數值,即可領取多種道具獎勵。


特別注意:

1.【許墨·桃之夭夭】必須要澆水滿12次才能獲得,請各位製作人注意時間,每日澆水。
2.每日只可澆水一次,完全免費。
3.羈絆需手動領取,千萬不要忘記哦〜

春日之約:
終於等到許墨送的梔子花開花的這一天,我們的郊遊約定也提上了日程。
賞桃花的時候,我發現了許墨,不一樣的一面......


更多【靜待花開】活動細節,請關注戀與製作人的官方消息!

醬油推薦:薄鹽甘田醬油,無添加鉀鹽新配方

星期日, 3月 04, 2018 0 留言 A+ a-


薄鹽甘田醬油的由來:有一天,有一位擅長日式料理的主廚來豆油伯拜訪,主廚說想找一瓶臺灣原豆純釀的「日式醬油」,可以佐日式料理,醬色較淡卻不失醬香,主廚離開後,老闆和廠長經過了一番討論和腦力激盪下,研發出豆油伯首瓶『薄鹽醬油』。
要說這瓶甘田薄鹽醬油和一般的薄鹽醬油有什麼不同呢?這就要請看VCR,由Lulu姐向大家說明 :甘田醬油和其他品牌有哪些不同?https://youtu.be/_QDoYMO25Ug
現代人講究健康生活,重視養生型態的想法日益漸深,而追求理想生活的首要步驟,就是從餐桌上健康飲食開始,醬油是廚房必備調味品,每一道菜餚的顏色,從倒入醬油那一刻,蔬菜、生鮮、魚肉的鮮味提升、顏色躍然,為每一道菜注入生命力。
薄鹽甘田醬油破除客家人喜愛重油重鹹的傳統觀念,這次推出甘田薄鹽醬油,與在地農民契作,醬油原料嚴選台灣非基因改造黃豆在地釀造,製作過程中,運用酵母特性分解小麥中蘊藏的澱粉,揉和薄鹽、無添加鉀鹽的新配方,增加了濃度及口感,相當適合炎炎夏日搭配涼拌輕食,或是壽喜燒類湯汁的料理,美味又健康。
前幾天,同事們也說喜歡拿薄鹽甘田醬油來滷肉,味道甘甜又減輕負擔,適合長輩及孩子們的口味,大家不妨也拿來滷滷看,或許會有不同的料理新點子喔。
在外包裝上更是集聚客家文化的特色,以客家五花-夜合花作為包裝設計主軸,邀請了客家詩人曾貴海醫師題詩作詞,薄鹽甘田醬油在象徵忠貞的夜合花柔和溫暖的包裝下,讓客家不輕易妥協的硬頸文化,多了一些柔軟與圓滿。……《閱讀更多》