顯示具有 visual 標籤的文章。 顯示所有文章
顯示具有 visual 標籤的文章。 顯示所有文章

2022年8月27日 星期六

跟著書做~~python架站特訓班 django 3最強實戰

 感謝文淵工作室的努力編輯與付出!!(小狐狸大大覺得不錯的文章)

  1. 書中的大小寫有差喔~~在TIME_ZONE那邊Asia大寫
  2. visualStudio2022新增檔案時,是要選擇"新增新項目"在選擇想要的檔案類型。不是選擇"新增檔案",我在這裡新增html,結果用notepad++看,是ANSI的檔案,不是UTF-8,所以就導致錯誤碼:'utf-8' codec can't decode byte 0xa。
  3. 原本安裝visual studio 2022是想要練習donet,所以現在要新增python工具,就在工具→"取得工具與功能"就可以看到python,如果您要使用資料科學,也請考慮 [資料科學與分析應用程式]
  4. VS2022顯示行數。工具→選項→文字編輯器→所有語言

2022年8月8日 星期一

跟著做書做 --- 跟著實務學習ASP.NET MVC 5.x:打下前進ASP.NET Core的基礎:使用C#2019

  1. 範例:http://books.gotop.com.tw/download/AEL022900

  2.  'EntityFramework 6.4.0' 與 'EntityFramework.zh-Hant 6.2.0 條件約束: EntityFramework (= 6.2.0)' 不相容。
    感謝分享:浮雲雅築: [研究] NuGet 無法解析相依性。'EntityFramework 6.4.0' 與 'EntityFramework.zh-Hant 6.2.0 條件約束: EntityFramework (= 6.2.0)' 不相容。 (shaurong.blogspot.com)
    prj專案按右鍵→管理NuGet管理套件→將EntityFramework.zh-Hant 6.2.0 移除→重置

  3. 建立的空白ASP.NET MVC專案來說,沒有Content,Fonts,Scripts資料夾
    感謝分享:ASP.NET MVC 使用Bootstrap的方法 | 程式前沿 (codertw.com)
    找到範例的Content,Fonts,Scripts資料夾,複製貼上到我們的專案中

2022年7月1日 星期五

跟著書做~~PHP網頁程式設計 超入門

 這本書真的符合我的需求,說明清楚,每個步驟都講解原理,讓我受益良多,值得一讀。

安裝了XAMPP大概十幾天,原以為XAMPP是本機運行,外面應該進不來,就沒有設定MYSQL的密碼,某天搜尋PHP的相關資訊時(FSecure都顯示綠燈,但有一個網站是有擋住),突然程式一直顯示無法連結資料庫。原以為是程式出問題,晚上回來時,看著Control Panel,MYSQL啟動不了,Apache的port一直在更改,感覺好像是portscan,當下趕快斷網,還原系統後,解安裝XAMPP並刪除資料夾,重新安裝一次。

這次有影響到還原系統的時候,原本WIN11商家關閉outlook.com登入,這次關不了,所以只好新增一個帳號@@
chrome的F-Secure毀損(這次FSecure都沒響???)。
VS code竟也開不了,有點擔心是硬碟的問題嗎???VS code再跑一次安裝程式(沒有解安裝),所以之前安裝桃熊推薦的都還在。現在改用UBUNTU架站(又是一個坑)。

最後還是選擇XAMPP隨身版,感謝KJIE NOTE分享。資料夾不可有中文,第一次要set_xampp.bat,更改MYSQL的ROOT登入方法:HTTP,並更改密碼。

2021年4月8日 星期四

sublime Visual Studio Code 安裝與使用html5

 Sublime

  1.  先下載 sublime。
    https://www.sublimetext.com/3
  2. 下載package control,這是我覺得奇怪的地方,若是每個使用者必須安裝的功能,為什麼不能直接就在軟體中呢???(商業考量@@)。
    https://packagecontrol.io/installation
  3. 安裝package control,照著上面網頁中的指示。先安裝package control(install package control),然後再下載(control.sublime-package)放到sublime安裝位置中的Packages裡。
  4. 安裝中文套件。
    先(shift + ctrl + p)叫出command,簡單輸入install,就會呼叫package control:install package,點選這個。裡面有很多套件可以使用,這邊再輸入chineseLocalizations並點選就安裝成功了。
  5. 新增html
    一開始新增的檔案都是plain text,要點選右下角改成html,即可。並在檔案中輸入<html>就完成了。
  6. emmet套件可以快速產生html、CSS,第一次覺得tab好用(雖然平常都是用tab縮排)
    先安裝emmet,接著在html中輸入div*4 再按 tab鍵,就可以直接產出四個div。
    div+a 、div>div*2、div#wrapper、.background

 VS Code

  1. 先看看說明,並下載portable(zip)
    https://code.visualstudio.com/docs/editor/portable

normalize
https://necolas.github.io/normalize.css/

JQuery
https://jquery.com/

html5shiv 讓舊的瀏覽器認識html5
https://github.com/aFarkas/html5shiv

Adobe color
https://color.adobe.com/zh/create/color-wheel

MediaQuery 用html與css來判斷螢幕寬度

  1.  html那邊在head加入,好讓不同寬度的裝置搭配不同的CSS
    <link rel="stylesheet" href="mediaQuery480.css" media="screen and (max-width:480px)">
  2.  html那邊在head加入,讓螢幕初始縮放比例為100%
    <meta name="viewport" content="width=device-width; inital-scale=1.0">
  3. CSS那邊就加入,開始調整畫面囉
    @media screen and (max-width:480px){
        /* 如果裝置寬度小於或等於480px,就會載入這個CSS */

 Bootstrap

  1. https://getbootstrap.com/
  2.  加入bootstrap.css與 bootstrap.js。CSS通常放在head那邊,js放在footer之後(JQUERY也是)

 變成Android App

  1. 下載安裝java JDK
    將JDK的BIN加入到環境變數
  2. 下載安裝 Android Studio
    要取得並安裝 Android SDK(4.1.3直接內建)
  3. 下載安裝 Node.js
    npm install -g cordova
  4. 接下來都用cordova 來新增(只能用一般 cmd 操作,不用管理員)
  5. cmd D槽,然後 codrova create 專案資料夾
  6. 複製相關檔案到專案中,cmd 到專案中,cordova platform add android
  7. 編譯出apk,cordova build android
  8. 還是要去下載gradle,然後再android studio設定gradle的目錄位置,並在執行gradle.bat(在下載的gradle中)

 

 感謝"秒懂,行動網頁設計"的作者