前端界流傳的神奇招式
•Download as PPTX, PDF•
17 likes•3,649 views
系列課程主題 從零開始的網頁設計- HTML & CSS基礎建設 第二堂課 3/31 - 前端界流傳的神奇招式
Recommended
More Related Content
What's hot
Viewers also liked
Viewers also liked (20)
Similar to 前端界流傳的神奇招式
Similar to 前端界流傳的神奇招式 (20)
More from Anna Su
More from Anna Su (14)
前端界流傳的神奇招式
- 2. 前端界流傳的神奇招式 LESSON 2 1. 分享建置網站Q&A 2. 安裝Sublime Text 3 3. 練習實用技巧
- 11. Q5: 希望知道一些網路自學的方法？ • 官方文件 • 官方論壇 • GOOGLE • 付費教學 • 追蹤高手動態
- 14. Q7: 如何寫css動畫？
- 15. Q7: 如何寫css動畫？
- 17. 第六堂課將會分享GIT的基本觀念
- 19. 一開始也許沒這麼順利
- 22. 圖片來源
- 23. 前端界流傳的神奇招式 LESSON 2 1. 分享建置網站Q&A 2. 安裝Sublime Text 3 3. 練習實用技巧
- 24. Sublime Text 3 簡介 Sublime Text是一個文字編輯器軟體， 這個軟體可以透過下載各種插件來增強功能。
- 25. Sublime Text 3 安裝 1. 首先到Sublime Text 3官方網站下載軟體 2. Package Control 安裝 3. 套件安裝/移除
- 26. 付費版和免費版有什麼不同？
- 27. Package Control 安裝 1. 首先到Sublime Text 3官方網站下載軟體 2. Package Control 安裝 3. 套件安裝/移除
- 28. Package Control 安裝 安裝步驟： 1. 透過快捷鍵 ctrl+` 開啟主控台命令列 2. 輸入左方代碼 Package Control是插件的管理員 ① ②
- 29. Package Control 安裝 將代碼複製到主控台命令列按下Enter即可完成Package Control 安裝。
- 30. Package Control 安裝 1. 首先到Sublime Text 3官方網站下載軟體 2. Package Control 安裝 3. 安裝/移除套件
- 31. 安裝套件 Package Control安裝完成後， 我們使用 Preferences->Package Control 或快速鍵 Ctrl + shift + P (Mac: Command ⌘ + shift + P) 來開啟 Package Control ， 接著輸入 install ，在你輸入的同時就會顯示相關的項目了。
- 32. 移除套件 Package Control安裝完成後， 我們使用 Preferences->Package Control 或快速鍵 Ctrl + shift + P (Mac: Command ⌘ + shift + P) 來開啟 Package Control ， 接著輸入 remove 即可
- 34. Help to show content in browsers Help to style the content Help to interact with content
- 37. index.html
- 39. CSS 的載入方法 1. 利用style標籤，將css內嵌在 HTML 文件 <head> <style type="text/css"> div { background-color:red; } </style> </head>
- 40. CSS 的載入方法 2. 使用link標籤載入外部 CSS 檔案 3. 使用style屬性，對標籤添加樣式 3. 在css檔案內使用!import 方法來匯入其他樣式 <link href=“路徑/檔名.css" rel="stylesheet" type="text/css" /> <div style="CSS屬性名:屬性值;">任意內容</div> @import url(檔名.css);
- 42. Javascript 的載入方法 1. 內嵌在 HTML 文件 2. 載入外部 JavaScript 檔案 <script language="JavaScript"> JavaScript 程式碼 </script> <script src="檔名.js"></script>
- 44. 前端界流傳的神奇招式 LESSON 2 1. 分享建置網站Q&A 2. 安裝Sublime Text 3 3. 練習Sublime Text實用技巧
- 45. 安裝好用的套件 Package Control安裝完成後， 我們使用 Preferences->Package Control 或快速鍵 Ctrl + shift + P (Mac: Command ⌘ + shift + P) 來開啟 Package Control ， 接著輸入 install ，在你輸入的同時就會顯示相關的項目了。
- 49. AutoFileName Sublime Text plugin that autocompletes filenames
- 50. DocBlockr Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Action script, C & C++ Pressing enter or tab after /**
- 52. ColorPicker Linux: ctrl+shift+c Windows: ctrl+shift+c OS X: cmd+shift+c A multi-platform color picker plugin
- 53. 前端界流傳的神奇招式 本次課程 1. 分享建置網站Q&A 2. 安裝Sublime Text 3 3. 練習實用技巧