即使很多人知道自助建站平臺(tái)的存在,他們也會(huì)無限期地推遲建站計(jì)劃。根本原因在于大部分人信不過平臺(tái)的宣傳廣告語,不清楚做網(wǎng)站的操作到底能簡(jiǎn)單到什么程度。他們擔(dān)心一旦開始建站,卻發(fā)現(xiàn)困難重重,無處下手。這些擔(dān)心小編都能理解,今天奉上這篇網(wǎng)頁制作初級(jí)教程就是為了解決你們的疑慮,讓你們直觀地看到在凡科建站制作網(wǎng)頁的全過程。
建議你們先申請(qǐng)一個(gè)凡科建站的賬號(hào),隨意打開一個(gè)免費(fèi)網(wǎng)站模板,再跟著小編的步驟一起享受做網(wǎng)站的樂趣。這里的免費(fèi)網(wǎng)站模板都是非常成熟完整的,甚至包含了行業(yè)產(chǎn)品圖片和資訊文章,看起來就像某個(gè)正在運(yùn)營的企業(yè)網(wǎng)站。所以我們的網(wǎng)頁制作初級(jí)教程主要教授大家如何在網(wǎng)站模板的主體框架下,替換上自己企業(yè)的圖片和文字內(nèi)容。
步驟一:編輯Banner(橫幅)圖,上傳自家企業(yè)的宣傳圖

現(xiàn)在的互聯(lián)網(wǎng)產(chǎn)品都十分注重Banner圖部分的設(shè)計(jì)。從App到微信小程序,從PC端網(wǎng)站到手機(jī)網(wǎng)站,Banner的設(shè)計(jì)決定了人們對(duì)企業(yè)或產(chǎn)品的主要印象。這部分可以放置企業(yè)近期活動(dòng)的宣傳圖,也可以常年放置宣揚(yáng)企業(yè)價(jià)值觀的品牌廣告圖,就看你想要給用戶展示企業(yè)的哪些面了。Banner圖的部分允許多張圖片輪播,圖片上傳和效果設(shè)置如下圖所示。

點(diǎn)擊“操作”處的垃圾桶圖標(biāo),刪掉免費(fèi)網(wǎng)站模板原有的圖片,通過“添加橫幅”上傳自己準(zhǔn)備好的圖片,再進(jìn)行切換樣式、切換動(dòng)畫效果、橫幅本身特效的設(shè)置。
步驟二:修改網(wǎng)頁中的文案

一個(gè)企業(yè)網(wǎng)站,從視覺層面主要由圖片、文字、視頻組成。我們已經(jīng)知道所有圖片組成的區(qū)域可以在編輯框內(nèi)自行上傳圖片替換,那么該如何修改文字部分呢?很簡(jiǎn)單,就像修改PPT上的文字一樣,直接在模板頁面上增刪文字,調(diào)整字體、大小和顏色。
步驟三:回到導(dǎo)航欄的部分,規(guī)劃網(wǎng)站的主要頁面

凡科建站的免費(fèi)網(wǎng)站模板通常設(shè)定“首頁”、“產(chǎn)品/服務(wù)案例”、“新聞動(dòng)態(tài)”、“關(guān)于我們”等欄目,完全能夠一個(gè)企業(yè)網(wǎng)站展示自己的需求。但我們依然給所有用戶留出自行發(fā)揮的空間,在管理欄目的編輯框內(nèi),您可以調(diào)整導(dǎo)航欄目項(xiàng)的名稱、數(shù)量和順序。
步驟四:在自由容器模塊內(nèi)組合設(shè)計(jì)文字、圖片和小圖標(biāo)

網(wǎng)頁制作初級(jí)教程自然少不了介紹網(wǎng)頁主體部分的制作過程。我們左側(cè)的模塊功能欄里面有現(xiàn)成的常用模塊、基礎(chǔ)模塊、產(chǎn)品模塊、互動(dòng)模塊和高級(jí)模塊,也鼓勵(lì)企業(yè)通過自由容器模塊自行設(shè)計(jì)圖文組合效果(如上圖“畫冊(cè)設(shè)計(jì)”那欄)。

做網(wǎng)站的多圖展示需要特別注意排版,切勿顯得擁擠和雜亂。為此我們提供模塊樣式的選擇,為您預(yù)設(shè)了五種美觀大氣的多圖文排版設(shè)計(jì)。
步驟五:編輯新聞欄目,沒有文章的企業(yè)官網(wǎng)不是好官網(wǎng)

這種縱向標(biāo)簽展示多版塊的文章列表已經(jīng)屬于高級(jí)設(shè)計(jì)了,您可以調(diào)整成為橫向標(biāo)簽設(shè)置或者取消標(biāo)簽設(shè)置,規(guī)劃一個(gè)單純展示單一類型文章列表的網(wǎng)頁。點(diǎn)進(jìn)去文章詳情頁面,用編輯Word文檔的方式編輯它的內(nèi)容,還可以在底部添加分享到外部社交平臺(tái)的鏈接,這就是利用網(wǎng)站文章實(shí)現(xiàn)引流的有效途徑。
看完這篇網(wǎng)頁制作初級(jí)教程,您終于愿意相信做網(wǎng)站是一件非常簡(jiǎn)單的事情了吧。使用凡科建站的免費(fèi)網(wǎng)站模板,讓做網(wǎng)站變成動(dòng)動(dòng)手指那么輕易的事情!