1. 程式人生 > 其它 >實操製作高校網站首頁介面

實操製作高校網站首頁介面

實操製作高校網站首頁

    瞭解網站建立流程

    網站的製作步驟

      1、網站策劃

      2、網站素材收集

      3、網站規劃

      4、網站目錄設計

      5、網站製作

網頁內容主要包括:導航欄、輪播圖、學校要聞、學術講座、綜合新聞、通知通告、友情連結、版權資訊。

  首先得了解網頁的主體結構,分成一部分一部分的來製作。

    這個網頁的主體結構是logo導航、輪播圖、學校新聞、綜合內容、友情連結、版權頁。

下面是主頁logo導航與輪播圖。

下面是手機介面的適配圖

左邊是採用bootstrap的縮圖元件實現,中間和右邊使用了bootstrap的媒體物件元件。

下面是學術講座與版權頁,學術講座內容還未進行修改,後續把圖片與文字在佈局裡面修改,CSS樣式表新增一些屬性。

今天

  

------------恢復內容開始------------

實操製作高校網站首頁

    瞭解網站建立流程

    網站的製作步驟

      1、網站策劃

      2、網站素材收集

      3、網站規劃

      4、網站目錄設計

      5、網站製作

網頁內容主要包括:導航欄、輪播圖、學校要聞、學術講座、綜合新聞、通知通告、友情連結、版權資訊。

  首先得了解網頁的主體結構,分成一部分一部分的來製作。

    這個網頁的主體結構是logo導航、輪播圖、學校新聞、綜合內容、友情連結、版權頁。

下面是主頁logo導航與輪播圖。

下面是手機介面的適配圖

左邊是採用bootstrap的縮圖元件實現,中間和右邊使用了bootstrap的媒體物件元件。

下面是學術講座與版權頁,學術講座內容還未進行修改,後續把圖片與文字在佈局裡面修改,CSS樣式表新增一些屬性。

今天收穫很大,瞭解了基本製作網頁的大概步驟。資料只給了部分重點的程式碼,還有一部分是自己補全,在過程中也學到了許多,過程中也會有很多錯誤,還好的是可以去搜索來完善。很大的不足是好多bootstrap的程式碼都記不住和JavaScript程式碼一複雜就看不懂了。現在CSS頁面程式碼常用的基本都能記住。後續會繼續努力。