Cursor 實戰演練：打造一頁式網站 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2024 iThome 鐵人賽

DAY 20

0

影片教學

與 GenAI 工具 XX 一起協作 OO 系列 / ChatGPT , copiolt , kling AI ...系列第 20 篇

Cursor 實戰演練：打造一頁式網站

16th鐵人賽

2024-10-04 06:57:18

156 瀏覽

分享至

題目：Cursor 實戰演練：打造吸睛商品頁

大綱：

Cursor 快速上手
- 介紹 Cursor 介面
- 使用 Composer 生成基本網頁架構
規劃商品頁面
- 產品名稱與圖片
- 產品特色與說明
- 加入 RWD 設計
圖片位置
- 指定圖片存放路徑
- 如何在 Cursor 中引入圖片
程式碼優化
- 拆分 CSS 樣式表
- 將程式碼分為 HTML、CSS、JavaScript 檔案
功能延伸
- 新增購買按鈕連結
- 整合金流服務

Hashtag 關鍵字：
#AI #Cursor #網頁設計 #商品頁 #RWD #前端開發 #程式碼優化 #Git #軟體開發 #AI工具 #網頁開發

Cursor AI 教我寫虛擬貨幣發行程式

Cursor AI 幫你寫遊戲超酷的WebGL 3D迷宮遊戲

系列文

與 GenAI 工具 XX 一起協作 OO 系列 / ChatGPT , copiolt , kling AI ... 共 30 篇

目錄

RSS系列文訂閱系列文

4 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22197 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙