活動

♥新竹電腦課程♥▋聯成電腦DreamWeaver網站設計 網頁製作教學▋設計你自己的專屬網站 上課小小心得


熱門推薦



DSC02126

一直很羨慕別人的網站版面很美很漂亮,

而且可以依照自己喜歡的版型來設計,

Amy自己一直在寫的部落格是使用痞客邦的,

所以只能夠去找公版的版型再稍微修改,

因為本人對CSS語法完全沒概念,

所以也都是上網看別人分享修改的心得。

這天是到新竹的聯成電腦DreamWeaver網業必修的課程喔!

DSC02092

新竹聯成電腦就在火車站走不到3分鐘,一旁還有巨匠電腦和學承電腦旁邊,

DSC02127

至於選那家大家可以自行比較看看。

如果考慮自己設計網站,

DSC02125

也就是蓋間屬於自己房子的朋友就可以考慮上DreamWeaver這類專業課程,

DSC02093

因為今天是上課的第一天,所以真的是從基礎紮根,

也有很多同學一直到聯成電腦進修,

上一些專業認証的課, 

DSC02123

有的是進修,有的是方便未來考証照,

DSC02119

DSC02094

Amy覺得還不少人是想要多充實自己,畢竟懂得愈多愈不容易被淘汰,

以後找工作也容易些(我想學多一點就是怕被淘汰~~orz)

DSC02121

這邊算小班制的,所以老師都會下來看大家操作順不順利。

因為老師害羞不給拍,所以只有拍張背影囉!

DSC02098

今天是先大概教DreamWeaver的網站架購,

簡單來說網站就是網頁的集合,所以老師中我們先把網站架構規畫好,

例如你設計的網站是想大家看到什麼樣的內容,

關於我、到處吃喝玩樂,還有小朋友的生活大小事,

規畫好之後再分別製作各個網頁,讓網頁間彼此相連結,

這樣瀏覽網站的人都能按下連結到對應各個網頁來觀看內容,

這樣的網頁架構就稱 為「網站」啦!

擷取  

啟動DreamWeaver後,

DSC02097

DSC02101

點選功能列的網站→新增網站

一般首頁也就是網站的第一頁, Web 伺服器設定 為 index.html。

DSC02100

網站命名可以使用中文,不過網站資料夾和裡面的檔案都需要放在同一個專案資料夾。

建議大家可以用分割畫面來觀看,

一旁就是語法,有<head>、<body>,

聽說使用久了就會很熟練各個語法的作用,但Amy才剛開始所以沒有很熟。

打開首頁(index)就可以做一些簡單的版面基本設計,

今天的課程真的是基本功啦!

DSC02103

別看好像很簡單,打完字之後光是設定頁面顏色、字型及文字顏色還有大小,

Amy的頭就暈了,幸好老師每教完一個步驟都還會下來看同學們做得對不對,

別看字型,如果要單獨讓一篇文章有不同的字型,

DSC02105

可以先框選要改的字,再到下方的類別”新增CSS規則”做更換,

幫建立的類別取個名字,更改後按下確定就建立完畢。

DSC02113  

如果下次有其它文字想套用已建立的CSS規則,

DSC02115

只要選擇已建立好的樣式,點選就套用了。

插入圖片

除了文字之外當然圖片也是不能少的,

DSC02110

一般網路上所使用的圖檔大多為 Jpg 及 Gif 格式,

插入圖片只要點選主要功能表的插入 → 影像,

到這邊就已經完成基本的網站雛型,

 

插入表格

有些網站會加入表格,

開啟Dreamweaver程式後,點選視窗,把物件、內容點出來,

預先規劃你網頁大致會需要幾格,或先任意設定,後續可以再改。

12

別小看這樣弄出來只是幾個字和連結,

建議學完真的回家要再練習,不然很快就會忘記了,

記得做完要儲存備份喔!

DSC02109

以免資料遺失喔! 

DSC02106

老師還很貼心地教我們去申請免費的網址,free的空間可以拿來架設網站,

31

這天因為是第一堂課所以都是基本的文字編排和變化,算是練習基本功,

如果大家也想要設計自己的網站就可以來上Dreamweaver這類的課程,

DSC02128

但回家真的要多多練習就是,不然很容易就還給老師了。

              

聯成電腦-新竹

TEL:03- 523-5568

住址:新竹市中華路2段387號

Remarks: 火車『新竹火車站』右轉,金雞堂中醫診所隔壁
官網:www.lccnet.com.tw/
FB:https://www.facebook.com/lccnetzone

 A.快點入發送網,現在送你免費課程卷(市價3,500)+全方位數位線上學習30天!

B.發送網粉絲至聯成報名專案課程可享九折優惠(請事先出示特約金牌),特約至2016/04/30。

謝謝大家來賞文,如果有幫助到大家,還請贊助點擊一下

喜歡這篇文章請幫我按+,也歡迎加入粉絲團

 

♥網頁設計入門心得♥趁著平日晚上到新竹火車站旁的 聯成電腦 上DreamWeaver網頁設計課程,因為一直想要有自己的網站啊!不過寫網頁果然真的要一步步來,跟著老師的步驟做之外回家也要多練習才能搞懂CSS語法究竟在做啥,但重點是回…

Posted by Dannis & Amy – 魯蛋妹&大腸弟吃喝玩樂過生活 on 2015年7月2日

有任何新文章、贈獎都會公佈在粉絲團喔!

Date:2015/6/17

以上純屬個人之心得分享,純為個人感受,絕非誇大不實,也無廣告推銷之意。





17 thoughts on “♥新竹電腦課程♥▋聯成電腦DreamWeaver網站設計 網頁製作教學▋設計你自己的專屬網站 上課小小心得”

  1. 聯成真的很不錯
    話說回來…
    我以前有玩過一點點網頁設計~還蠻有趣的
    只是真的要多花時間摸索和練習
    現在太懶…還是套公版就好XD

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *