本 Blog 分享之 美妝/保養/穿搭/3C/親子/旅遊/美食/生活等內容皆為個人心得,無販賣或廣告意圖。Amy是土生土長的新竹人,想和大家分享新竹旅遊、新竹美食

bear.gif歡迎按讚加入 Dannis & Amy - 魯蛋妹&大腸弟吃喝玩樂過生活 一起分享生活點滴。

bear.gifFG TOP 100百大部落客PCHOME新聞台iPeen愛評網Walkerland窩客島

 

       人妻日記APP愛食記APP 中時電子報專欄作家

 

bear.gif喜歡和大小分享生活中的大小事,不管是邀約或是生活文都是發自內心的實際心得感想,也歡迎大家和我一起交流。

bear.gif使用相機: Sony RX100-M3, 手機:iPhone7 Plus

 

5744749_22歡迎美妝保養、親子育兒、3C、國內外旅遊住宿、美食餐廳、寵物、廠商邀約等合作推廣提案與邀約,試用、體驗、合作、邀約、圖文授權等皆請Email。

                   合作信箱 :dannisamy@gmail.com 
                  Line id: dannisamy 

  5744749_135也麻煩大家有空按按,看完文順手按個"讚推"+留言支持一下"吧!歡迎加入粉絲團喔!
line_right.gif

 

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

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

, , , , , , , , , , , , , , , ,

dannisamy 發表在 痞客邦 PIXNET 留言(17) 人氣()


留言列表 (17)

發表留言
  • Disni
  • YA~我也喜歡上電腦課!
  • travel雲
  • 推~
    這課程看起來不錯耶!!
    找機會想試試~~
  • 加一
  • 好棒的課程
  • 彎打
  • 讚讚讚
  • 愛上指繪的瓶子
  • 聯成真的很不錯
    話說回來...
    我以前有玩過一點點網頁設計~還蠻有趣的
    只是真的要多花時間摸索和練習
    現在太懶...還是套公版就好XD
  • 菲姐
  • 感謝分享實用資訊~
  • Emily
  • 感覺很不錯
  • 游小熊
  • 上這個課很實用呢
    好棒~
  • Pink Girl
  • 女孩上課也有學到這一個軟體
    真的有一點小小複雜的說ㄋ
  • 。望彤。
  • 超讚的!很多實用課程我都想上耶!感謝分享^^
  • 拼命娘
  • 這課程好實用
  •  V 女王
  • 我似乎也該去進修了~~
  • Abby
  • 想學XD
  • 喫飯趣~
  • 現在學習的管道好多好方便~~