網頁基本功

《網頁設計概述》

網頁設計目前分成前端工程(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…等,前端語法是由網頁伺服器傳送到使用者的瀏覽器後,由瀏覽器來解讀後顯示於畫面,由於這個工作原理,使用者可以在瀏覽器直接觀賞到網頁中所有的前端語法,而後端語法是使用者提出需求後,由伺服器來解讀該需求,處理該需求後,傳回前端語法給使用者,瀏覽器解讀後再呈現。

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

《開發工具》

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

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

2,638 Responses

  1. маркетплейс аккаунтов https://kupit-akkaunt.xyz/

  2. JamesGlita表示:

    ¡Hola seguidores del azar !
    Casinos sin DNI ofrecen soporte 24/7 en espaГ±ol. Si tienes dudas, alguien estarГЎ allГ­ para ayudarte. Sin importar el horario.
    Un casino sin registro ofrece demos gratuitas de sus juegos. PruГ©balos sin arriesgar tu saldo. casinosinkyc.guru
    casino sin registro para nuevos jugadores – п»їhttps://casinosinkyc.guru/
    ¡Que tengas maravillosas éxitos inolvidables !

  3. маркетплейс аккаунтов https://rynok-akkauntov.top/

  4. Sazrjyr表示:

    Приобретение официального диплома через качественную и надежную фирму дарит множество преимуществ. Такое решение позволяет сберечь как личное время, так и существенные финансовые средства. Тем не менее, на этом выгоды не ограничиваются, преимуществ намного больше.Мы предлагаем дипломы психологов, юристов, экономистов и прочих профессий. Дипломы производятся на подлинных бланках государственного образца. Доступная стоимость сравнительно с крупными затратами на обучение и проживание. Приобретение диплома о высшем образовании из российского ВУЗа станет мудрым шагом.
    Купить диплом о высшем образовании: diplomp-irkutsk.ru/diplom-vuza-s-zaneseniem-v-reestr-dlya-vashego-uspexa/

  5. Iariorhpq表示:

    Заказать диплом университета по выгодной стоимости возможно, обратившись к проверенной специализированной фирме. Приобрести документ института вы имеете возможность в нашей компании в Москве. asxdiplommy.com/kupit-diplom-v-moskve-s-zaneseniem-v-reestr-bistro-16

  6. Профессиональный сервисный центр по ремонту техники.
    Мы предлагаем: Выездной ремонт бытовой техники стоимость
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  7. Sazrept表示:

    Заказать диплом возможно через официальный портал компании. successcircle.online/read-blog/76_kupit-diplom-tehnikuma-s-zaneseniem-v-reestr-otzyvy.html

  8. сколько стоит узи аппарат сколько стоит узи аппарат .

  9. 1win_dler表示:

    dulap la comanda chisinau https://1win5069.ru/ .

  10. рассчитать полис осаго онлайн калькулятор рассчитать полис осаго онлайн калькулятор .

  11. Eanrksa表示:

    Заказать диплом об образовании!
    Покупка документа о высшем образовании через надежную фирму дарит ряд преимуществ для покупателя. Быстро купить диплом института у надежной компании: doks-v-gorode-krasnoyarsk-24.ru

  12. Jariorble表示:

    Наши специалисты предлагают максимально быстро приобрести диплом, который выполняется на оригинальном бланке и заверен печатями, штампами, подписями официальных лиц. Документ пройдет лубую проверку, даже с использованием профессиональных приборов. careers-old.farcapital.com.my/employer/premiumydiploma

  13. Trefrcr表示:

    Заказать диплом ВУЗа. Покупка документа о высшем образовании через качественную и надежную фирму дарит ряд достоинств. Данное решение дает возможность сэкономить как личное время, так и значительные финансовые средства. doublrp.listbb.ru/viewtopic.php?f=3&t=759

  14. rehay_ooPa表示:

    пластиковые окна с доставкой okna177.ru .

  15. 1win_zter表示:

    lucky jet 1win отзывы https://1win5069.ru/ .

  16. 1win_cyea表示:

    1win casino en línea 1win casino en línea .

  17. сколько стоит круглосуточная охрана http://www.chop-ohrana.com/czeny-na-uslugi-ohrany .

  18. Diplomi_pgEa表示:

    Купить диплом о высшем образовании!
    Мы можем предложить документы ВУЗов, которые находятся на территории всей Российской Федерации.
    diplomgorkiy.com/kupit-diplom-o-visshem-obrazovanii-po-dostupnoj-tsene-2/

  19. Sazrpld表示:

    Заказать диплом университета по невысокой цене можно, обратившись к проверенной специализированной фирме. Мы предлагаем документы об окончании любых ВУЗов России. Купить диплом ВУЗа– firstcanadajobs.ca/employer/diplomy-grup-24

  20. печать наклеек и стикеров печать 3д наклеек

發佈回覆給「rynok-akkauntov.top_beava」的留言 取消回覆

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