網頁基本功

《網頁設計概述》

網頁設計目前分成前端工程(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. wewencash表示:

    However, our data unequivocally demonstrate that the abscopal effect is abrogated when cancer cells in the irradiated tumour do not express cGAS STING or overexpress Trex1, which preclude cancer cell- intrinsic activation of IFN- I pathway Figs 5 and 6 and Supplementary Fig. doxycycline without a script

  2. engelsWet表示:

    47, the Netherlands 48 or Australia 49, clinical settings were ranked of a much higher importance than client expectations. doxycycline monohydrate uses

  3. Obersenep表示:

    Minor 1 indomethacin increases levels of vancomycin by decreasing renal clearance. doxycycline for dogs side effects Patients should be informed that approximately 16 of patients treated with Zenatane in a clinical trial developed musculoskeletal symptoms including arthralgia during treatment.

  4. I have been looking for articles on these topics for a long time. baccaratcommunity I don’t know how grateful you are for posting on this topic. Thank you for the numerous articles on this site, I will subscribe to those links in my bookmarks and visit them often. Have a nice day

  5. endearype表示:

    Archer DF, et al. nolvadex xt

  6. Neexykelp表示:

    side effects for tamoxifen 66 Medroxyprogesterone acetate, a synthetic drug, can also reduce seizure frequency.

  7. Evertview表示:

    buy clomid via mail In 2009 Major League Baseball suspended Ramirez, then an outfielder for the Los Angeles Dodgers, for 50 games because of documented hCG use.

  8. ShooraBor表示:

    clomid tablets buy without prescription Pourmasumi S, Sabeti P, Rahiminia T, Mangoli E, Tabibnejad N, Talebi AR.

  9. Noxescods表示:

    c Sperm comet assay photo of 10 mg kg trazodone-administered rats. clomid dose for twins 6 3 850 mg 7 13 NA twice daily 24 wks androstenedione; 53.

  10. ShooraBor表示:

    The serum Estradiol and Progesterone assay were done by fully automated access system for immunoassay analysis using Electro-Chemi-Luminescence ECL detection system. buy clomid PubMed Google Scholar.

  11. preerse表示:

    The expression of BRCA1 and BRCA2 during human embryo development is known to affect embryogenesis, ovarian function, and female fertility 90. fertility pills online

  12. StapDeege表示:

    Aside from all that, whether it s learning to orgasm, relieving aches and pains, releasing stress and tension, or rebuilding clitoral nerve endings so that orgasms are possible , this statement completely ignores and downplays the therapeutic use of vibrators before, during, and after a relationship ends buy cialis online india com otc male enhancement reviews Qi has passed away, and most of How To Use Hardanza Male Enhancement Pills otc male enhancement reviews the courtiers of the state of Qi died and escaped

  13. boypoms表示:

    Research has found that a majority of men with ED who used tadalafil at a 10mg dose were able to have penetrative sex with their partner buy cialis pills

  14. grearly表示:

    is cialis generic Gu Min looked otc male enhancement reviews at those sword lights and smiled bitterly

  15. boypoms表示:

    The county can help connect ABAWDs with local work opportunities in the area in order to meet the work requirement buy liquid cialis online It may also help save erectile tissue

  16. Tousefuse表示:

    Sildenafil Tadalafil Vardenafil cialis 5mg online Like other ED medications, Cialis can cause side effects

  17. arrible表示:

    cheapest cialis available PRN Healthcare Private Limited

  18. cyroild表示:

    Tadalafil , basically, works on the PDE5 enzyme in the lungs to relax the blood vessels generic cialis cost Now, that s not to say that there won t be enough of the drug in your system to help you get an erection 15 minutes after you take it or even 12 hours later

  19. estuand表示:

    best generic cialis He had already listened to it stupidly

  20. cyroild表示:

    It was all bought cialis tadalafil 20mg price from the West cialis price

  21. ErolveWer表示:

    buy cialis and viagra online Do not take sildenafil with VIAGRA, REVATIO, or other PDE5 inhibitors

  22. Attarrori表示:

    priligy equivalent by Michele Wright, Ph

  23. Attarrori表示:

    The active component of the medicine belongs to a lass of inhibitor enzyme that helps promote the blood flow of the penile region to attain a firm erection free samples of priligy

  24. Trateheva表示:

    com cheap ca kamagra thereforeenhances potency of the goal of these factors can you buy priligy over the counter You should always consult an authorized healthcare worker for the right dosage

  25. Alkalry表示:

    The average cost for 20 milligrams of tadalafil nationwide is 6 buy cialis online without prescription This package is the best option to know which ED drug works best to regain your sexual power

發佈留言

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