✨
HTML 網頁設計
  • HTML 簡介
  • 1.網站三兄弟
    • 環境設定
    • HTML 基本結構
      • 文件架構
      • 元素
      • 文章-使用的元素
      • 超連結
      • Form表單
      • 嵌入第三方服務
    • Css 基本使用
      • 使用方式 Background
        • before、after
      • Box-sizing 介紹
      • Reset Css
      • CSS - 排版
        • CSS - 定位器
        • 導覽列篇
        • 置中篇 - 範例
        • 三欄式 - 範例
        • 兩欄式
      • css命名規則
    • JS 基本使用
      • 基本語法
      • 參數/arguments
      • param() 方法
      • 定時器(timer)
  • 2.css 進階使用
    • Display
    • Position
      • z-index and stacking context
      • Table
    • CSS選擇器
  • 3.其他JS工具
    • jQuery 簡介
      • $.cookie()
      • .animate
      • scrollTop
      • 使用效果
    • BootStrap
    • NODE.JS
      • 安裝 Node.js
        • SVG - 可縮放向量圖形
      • webpack
    • React
      • React Native
  • 4.曲線圖
    • Chart 前端操作
      • Datasets Style
      • Line 設定
  • 4.DataTable
    • Bootstrap Table
  • 99.其他內容
    • Webpack
    • IIS - 網際網路資訊服務
      • 環境設定
      • WEB IIS架站
Powered by GitBook
On this page
  • 前端設計師
  • 網頁構成
  • HTML (Hyper-Text Makeup Language)
  • Css (Cascading Style Sheets)
  • JavaScript

Was this helpful?

HTML 簡介

目前最為基礎練習所用

Next環境設定

Last updated 4 years ago

Was this helpful?

前端設計師

  1. CSS/DIV 排版

  2. HTML / SEO 相關

  3. RWD

  4. JS(JavaScript) /JQuery

  5. CSS 3

網頁構成

以下三大類,稱作網站三兄弟作為網站的基本架構。

HTML (Hyper-Text Makeup Language)

他是一種標記語言,非一般程式設計語言。它只是告訴瀏覽器如何執行網頁,它編輯方式是直譯語言也就是單純一行一行的翻譯成機器碼,HTML 你可以當成一個骨架,建立每個屋子要有支撐的柱子,所以它是最重要的腳色,它包括 元素(Elements)、標籤(Tag)、內容(Content)。

Css (Cascading Style Sheets)

串接樣式表,可以打造網頁的風格。例如文字要什麼顏色,大小如何之類,等同於架構建成後,需求修要甚麼,可能有寬度多少、顏色、擺哪裡,幾乎都是CSS處理的,它包括了動畫效果提升CSS豐富性。

JavaScript

它是為了提升網頁的可靠性(活動性), 它是讓CSS做的不足的地方在提升。像是客製化的問題,它也能將資料輸入在表單、動態樣式效果等。

[補充]直譯語言

一般而言,在相同的邏輯下,執行期的執行速度,使用編譯語言的速度會比使用直譯語言來得快,其原因在於編譯語言已經先預先編譯過了,因此在執行時期相較於直譯語言少了一道step-by-step的直譯程式碼的時間。然而這也造成了編譯語言的缺點,編譯語言的程式開發、除錯速度會較編譯語言來的慢,因為編譯語言無法像直譯語言一樣,在開發完一段程式碼就可以馬上執行並且除錯,且直譯語言也給予軟體開發者更有彈性以及快速的開發流程。