網頁基本功

《網頁設計概述》

網頁設計目前分成前端工程(Front End)與後端工程(Back End)兩種,前端負責網頁上面的視覺結構(Visual structure)、動畫(Animation)與互動設計(Interactive Design),後端負責動態內容(Dynamic Content),本課程以前端工程為教學方向,故後端部分不著墨太多。

前端工程使用的語法大致分成三種:HTML(結構)、CSS(外觀)、Javascript(動畫、互動),簡單用一句英文形容「HTML holds the content in place, CSS makes it look pretty, Javascript Let it be controlled.」。

但嚴格來說HTML與CSS只是一些固定的英文標籤和屬性寫法,並不能稱為程式語言,因為其中不包含宣告變數、定義迴圈、條件判斷…等程式面的操作,簡言之就是沒有太多邏輯思考的部分,只要常使用就能夠了解,而Javascript才算是程式語法,它支援上述程式面的所有項目。

現在許多網頁為了便於瀏覽,會利用前端語法結合後端語法做資料更新呈現(AJAX、AJAJ),故網頁設計學習更好的是由前端開始學習,慢慢再進入後端的部分,反之亦然。

《前端語法概述》

HTML目前最新的版本為5,相對之前的版本增加了許多結構性標籤、SVG(網頁向量圖檔)和多媒體…等的支援,CSS目前最新的版本為3,相對之前的版本增加了許多動畫、視覺效果與字型的支援…等的支援。

網頁上除了結構和外觀之外,要讓它看起來更炫,就必須加上許多互動和動畫效果,這項任務在許多年之前大部分會交由Flash來負責,而當行動裝置越來越普及,Flash在網頁上逐漸式微、消失,Javascript重拾其網頁動畫與互動的任務,去年TIOBE公布的2014年程式語言排行榜就由Javascript奪冠(新聞頁)。

然而Javascript已經是一個相對比較舊的語法(1995年由Netscape提出),又有瀏覽器相容性的問題(每個瀏覽器支援的寫法不同),導致學習和撰寫上的困難,而,所以現在有非常多去改善Javascript的函數庫陸續推出,例如:jQuery、Knockout、AngularJS…等。

《後端語法概述》

後端語法大致上有:ASP、JSP和PHP…等,前端語法是由網頁伺服器傳送到使用者的瀏覽器後,由瀏覽器來解讀後顯示於畫面,由於這個工作原理,使用者可以在瀏覽器直接觀賞到網頁中所有的前端語法,而後端語法是使用者提出需求後,由伺服器來解讀該需求,處理該需求後,傳回前端語法給使用者,瀏覽器解讀後再呈現。

所以若我們要撰寫後端語法,就必須要架設可以解讀該語法的伺服器,而關於伺服器的架設非網頁設計的專業領域,所以我們架設的伺服器,僅供撰寫語法與測試語法使用,通常撰寫後的頁面,必須上傳到虛擬主機來讓廣大的使用者使用,對於安全性來說會比較有保障。

《開發工具》

網頁開發工具可以分成三大類:

  • 精靈類:主要利用軟體功能製作頁面,幾乎不需要撰寫程式碼,適合視覺設計師使用。
  • 工具類:以軟體為主,程式碼為輔來製作頁面,適合網頁設計師使用。
  • 程式碼類:以程式碼為主來製作頁面,適合進階的網頁設計師或是想學習網頁程式碼的人使用。

426 Responses

  1. I have recently started a site, the info you provide on this web site has helped me greatly. Thank you for all of your time & work. 토토사이트Check out this

  2. Yes! Finally something about situs slot gacor. 스포츠토토

  3. I appreciate, cause I found just what I was looking for. You’ve ended my 4 day long hunt! God Bless you man. Have a great day. Bye 먹튀검증사이트

  4. PoemywomY表示:

    п»їcialis I threw away the pills and made an appointment with my doctor, to tell him what had happened

  5. Enummap表示:

    cialis generic 5mg html voltaren retardkapseln 75 mg wirkung The Olive Branch in Clipsham, Rutland picked up this yearГў

  6. PoemywomY表示:

    MR Imaging of the pelvis in the diagnosis of the endometrium in breast cancer patients in tamoxifen therapy cialis generic tadalafil In 2015, the bill was expanded to include intimate care cosmetics, such as douches, sprays, washes, wipes and powders

  7. skemnag表示:

    Main outcome measures Quantitative report of tamoxifen monitoring as well as descriptive analysis of individual cases buy cheap cialis online Improvement in erectile function and libido Increased fat free body mass, presuming prudent diet and exercise Improved sleep Improved cholesterol and triglyceride levels Increased energy Improved athletic performance, especially at high altitudes, due to increased RBC count; improved vasodilation and oxygen carrying capacity from increased hematocrit Improved exercise performance in endurance athletes who were training upwards of 12 or more hours per week and experienced low T as a result of the endurance training Big improvements in mood, confidence, and drive

  8. majorsite表示:

    I’ve been searching for hours on this topic and finally found your post. majorsite, I have read your post and I am very impressed. We prefer your opinion and will visit this site frequently to refer to your opinion. When would you like to visit my site?

  9. Admitle表示:

    lasix spironolactone ratio Together, these data indicate that early postnatal EYFP PPEPs have some features of type C transit amplifying cells, including antigenic expression and proliferative potential Aguirre et al

  10. piopary表示:

    Similar results were seen in a study of 689 women aged 65 to 96 average age 74 diagnosed with early stage breast cancer between 1997 and 1999 lasix 40 mg tablet

  11. outwazy表示:

    lasix diuretic This usually requires that a priori summary measures be employed as in the BIG 1 98 study or that analytic methods, such as those of Hoch berg, Holm, or Bonferroni, be used

  12. piopary表示:

    No initial dose adjustment lasix sulfa allergy

  13. This is very interesting, You’re a very skilled blogger. I have joined your rss feed and look forward to seeking more of your magnificent post. Also, I have shared your web site in my social networks! 메이저토토사이트

  14. As soon as I noticed this web site I went on reddit to share some of the love with them. 메이저토토

  15. Its like you read my mind! You appear to know a lot about this, like you wrote the book in it or something. I think that you can do with some pics to drive the message home a bit, but other than that, this is fantastic blog. A great read. I will definitely be back.먹튀검증업체

  16. Weageby表示:

    normal dose of lasix He fired his own attorneys to represent himself, barely mounted a defense during the three week trial and made almost no effort to have his life spared

  17. totosite表示:

    From some point on, I am preparing to build my site while browsing various sites. It is now somewhat completed. If you are interested, please come to play with totosite !!

  18. It’s really great. Thank you for providing a quality article. There is something you might be interested in. Do you know baccarat online ? If you have more questions, please come to my site and check it out!

  19. betvyct表示:

    Doctor Strange 2 Trailer Explains Every EASTER EGG, XAVIER, and Evil IRON MAN | Marvel… Doctor Strange 2 release date – when
    Doctor Strange 2 release date – when?
    We’ve rounded up all the news about the sequel to one of Marvel’s most iconic superheroes, and…
    Doctor Strange 2 release date | Doctor Strange 2 trailer
    Doctor Strange 2 release date – when? https://wincollection.net/
    3159f51914 betvyct

  20. Eşcinsel davranışta genlerin rollerine ilişkin şimdiye kadarki
    en büyük çalışmanın yayınlanması, eşcinsel olmanın genlerden mi yoksa çevreden mi kaynaklandığı konusundaki tartışmaları körüklüyor.
    Bilim insanları tarafından yapılan yeni araştırma sonucunda, eşcinsel geni diye bir
    şey bulunmadığını, ancak genlerin cinsel yönelimi
    etkilediğini açıkladı.

  21. engelsWet表示:

    2015; 13 1 61 68. buy doxycycline amazon According to O Reilly et al.

  22. arrindCen表示:

    Amanita phalloides is the most common mushroom to cause hepatotoxicity. will 3 days of doxycycline cure chlamydia

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。