利用AI的力量建立網站:制定指南
生成的AI正在徹底改變網站的創建。 忘記乏味的拖放界面; AI驅動的平台(例如Framer)可讓您從簡單的文本提示中構建功能網站。本指南使用Framer演示這種令人興奮的新方法。 Framer提供免費託管(最多1GB帶寬和每月1000個訪問者),付費計劃($ 5/月及以上)可提高容量。 請留意類似的新興AI網站建設者。
>使用提示構建您的AI網站
- >
>註冊一個免費的Framer帳戶。 登錄後,Central“使用AI”按鈕啟動了網站創建過程。 >
- >製作一個詳細的提示。 您提供的信息越多,結果就越好。 在鍵入之前,請查看提供的示例。 包括您網站的名稱,目的,所需的樣式(例如“現代”,“極簡主義”)以及基本元素(投資組合,聯繫方式等)。進度欄表示迅速完整。 單擊“開始”後完成。
>審查和完善。 - Framer生成一個響應式網站(適應不同的屏幕尺寸)。 使用“再生”按鈕進行替代設計或編輯您的提示以進行進一步自定義。 從右側的預設調色板和字體中進行選擇,使用AI按鈕(兩星標圖標)將它們應用於單個部分。
>配置設置。
- COG圖標(右上)允許對站點名稱,描述和社交媒體縮略圖進行調整。訪問高級自定義的HTML代碼。 單擊“播放”按鈕(右上)以進行瀏覽器預覽。
>自定義和擴展您的網站
> Framer的AI是一個有力的起點,但可能需要進一步的完善。 單擊圖像或文本框以訪問佈局和效果設置;雙擊以直接編輯內容。右鍵單擊以獲取其他選項:刪除,移動,重複,對齊和組元素。 使用Ctrl Z(Windows)或CMD Z(MacOS)撤消操作。
>通過“插入”按鈕添加新部分(左上角):投資組合頁,標題,頁腳,網絡表單等。 Framer保持風格一致性。 集成的CMS(頂部的“ CMS”按鈕)允許您添加博客。 在CMS接口中輕鬆創建,編輯和管理博客文章。 制定器會自動保存您的更改。 通過框架圖標訪問常見問題解答(左上)並選擇“幫助”。發布您的網站
>單擊“發布”(右上)以啟動您的網站。此按鈕還會通過隨後的更改更新您的實時網站。免費帳戶接收帶有小水印的Framer.ai URL。
以上是制定者和其他AI工具如何幫助您構建自己的網站的詳細內容。更多資訊請關注PHP中文網其他相關文章!