電腦小白+文科生+代碼萌新建站手冊

自學實驗基地!!!!!!!!!!!


電腦小白+文科生+代碼萌新建站手冊


號主簡介:

00年生人,目前讀大一。高中文科生,志願被調劑到管理專業。此專業需要學習計算機相關知識。

電腦小白+文科生+代碼萌新建站手冊


溫馨提示:滿滿乾貨,多字,介意,跳最後


01目標定位


某天計算機課,老師說12月31日交計算機期末設計作業。而且,如果設計的好,就可以去參加計算機系的比賽。大部分人可能都會選擇做ppt,不過,那樣分數會很低。


於是,我便開啟了目標定位。做個什麼類型的網站呢?(ps:那時的我沒有任何建站技能,完全電腦小白)現在的網站、APP、小程序類型多種多樣,要想做出來的有意義,獨一無二,太南了。


思考了很久


某節史綱課上,任課老師她說她跟她愛人去中科大看敦煌博物展。問我們知道嗎?離中科大很近的我們表示並不知曉。感覺錯過了一個億。


點子不經意間就蹦出來了。


建一個專為大學生學玩兼備的網站。學指發佈考證相關信息、玩指根據學生興趣和地域提供相關的活動信息推送。


電腦小白+文科生+代碼萌新建站手冊

圖片來自對網頁的截圖


02提升技能


文科生,老師也沒有開始教如何做網頁,要想學習如何設計,我腦海裡就是中國MOOC、B站、知乎。


知乎。推薦兩個方向的方法。一個是利用專業的建站網,比如凡科建站、織夢CMS。另一個就是利用Dreamweaver(簡稱DW)等專業軟件。


凡科建站。已經忘了為什麼放棄它,可能是因為不免費吧。(有興趣的小夥伴,建議你萌去網上具體實踐)。


織夢CMS

。下載後,配合B站學習視頻,優點點就不用寫代碼,很適合新手。個人認為缺點就是畫面設計不太理想。

電腦小白+文科生+代碼萌新建站手冊


DW。強烈推薦oeasy阿婆主的教學視頻,他語言簡單易懂,(感覺說話風格有點像張一山)容易上手操作,總計121節課。沒有任何經驗的小白,在學的過程中一定要

先建立一個用來學習和實驗的網站保存實驗成果,建立學習筆記,以後可以覆盤。


電腦小白+文科生+代碼萌新建站手冊


電腦小白+文科生+代碼萌新建站手冊

圖片來自截圖


03構思設計


構思設計包括:名稱、Logo設計、層次佈局設計、圖片處理。


名稱。一定要先想好,並且多預備幾個,逐一分析取捨(作為一個取名困難戶,總是愛變選擇)。


Logo設計。有基礎的,有想法的請繞道。萌新可以使用美圖秀秀、Canva(免費的也很好看)、Fotor(免費的 也很好看)、WPS(我用的)。


圖片來自截圖


電腦小白+文科生+代碼萌新建站手冊


層次佈局。精髓就是“模仿”,切記不要抄襲!不要抄襲!畫草圖,分佈功能區、多修改。


圖片處理。圖片來源於平時的手機收藏、網絡搜索相關主題圖片。建立image文件夾後,最好到桌面建立一個

圖片素材文件夾,用於收集素材和防止素材丟失。根據網頁設計需要處理圖片大小重命名後,再轉存入image。


電腦小白+文科生+代碼萌新建站手冊

圖片來自截圖


以上用於交作業,如若開放用於互聯網應用,還需在多個瀏覽器上試用,以及相關操作。


04學後感


當我面對代碼的時候,很開心,自己能看懂一部分


羅馬不是一天建成的,網站也是。2019年我做的最後一件事就是改網頁,交作業。


刷某音看到有關代碼的會很感興趣的試一試


看到老師給的期末成績一般開心


網站還沒有建成我真正想要的樣子,感興趣的可以關注,關注公眾號:自學實驗基地。


05總結


建站:


目標定位

用來解決實際問題的。


提升技能

Dreamweaver(簡稱DW)+B站


構思設計

名稱

Logo設計(Canva)

層次佈局(模仿、畫草圖、多修改)

圖片處理(素材文件夾、改大小、重命名)


電腦小白+文科生+代碼萌新建站手冊


分享到:


相關文章: