為高校新學生解說網頁規劃

互聯網處在快速變革期。網頁前端開發深受近年來不斷改變的編碼技巧和手段的影響。

現在，一個合格的前端開發者必須通曉HTML、CSS、Javascript、jQuery，CSS預處理器，以及諸如呼應式規劃之類的新技術，他們還要考慮首先為移動端規劃頁面，各種設備查看網站時的狀況。

既然網頁前端開發這一職業已然改變，高等教育體系需求對講一些根本的網頁規劃課程。問題是，怎么教那些連HTML和CSS都不知道的學生, 好讓他們以獨立于設備的觀念，運用呼應式規劃和移動端優先的準則來規劃構造網站呢？

改進全職教授和兼職教員的協作有助于增強學生們的學習體會

兼職教員，是那些有著一份全職作業，并且兼職講其他課程的教員。他們一般能制作專業的網站，一起也能有能跟上職業最新趨勢和技術的資源。但是，缺少了接觸名貴教育法材料的快捷途徑，兼職教員很難找到合適學生們消化吸收這些前沿材料的出現方法。

一起，全職教師和教授們做的網站一般不會很專業（或許根本就不會做網站），他們需求滿足作業時的其他需求，很難抽出時刻跟上新趨勢、新技術的開展。與兼職教員不同，這些教師教授對教育方法有很深入的研究，在網頁規劃的課程中，什么樣的教育能起作用，什么樣的教育不起作用，他們了解得一覽無余。兼職教員一般晚上或許周末教育，而全職教師們常常在白天上課，所以兩個群體很少有交集。增進全職教師和兼職教員之間的協作，是增強學生體會, 進步教育質量的關鍵之一。兩種教員都會為高等教育帶來互補的價值和技能。

在這篇文章中，我主要重視兩項課程：圖形規劃和HTML、CSS。其他的概念，像是網站規劃、移動版優先準則、信息結構、可用性、以用戶為中心的規劃、Javascript和jQuery、內容管理體系（CMS）、都是很重要的，都能夠考慮設為課程包含的規模。但是，這些議題一般都在高校的其他課程中有所觸及，所以這里并不會說到上述內容。

創造出規劃

在大多數學校的網頁規劃課程中，學生們會上一堂課，學習運用Photoshop或許Fireworks，畫出一張簡略的網站布局圖。學生們會從現有網站的截圖開端，把內容和圖片換成自己的部分，或許讓全部從頭開端。

這項課程的理念是非常正確的。一旦學生們掌握了運用軟件的根本方法，課程將會激發關于可用性、色彩、布局、字體、頁面留白、圖片質量和方位等常識的討論，而暫時不觸及代碼的部分。這種做法能讓學生們在腦海中構成網頁的畫面，無需過多地重視網頁代碼是怎么編寫出來的。在學生們真實開端編寫網頁的時分，他們就能夠在寫一行代碼之前弄理解自己想要的是什么了。

讓學生們在接觸代碼之前先構成網頁的概念是非常重要的

在課程中，常有學生關于（元素內容）超出畫布今后的行為感到困惑。假如只規劃了960像素寬的內容，那么當顯現器為1200像素寬的時分，頁面會發作什么呢？一般狀況下，超出的部分會填充為背景色或許填充為重復的圖案。學生們卻很少問到顯現區域寬度小于960像素后發作的事情。

在問及較窄屏幕的狀況時，大多數學生會指出頁面底部會出現橫向滾動條，網站訪客需求拓寬閱讀器寬度才能看得到完整的頁面。他們（這個時分）并不會考慮按鈕在觸屏設備上會不會很欠好操作，文字大小在不同屏幕的顯現屏上是否會有很大的變化。這樣的教育方法卻是能夠引導學生考慮這些問題。

許多重視于呼應式規劃的作業室，不會去運用像在課上規劃出的那種規劃圖，也不把這種圖作為開發進程中的一部分。相反，他們更傾向運用根據HTML和CSS的規劃圖來展示客戶端所看到的網站外觀。那為什么還要向學生們講圖畫式的規劃圖呢？

原因是，在開發進程的這個階段，學生們不一定非常了解HTML和CSS，極點狀況下甚至一點也不了解。從規劃圖上拿掉代碼的部分今后，學生們所重視的，是包含圖形規劃和用戶體會之類的規劃準則。一旦他們學會了HTML和CSS今后，他們就再也不會運用圖畫式的規劃圖了。在學習根據圖畫來規劃網頁作用的進程中，他們學會了運用Photoshop/Fireworks，了解了運用這種規劃環境的長處和缺點——這也是很有益的經驗。

下面是一些能夠安置給學生的使命，讓他們能夠為設備獨立的規劃作業做好準備：

規劃一個12等分欄的頁面

這項使命是解說網格體系及其作業原理的最佳時機。讓學生們根據網格規劃布局能展示學生們關于這種規劃的理解。

展示不同尺度的規劃

一個960像素寬的頁面，在1200像素寬的時分會是什么姿態的？320像素寬呢？767像素寬呢？讓學生們在規劃中運用相同的內容，在不同屏幕尺度的環境下安排不同的布局。保證問到了“過渡”的問題——從767像素寬縮小到320像素寬的時分，布局又會有怎樣的改變呢？

問一些圖片的問題

頂部的大圖片在從767像素寬拉伸到960像素的時分，怎么堅持相同漂亮的觀感呢？屏幕尺度在767像素和960像素之間的時分，圖片又會發作什么呢？

鼓舞學生考慮觸摸屏的行為

在屏幕尺度較小的時分這一點尤為重要，并且現在桌面電腦和筆記本電腦也在逐漸地觸摸化。這里能夠鼓舞學生考慮合適手指粗壯人士的狀況。