e-portfolio 個人履歷網站教學
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 PresentationTRANSCRIPT
![Page 1: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/1.jpg)
E-portfolio 個人履歷網站教學www.weebly.comhttp://itsnonstop.weebly.com/index.html
![Page 2: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/2.jpg)
更改橫幅圖片
![Page 3: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/3.jpg)
新增:基本>多欄位
•直接將其拖拉至下方本文區域•可設定 2/3/4/5 欄
![Page 4: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/4.jpg)
新增:基本>段落帶圖片
![Page 5: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/5.jpg)
新增:基本>帶標題的段落
•純文字格式
![Page 6: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/6.jpg)
新增:基本>自定義 HTML
•加入分隔線• <body><hr style="width: 90%; height:
1px;"></body>
![Page 7: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/7.jpg)
新增:多媒體>幻燈片
•展示個人作品照片•進階設定
![Page 8: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/8.jpg)
創建新頁面
![Page 9: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/9.jpg)
新增:基本>圖片
•活動海報展示
![Page 10: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/10.jpg)
Illustrator 海報設計教學 以個人講座.音樂會為例
![Page 11: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/11.jpg)
Step1. 新增文件•開啟素材檔案•新增文件: A4 .直式. [ 進階 ]300dpi•Ctrl+C 、 Ctrl+V 將素材複製到新文件•調整素材大小、方向、位置
[ 物件 ]>[ 變形 ]>[ 旋轉 ]/[ 鏡射 ]
![Page 12: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/12.jpg)
Step2. 輸入標題文字•[ 文字 ]>[ 文字方向 ]>[ 垂直 ]/[ 水平 ]•Ctrl+C 、 Ctrl+V 複製標題文字,修改為灰色,
移至下一層•[ 效果 ]>[ 模糊 ]>[ 高斯模糊 ]
![Page 13: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/13.jpg)
Step3. 插入圖形•左邊工具列 >[ 矩形工具 ]/[ 橢圓形工具 ]•修改顏色、大小、形狀
![Page 14: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/14.jpg)
Step4. 插入圖片•從 [ 檔案總管 ] 將圖片檔案拖曳進 illustrator•按住 Shift 依原比例調整大小
![Page 15: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/15.jpg)
Step5. 輸入內文文字•[ 字元 ]>[ 設定行距 ]>[ 插入空格 ]( 右 )•物件對齊
![Page 16: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/16.jpg)
Step6. 儲存檔案•原始檔: ai 格式•儲存為網頁及裝置用: jpg 格式
![Page 17: E-portfolio 個人履歷網站教學](https://reader033.vdocuments.mx/reader033/viewer/2022061420/568134ac550346895d9bbff1/html5/thumbnails/17.jpg)
The End