!!網站應用整合班!! 課程目標/特色 使用Photoshop及Dreamweaver搭配設計,同時提供了活耀的視覺,及維護更新時的便利性,更重要的是用CSS語法將網頁優化後,提升可見度及曝光量佔盡行銷優勢。開放式功能性程式碼,不必再向程式語法妥協,讓美學與機能同時提升。學習成為專業企劃設計人才必備的網站企劃與建構架設的知識。
◎本課程需具備Photoshop操作基礎。
Photoshop網頁切版
◆ 前置作業:
接案流程分享、網站企劃書製作要點。
◆ 版型的無中生有:
何謂風格、風格如何確立、排版基本觀念、了解排版規則、時尚風格版型設計製作、科技風格版型設計製作。
◆ 檔案格式與切圖的深入概念:
JPG 與 GIF 深究、為何要切圖、切圖相關設定、如何最佳化網頁圖檔( 既美觀檔案量又小 )、輸出圖塊或網頁與Dreamweaver 整合。
Dreamweaver網頁設計
◆ 網路概論與網站架構規劃:
網際網路運作概念、何謂www、HTML、瀏覽器的概念、網址的概念與如何申請、網站伺服器如何申請、何謂DNS 、網站分類與結構、動態與靜態網站的意義、如何規劃網站、網站架構圖與板型規劃圖。
素材準備與規格、檔案管理與命名原則、認識HTML&XHTML與結構 、建立網站與網頁、基本版型設定與使用 、文案與圖片匯入與操作、連結使用與設定 、認識建立css與使用時機。
兩種建置Div技法運用 、建立固定一欄三列、二欄三列與三欄三列版型技法 、使用浮動與清除、進階插入Div技法、刪除與修改語法 、活用Relative 與 Absolute技法 。
CSS模型進階說明與應用、margin意義、padding運用方式、圖文排版建置、圖庫版型建置。
◆ 表單設定、表格應用、Spry、行為語法:
加入會員畫面之欄位設計、下拉選單、內建的Spry 之各種收合效果、行為語法與 AP DIV 之間的整合應用。
◆ Extension 外掛Javascript運用及 J Query應用:
下載與安裝Extension、製作文字跑馬燈、製作按右鍵無效 、light box 使用。
◆ 多媒體素材整合與架站實務操作:
Flash輸出之SWF匯入與設定、影片、聲音匯入與設定與網站的整合、上傳網路伺服器與連結設定、簡易網站架設、申請免費網址與空間、使用FTP上傳網站。
動態網頁設計
◆ 學習申請網域名稱及空間、實用工具與架站準備。
電子商務實務
◆ DNS設定(固定與動態IP)技巧。
|