Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
從零基礎學習前端HTML+CSS 到整站搭建-UI Design User Interface設計師必修課
Rating: 2.5 out of 5(1 rating)
13 students

從零基礎學習前端HTML+CSS 到整站搭建-UI Design User Interface設計師必修課

一個課程完成系統 HTML+CSS 的學習,標籤的語法標籤的語法, CSS样式,語義化,讓你的網頁更好的被搜尋引擎理解語義化,讓你的網頁更好的被搜尋引擎理解
Created bySjlyedu wang
Last updated 2/2022
Chinese (Traditional)

What you'll learn

  • 清楚瞭解 HTML+CSS 的語法標準,瞭解W3C格式標準
  • 常用標籤的學習
  • 零基礎學習搭建個人網站,和互聯網公司企業網站的能力
  • 學習互動式網頁代碼編寫技巧
  • 搭建靜態的網站,掌握互聯網行業靜態網頁產品開發
  • 想學習製作網站的廣大同學

Course content

1 section9 lectures12h 42m total length
  • HTML常用標籤介紹1:26:48

    學完本課可以瞭解HTML中常用標籤,和基本語法的書寫格式。

  • HTML中style寫作樣式和符動的實踐1:22:34

    本課可以撐握符動的具體應用,以及Style的格式,和CSS嵌套樣式.

  • UI設計師為什麼要學習HTML以及網站原型框架搭建1:34:41

    本節課可以幫助大家更好的瞭解清楚網站框架的搭建,以及常用語法格式。

  • HTML中嵌套方式,以及導航的搭建1:31:03

    學習CSS的嵌套方式,以及網站巡覽列的搭建。

  • CSS 樣式寫滑鼠移入交互樣式1:27:56

    掌握基本的表格寫法,以及頁面架構。

  • CSS交互樣式HOVER, 網站導航的搭建1:26:06

    完成hover樣式效果,網站導航的搭建

  • 整站網頁搭建綜合案例1:19:42

    學完本節可以撐握整站網頁的搭建

  • 網站多頁面的組建-公共樣式的應用1:14:54

    學完本節能對多頁面網頁的搭建深入的理解並應用公共樣式的方法

  • HTML5回應式頁面的搭建-適合多螢幕1:18:33

    學完本節課能完成HTML5回應式頁面搭建,可以將頁面適配到多螢幕。

Requirements

  • 需要安裝Adobe Dreamweaver 軟體
  • 无需编程经验

Description

HTML超文字標記語言是永遠也不會過時的一門語言,它是基於流覽器的一門編碼語言,可用於網頁設計,電商平臺裝修設計,也是程式師的基本能力,同樣作為一個UI設計師也是要必修這門課程的。也是零基礎程式師入門的最基礎的學習內容。

HTML(Hypertext Markup Language)是文本標記語言,是用於描述網頁文檔的一種標記語言。CSS(Cascading Style Sheet)可譯為“層疊樣式表”或“階層式樣式表”,它定義如何顯示 HTML 元素,用於控制Web頁面的外觀。通過使用CSS實現頁面的內容與表現形式分離,極大提高了工作效率 。樣式存儲在樣式表中,通常放在<head>部分或存儲在 外部CSS檔中。作為網頁標準化設計的趨勢,CSS取得了流覽器廠商的廣泛支持,正越來越多的被應用到網頁設計中去。

在這套課程中:

用css樣式,為表格加入邊框

使用DIV 做網頁結構

電商詳情頁代碼編寫

HTMLCSS格式語法

流行網頁微交互效果 HOVER

企業網站導航模組寫法

HTML5 常用標籤。

互動頁面編寫。


Who this course is for:

  • 從事UI設計或者前端開發設計的同學們
  • UI design 更好和程式師溝通需求
  • 希望能入門前端設計行业
  • 想提高一門互聯網編碼語言的同學們
  • 要有一些程式思維能力
  • 電商設計師都可以學習