e-portfolio 個人履歷網站教學

17
E-portfolio 個個個個個個個個 www.weebly.com http://itsnonstop.weebly.com/in dex.html

Upload: amy-downs

Post on 02-Jan-2016

95 views

Category:

Documents


0 download

DESCRIPTION

E-portfolio 個人履歷網站教學. www.weebly.com http://itsnonstop.weebly.com/index.html. 更改橫幅圖片. 新增:基本>多欄位. 直接將其拖拉至下方本文區域 可 設定 2/3/4/5 欄. 新增: 基本> 段落帶圖片. 新增 : 基本> 帶標題的段落. 純 文字格式. 新增: 基本> 自定義 HTML. 加入分隔線 < hr style="width: 90%; height: 1px ;">. 新增:多媒體>幻燈片. 展示個人作品照片 進階設定. 創建新頁面. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: E-portfolio 個人履歷網站教學

E-portfolio 個人履歷網站教學www.weebly.comhttp://itsnonstop.weebly.com/index.html

Page 2: E-portfolio 個人履歷網站教學

更改橫幅圖片

Page 3: E-portfolio 個人履歷網站教學

新增:基本>多欄位

•直接將其拖拉至下方本文區域•可設定 2/3/4/5 欄

Page 4: E-portfolio 個人履歷網站教學

新增:基本>段落帶圖片

Page 5: E-portfolio 個人履歷網站教學

新增:基本>帶標題的段落

•純文字格式

Page 6: E-portfolio 個人履歷網站教學

新增:基本>自定義 HTML

•加入分隔線• <body><hr style="width: 90%; height:

1px;"></body>

Page 7: E-portfolio 個人履歷網站教學

新增:多媒體>幻燈片

•展示個人作品照片•進階設定

Page 8: E-portfolio 個人履歷網站教學

創建新頁面

Page 9: E-portfolio 個人履歷網站教學

新增:基本>圖片

•活動海報展示

Page 10: E-portfolio 個人履歷網站教學

Illustrator 海報設計教學      以個人講座.音樂會為例

Page 11: E-portfolio 個人履歷網站教學

Step1. 新增文件•開啟素材檔案•新增文件: A4 .直式. [ 進階 ]300dpi•Ctrl+C 、 Ctrl+V 將素材複製到新文件•調整素材大小、方向、位置

[ 物件 ]>[ 變形 ]>[ 旋轉 ]/[ 鏡射 ]

Page 12: E-portfolio 個人履歷網站教學

Step2. 輸入標題文字•[ 文字 ]>[ 文字方向 ]>[ 垂直 ]/[ 水平 ]•Ctrl+C 、 Ctrl+V 複製標題文字,修改為灰色,

移至下一層•[ 效果 ]>[ 模糊 ]>[ 高斯模糊 ]

Page 13: E-portfolio 個人履歷網站教學

Step3. 插入圖形•左邊工具列 >[ 矩形工具 ]/[ 橢圓形工具 ]•修改顏色、大小、形狀

Page 14: E-portfolio 個人履歷網站教學

Step4. 插入圖片•從 [ 檔案總管 ] 將圖片檔案拖曳進 illustrator•按住 Shift 依原比例調整大小

Page 15: E-portfolio 個人履歷網站教學

Step5. 輸入內文文字•[ 字元 ]>[ 設定行距 ]>[ 插入空格 ]( 右 )•物件對齊

Page 16: E-portfolio 個人履歷網站教學

Step6. 儲存檔案•原始檔: ai 格式•儲存為網頁及裝置用: jpg 格式

Page 17: E-portfolio 個人履歷網站教學

The End