網頁基本功

《網頁設計概述》

網頁設計目前分成前端工程(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,668 Responses

  1. Wallaceirrer表示:

    Недвижимость в Болгарии у моря https://byalahome.ru квартиры, дома, апартаменты в курортных городах. Продажа от застройщиков и собственников. Юридическое сопровождение, помощь в оформлении ВНЖ, консультации по инвестициям.

  2. AngelpLark表示:

    Create vivid images with Promptchan AI — a powerful neural network for generating art based on text description. Support for SFW and NSFW modes, style customization, quick creation of visual content.

  3. 1win_eaer表示:

    1win website registration http://www.1win1029.top .

  4. Sazrgnc表示:

    Приобрести диплом об образовании!
    Заказать диплом университета по выгодной цене возможно, обратившись к проверенной специализированной фирме. Приобрести диплом: sx-diplomb.online

  5. официальные криптовалюты официальные криптовалюты .

  6. Cazrmkd表示:

    Получить диплом университета мы поможем. Купить диплом Самара – diplomybox.com/kupit-diplom-samara

  7. Trefvnw表示:

    Заказать диплом университета. Приобретение официального диплома через проверенную и надежную компанию дарит множество достоинств для покупателя. Данное решение помогает сберечь как дорогое время, так и существенные средства. amareclub.listbb.ru/viewtopic.php?f=20&t=1299

  8. vsibiry表示:

    вишня с высоким урожаем лилии декоративные онлайн

  9. sajenci表示:

    клубника для уличного выращивания черешня от частного лица

  10. Ваш надежный источник развлечений | Зарегистрируйтесь сейчас на vavadacasino.netlify.app | Современная платформа для азартных развлечений | Откройте для себя мир казино | Эксклюзивные игры только на vavadacasino.netlify.app | Полностью легальный сайт | Высокие шансы на выигрыш | Играйте в любое время и в любом месте | Поддержка и консультации 24/7 | Советы для успешной игры | Начинайте выигрывать уже сегодня | Получите бонус при первой регистрации | Каждый день новые развлечения | Соревнуйтесь с другими игроками | Партнерская программа и рефералы | Легко понять и начать играть | Ваши данные под защитой | Доверьтесь нашим довольным игрокам | Играйте и побеждайте на vavadacasino.netlify.app
    вавада сайта вавада сайта .

  11. Diplomi_veEa表示:

    Заказать диплом любого ВУЗа!
    Мы готовы предложить документы ВУЗов, которые находятся в любом регионе РФ.
    diplomh-40.ru/kupit-diplom-s-vneseniem-v-reestr-bistro-i-nadezhno-13/

  12. Dnrtygw表示:

    Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий по приятным тарифам. Мы можем предложить документы ВУЗов, расположенных в любом регионе РФ. Документы печатаются на “правильной” бумаге высшего качества. Это позволяет делать государственные дипломы, не отличимые от оригиналов. sfessd.listbb.ru/viewtopic.phpf=3&t=16639

  13. Jariorled表示:

    Наша компания предлагает максимально быстро приобрести диплом, который выполняется на оригинальном бланке и заверен мокрыми печатями, штампами, подписями. Диплом пройдет лубую проверку, даже при помощи профессионального оборудования. phat4life.mn.co/posts/82868955

  14. 1win_ucPa表示:

    1win aviator app download http://1win1024.top .

  15. JimmyRoows表示:

    Francisk Skorina https://www.gsu.by Gomel State University. One of the leading academic and scientific-research centers of the Belarus. There are 12 Faculties at the University, 2 scientific and research institutes. Higher education in 35 specialities of the 1st degree of education and 22 specialities.

  16. MichaelDat表示:

    ГГУ имени Ф.Скорины https://www.gsu.by/ крупный учебный и научно-исследовательский центр Республики Беларусь. Высшее образование в сфере гуманитарных и естественных наук на 12 факультетах по 35 специальностям первой ступени образования и 22 специальностям второй, 69 специализациям.

  17. rehay_uvPa表示:

    окна rehau москва http://okna177.ru .

  18. Sazrmjl表示:

    Купить диплом на заказ возможно через сайт компании. womplaz.com/read-blog/3386_kupit-diplom-s-zaneseniem-v-bazu-reestr.html

發佈回覆給「Diplomi_veEa」的留言 取消回覆

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