時間在不斷前進，而我們的科技也發(fā)展飛速，與我們生活緊密聯(lián)系的互聯(lián)網(wǎng)也在不斷改變，互聯(lián)網(wǎng)的基礎(chǔ)在于網(wǎng)站的建設(shè)，而網(wǎng)站建設(shè)的基礎(chǔ)在于網(wǎng)頁設(shè)計，網(wǎng)頁設(shè)計的優(yōu)秀與否對網(wǎng)站建設(shè)有一定的作用，沒有十全十美的事物，同樣網(wǎng)頁設(shè)計也會有自己的缺陷，它的缺陷往往在于安全問題，很多網(wǎng)頁由于設(shè)計存在安全的問題經(jīng)常會被黑客、病毒等所侵襲，結(jié)果就是會給企業(yè)的經(jīng)濟帶來一些不利的影響。這篇文章目的在于對網(wǎng)頁建設(shè)的網(wǎng)頁設(shè)計的安全缺陷進行分析，并給出相對的一些建議。我們生活在21世紀，現(xiàn)在每個人的生活幾乎都與互聯(lián)網(wǎng)有聯(lián)系，互聯(lián)網(wǎng)已與我們的生活融會貫通，互聯(lián)網(wǎng)的發(fā)展對于個人還有很多企業(yè)及事業(yè)單位等都有益處。而利用互聯(lián)網(wǎng)已被絕大多數(shù)人使用這個特點，企業(yè)等單位都會運行自己單獨的網(wǎng)站進行自己的宣傳進而達到自己的目的，這種做法不僅提高了辦事效率，而且也減少了辦事的復(fù)雜程度。有利必有弊，呼之欲出的問題就是網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計的安全問題，安全問題涉及了許多信息，除了企業(yè)用戶的私人信息外，也包含一些企業(yè)內(nèi)部工作的重要信息，所以安全缺陷是必須需要重要分析和修復(fù)的。否則面對的問題就是網(wǎng)站由于安全缺陷被入侵，嚴重的入侵將會影響到企業(yè)，對企業(yè)的利益造成不可估計的損失。

一、網(wǎng)站建設(shè)中網(wǎng)頁安全的重要性

互聯(lián)網(wǎng)科技不斷進步，網(wǎng)站建設(shè)也在不斷創(chuàng)新和改進，網(wǎng)站的建設(shè)是由兼有各種不相同功能的網(wǎng)頁所構(gòu)成，它們共同形成了網(wǎng)站的建設(shè)。而從形式上劃分，網(wǎng)頁分為兩種，即靜態(tài)和動態(tài)，靜態(tài)網(wǎng)頁相對而言是比較早期的一種技術(shù)，它的形式已經(jīng)過時，人們訪問瀏覽器，進入后的網(wǎng)頁是已經(jīng)設(shè)計完成的，看到的內(nèi)容都是靜態(tài)的，包括網(wǎng)頁中常見的文字和圖片，沒有動畫模式那么用戶訪問網(wǎng)頁時會產(chǎn)生枯燥感，在網(wǎng)頁的修改方面，也都是需要人工完成，人工的完善是有限的，種種因素使得靜態(tài)網(wǎng)頁逐漸淘汰。而隨著網(wǎng)絡(luò)的發(fā)展，現(xiàn)在的網(wǎng)絡(luò)建設(shè)演變成了動態(tài)形式，動態(tài)形式的網(wǎng)頁也適合于現(xiàn)在的時代，在動態(tài)網(wǎng)頁中，網(wǎng)頁隨著人們的操作而發(fā)生變化，從而得到所要的信息，滿足人們的需求。海量的腳本語言運用在了網(wǎng)頁設(shè)計中，如C++、JAVA，這些腳本語言的發(fā)展具有程式化，它們作用于網(wǎng)站資源的高效管理，動態(tài)的網(wǎng)頁使網(wǎng)站的工作效率得到了提高。但是，如果腳本的語言的編程出現(xiàn)了安全性問題，那么要及時解決，反之這些問題一旦嚴重，企業(yè)方面則會遭受損失。

二、網(wǎng)站建設(shè)

網(wǎng)絡(luò)建設(shè)在不斷發(fā)展，建設(shè)過程雖逐漸完善，但還未成熟。所以在網(wǎng)站建設(shè)的過程以及以后的完善中，都需要網(wǎng)站工作人員極其看重這個問題。在這個不斷變化且復(fù)雜的社會中，之前只是想抱有好奇心或滿足成就感的不法分子已經(jīng)悄悄進化為專門盜取商業(yè)的保密文件和侵犯個人的隱私的不安居心的部分人群。在這樣的環(huán)境下，就需要設(shè)計人員對設(shè)計的網(wǎng)頁的安全缺陷加以熟悉，進而及時修復(fù)改進，達到提高網(wǎng)站安全性的目的。對于網(wǎng)絡(luò)建設(shè)來說，它包括對用戶的需求進行分析，對網(wǎng)站的界面進行美化并設(shè)計，對相關(guān)程序進行進一步的研發(fā)，最后設(shè)計的網(wǎng)站并進行運營。這些過程還需要加上非常多的復(fù)雜的配置，最終形成網(wǎng)站。

三、網(wǎng)頁設(shè)計的安全缺陷

一連上了兩個星期的網(wǎng)頁實訓(xùn)課，可以說學(xué)到很多以前沒有學(xué)到的東西。雖然在大一的時候我們的專業(yè)出開設(shè)了網(wǎng)頁設(shè)計課，但感覺這兩個星期學(xué)到的遠遠比以前學(xué)一個學(xué)期的要多，要豐富。

每一天都有新的內(nèi)容要學(xué)，讓人感覺很興奮，很高興，恨不得馬上就把它給學(xué)會。通過這次實訓(xùn)使我更熟練掌握Dreamweaver、Flash、Fireworks、Photoshop等軟件的功能和應(yīng)用。不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團結(jié)。

在這期間，每一天老師都會發(fā)一些素材和實訓(xùn)給我們，首先是網(wǎng)頁素材的準備，在網(wǎng)上查看一些網(wǎng)頁背景和背景顏色搭配，讓我了解到網(wǎng)頁的顏色不能多過3種色彩。接下來的幾天再結(jié)合自己的網(wǎng)頁來進行策劃，在做首頁之前，先用圖紙把網(wǎng)頁的結(jié)構(gòu)畫出來，內(nèi)容和結(jié)構(gòu)都想清楚用Fireworks把網(wǎng)頁設(shè)計出來，再切割圖片，把它們導(dǎo)成Html格式在Dreamweaver中進行進一步的編輯。

我們的網(wǎng)站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網(wǎng)頁名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個人，兩個人負責(zé)找素材，另一個美術(shù)好的就負責(zé)網(wǎng)頁的頁面設(shè)計，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào)，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào)，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當(dāng)作是過渡頁，第二頁開始才是網(wǎng)頁的內(nèi)容。為了增加網(wǎng)頁的新鮮感和活潑感，還適當(dāng)在添加一些透明flash和一些網(wǎng)頁特效。在這實訓(xùn)的時間里面，我們分工合作，共同努力，對網(wǎng)頁反復(fù)調(diào)試和修改，特別是對于Fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學(xué)到更多。雖然中途難不免會有因為意見的不合而發(fā)生一些小小的爭吵，但我覺得不影響我們的網(wǎng)頁設(shè)計，反而會因為這些不同的意見而重新學(xué)到更多的知識。

一、網(wǎng)頁界面設(shè)計的特征

網(wǎng)頁界面設(shè)計是一將藝術(shù)與技術(shù)相結(jié)合的一門學(xué)科，早期人們會有一種誤解，認為網(wǎng)頁設(shè)計主要體現(xiàn)在“技術(shù)”的應(yīng)用上，而忽視了“設(shè)計”的層面，導(dǎo)致許多網(wǎng)頁布局不合理、頁面平淡無奇、內(nèi)容雜亂無章等。因此，在充分傳達內(nèi)容和信息的基礎(chǔ)之上，網(wǎng)頁界面還必須具備一定的藝術(shù)特征，這種藝術(shù)是基于功能性之上，并且為其服務(wù)的。

（一）以功能性為主網(wǎng)頁界面設(shè)計和平面設(shè)計一樣，必須遵循一定的設(shè)計原則，在必須具備平面設(shè)計特征的同時，網(wǎng)頁設(shè)計還具有其特有的基本特性。網(wǎng)頁界面設(shè)計應(yīng)時刻圍繞“信息傳達”這一主題來進行。因此，它是一種以功能性為主的設(shè)計。主要體現(xiàn)在以下兩個方面：1.信息傳達的功能網(wǎng)頁界面設(shè)計以信息傳達為主要功能，并且信息必須準確、清晰明了，具有明確的受眾對象和宣傳目標，注重時效性。2.一定的審美功能網(wǎng)頁界面的審美功能具有一定的綜合性。以內(nèi)容為主，藝術(shù)為輔，除了界面布局合理，色彩搭配美觀，有清晰的導(dǎo)航功能，內(nèi)容吸引人等，還必須考慮到用戶操作的簡易性和信息接受心理等因素。

（二）形象明確，易于接受格羅佩斯在他的《藝術(shù)家與技術(shù)家在何處相會》一文中提到：“如果物體的形象很適合于它的工作，它的本質(zhì)就能被人看得清楚明確?！泵鞔_地指出了“形象”在信息傳遞和接納過程中所起到的重要作用。人們在接觸外界事物的時候，總是先通過視覺來接受信息，從而觸發(fā)一系列的心理活動。例如：看到天空飛翔的小鳥，會聯(lián)想到自由，看到長城、故宮，會聯(lián)想到中國傳統(tǒng)文化。因此，在設(shè)計網(wǎng)頁界面的時候，必須以通俗易懂的形象來傳遞信息，同時，也要考慮到網(wǎng)頁受眾的年齡、職業(yè)、文化層次、興趣的差異性，盡可能地使用簡單的宣傳形式來滿足所有層次的受眾。在可口可樂的網(wǎng)頁中，用戶可以從水珠、人物等形象中充分聯(lián)想到活力四射、清涼的感覺，形象通俗易懂，傳達的信息易于接受，具有良好的傳達效果。

二、網(wǎng)頁界面設(shè)計的視覺構(gòu)成要素

網(wǎng)頁無論其類型、大小、功能，風(fēng)格，其具備的基本要素都是一致的，與平面設(shè)計相比，除了圖像和文字之外，網(wǎng)頁界面包含更多的要素，如聲音、視頻、動畫等多媒體要素，以及由Javascript、VBscript等動態(tài)語言實現(xiàn)的網(wǎng)頁特效和交互功能。

摘要：網(wǎng)頁設(shè)計在平面設(shè)計中起到重要作用，它是在現(xiàn)代生活水平的影響下衍生的新概念，是現(xiàn)代生活平面設(shè)計的延伸與發(fā)展，更是一種新型的平面設(shè)計與主題。本文以網(wǎng)頁設(shè)計當(dāng)前在平面設(shè)計中的運用為切入點，重點討論網(wǎng)頁設(shè)計對平面設(shè)計的積極作用以及現(xiàn)下還存在的不足之處，并針對這些不足之處提出相應(yīng)的改革措施。

關(guān)鍵詞：網(wǎng)頁設(shè)計；平面設(shè)計；網(wǎng)頁設(shè)計的運用

一、關(guān)于網(wǎng)頁設(shè)計在平面設(shè)計中運用的相關(guān)背景介紹

（一）網(wǎng)頁設(shè)計的概念。網(wǎng)頁設(shè)計是指使用標識語言，利用一系列可行的設(shè)計、建模以及執(zhí)行過程把電子模式的信息通過互聯(lián)網(wǎng)傳遞，最終呈現(xiàn)在人們眼前的是以圖形用戶界面的形式被用戶瀏覽，從簡單的角度來講，網(wǎng)頁設(shè)計的目的就是生成網(wǎng)站，網(wǎng)站上面的簡單信息，例如文字、圖片或是表格之類的都可以放置在網(wǎng)頁上，以供人們查閱資料與了解情況。（二）平面設(shè)計中運用網(wǎng)頁設(shè)計要注意的要點。一是頁面內(nèi)容要新穎。網(wǎng)頁設(shè)計要緊跟潮流，內(nèi)容的選擇不要落俗，要突出“新穎”一詞奪人眼球，在設(shè)計網(wǎng)頁時不能照抄別人的內(nèi)容，要根據(jù)自己的實際情況去設(shè)計網(wǎng)頁，打造獨一無二的網(wǎng)頁設(shè)計。二是網(wǎng)頁設(shè)計后續(xù)的更新要及時。并不是說網(wǎng)頁設(shè)計制作完成之后就無后顧之憂，后續(xù)的更新工作也是要及時跟進的，網(wǎng)頁設(shè)計制作只是一時創(chuàng)意，維護工作做好才是長久之計。三是注重網(wǎng)頁的視覺效果。網(wǎng)頁設(shè)計不可單一無趣，也不可太過花里胡哨，顏色的選擇以及框架的變動最好都要符合人體工程學(xué)進行設(shè)計，給用戶帶來最好的視覺效果，提高網(wǎng)頁的分辨率，設(shè)計在不同分辨率下都能正常顯示的網(wǎng)頁。四是網(wǎng)頁設(shè)計的內(nèi)容要通俗易懂。網(wǎng)頁內(nèi)容好理解，無需過多的專業(yè)名詞或是之乎者也，網(wǎng)頁設(shè)計最重要的要點，就是網(wǎng)頁內(nèi)容要大眾化，可以達到雅俗共賞的境界。要規(guī)劃文字與背景顏色的搭配方案，不能讓背景的顏色沖淡了文字帶來的視覺效果，過分利用顏色只會讓網(wǎng)頁看起來花里胡哨，用戶使用起來也覺得費勁。五是網(wǎng)頁設(shè)計中還要注重網(wǎng)頁內(nèi)容的布局，可以利用表格來布局，將網(wǎng)站內(nèi)容的層次性與空間性體現(xiàn)出來，不能像羅列條約法規(guī)似的列舉出來，要讓用戶能夠清楚的了解到網(wǎng)頁設(shè)計的關(guān)鍵點與重點內(nèi)容，確保網(wǎng)頁設(shè)計的結(jié)構(gòu)分明。（三）運用網(wǎng)頁設(shè)計對平面設(shè)計方面的具體表現(xiàn)。一是網(wǎng)頁設(shè)計的視覺效果在平面設(shè)計中被運用。在平面設(shè)計中運用網(wǎng)頁設(shè)計，網(wǎng)頁設(shè)計中的視覺效果用于描述圖形設(shè)計的信息，將圖像進行改變，從而對人們產(chǎn)生了不一樣的視覺效果，在視覺效果的應(yīng)用中，更好的利用了顏色之間的組合，不同的顏色不足不一樣的顏色落差，通過顏色在平面協(xié)調(diào)中協(xié)調(diào)圖像的顏色，可以將平面設(shè)計的內(nèi)容進行更好的傳遞。二是網(wǎng)頁設(shè)計的色彩效果在平面設(shè)計中被運用。網(wǎng)頁設(shè)計更注重色彩的強烈對比，平面設(shè)計中注重網(wǎng)頁設(shè)計的運用，首當(dāng)其沖的就是注重色彩的運用，利用色彩來表達平面設(shè)計想要表達的東西，例如情感方面類的抽象內(nèi)容，利用有限的設(shè)計空間，充分展現(xiàn)色彩的魅力，讓用戶能夠更加直接的感受到平面想要傳達的信息以及自身的含義。三是網(wǎng)頁設(shè)計的文字效果在平面設(shè)計中被運用。文字是組成網(wǎng)頁的基本元素，從古至今人們也都是利用文字來進行記錄。平面設(shè)計中必不可缺的就是表達主題，而網(wǎng)頁設(shè)計的文字則是表達主題的最好方法。可以直接在網(wǎng)頁設(shè)計中編輯主題內(nèi)容，讓人們更清晰的了解到平面設(shè)計想要表達的主題內(nèi)容。

二、當(dāng)前平面設(shè)計中運用網(wǎng)頁設(shè)計還存在的主要問題

（一）設(shè)計方案沒有具體方向，導(dǎo)致設(shè)計結(jié)構(gòu)不盡人意。設(shè)計方向出現(xiàn)偏差是網(wǎng)頁設(shè)計流程中出現(xiàn)最多的情況，導(dǎo)致這個情況發(fā)生最主要的原因就是設(shè)計師與客戶之間的溝通并不夠充分，客戶沒有講清楚網(wǎng)頁設(shè)計的重點以及中心內(nèi)容，而網(wǎng)頁設(shè)計的設(shè)計師對設(shè)計前的準備工作也不夠重視，并沒有投入太大的精力去詢問客戶對網(wǎng)頁設(shè)計的需求，這樣很容易導(dǎo)致客戶與設(shè)計師之間產(chǎn)生矛盾，最終導(dǎo)致客戶一直都不滿意設(shè)計師的設(shè)計結(jié)果，而設(shè)計師則認為是客戶“難伺候”、“專門找茬”。（二）對網(wǎng)頁設(shè)計的前期準備工作不到位?，F(xiàn)在講究的是快捷、高效的經(jīng)濟效益，很多設(shè)計師在設(shè)計網(wǎng)頁上也是進入了這個誤區(qū)，對網(wǎng)頁的功能以及信息構(gòu)架上的研究不多就開始直接進行視覺創(chuàng)作，有的設(shè)計師甚至都沒有搞清楚網(wǎng)頁設(shè)計的主題內(nèi)容與核心價值，直接著手設(shè)計，過分注重美觀而忽略網(wǎng)頁本身存在的價值意義，導(dǎo)致設(shè)計出來的網(wǎng)頁并不符合網(wǎng)頁的主題內(nèi)容與核心價值，只是讓用戶單純的視覺上覺得網(wǎng)頁好看，對網(wǎng)頁的功能與信息架構(gòu)都缺少建設(shè)。（三）缺乏設(shè)計工作的整體把控。現(xiàn)在很多設(shè)計師多缺乏對網(wǎng)頁設(shè)計整體風(fēng)格的思考，對網(wǎng)頁設(shè)計要表達的內(nèi)容也沒有做過多的了解，很難把握網(wǎng)頁設(shè)計的整體風(fēng)格，經(jīng)常做到哪里算哪里，例如需要設(shè)計方面活潑一點，就直放上一張兒童玩耍的圖片，并沒有系統(tǒng)的考慮整體風(fēng)格就急急忙忙的動手，很少考慮的全局的排布上，倒是總體的布局思路沒有逃脫條框的限制，或是圖片中的元素視覺比重相差無幾，沒有突出網(wǎng)頁設(shè)計的重點與結(jié)構(gòu)主次，這些都是很常見的問題。（四）設(shè)計過于粗糙，不講究細節(jié)的設(shè)計。很多的設(shè)計師年輕氣盛，雖然有的創(chuàng)意很好，網(wǎng)頁總體的設(shè)計也非常不錯，也都有考慮到結(jié)構(gòu)主次以及內(nèi)容構(gòu)造等方面。但有的時候還是很容易忽略掉細節(jié)的設(shè)計，例如漸變與高光過于生硬，陰影的距離與不透明度太高，還有邊距太小、元素和背景的反差效果不夠?qū)е轮攸c內(nèi)容不清晰等都是非常常見的細節(jié)問題，這些問題最主要的原因還是因為設(shè)計師耐心不足，沒有用嚴謹?shù)膽B(tài)度對待網(wǎng)頁設(shè)計。

摘要：文章在“互聯(lián)網(wǎng)+”背景下，以電子商務(wù)專業(yè)的網(wǎng)頁設(shè)計課程為例，就其教學(xué)中的問題進行了探討，提出了解決策略，即加強細節(jié)處理和用戶需求分析；培養(yǎng)學(xué)生的動手能力和自主學(xué)習(xí)能力；加強代碼規(guī)范訓(xùn)練，提高書寫質(zhì)量。

關(guān)鍵詞：課程教學(xué)；情境設(shè)計；網(wǎng)頁設(shè)計

網(wǎng)頁設(shè)計是湖南涉外經(jīng)濟學(xué)院電子商務(wù)專業(yè)的一門基礎(chǔ)和核心課課程，是實踐性很強的技術(shù)開發(fā)課程。該課程教學(xué)目標是在基于Dreamweaver軟件的基礎(chǔ)上，讓學(xué)生掌握HTML超文本標識語言、CSS+DIV技術(shù)和JavaScript腳本語言，此外，還需要學(xué)生掌握網(wǎng)站建設(shè)的相關(guān)技術(shù)知識，以實現(xiàn)網(wǎng)頁設(shè)計與商務(wù)平臺應(yīng)用的有機結(jié)合。

一、網(wǎng)頁設(shè)計課程教學(xué)中存在的問題

結(jié)合學(xué)生課堂實際情況，在本專業(yè)的課程教學(xué)中仍存在以下問題。

（一）單項設(shè)計項目不注意細節(jié)，效果不盡如人意

摘要：立德樹人是教書育人的根本任務(wù)，不只是思政課程的教學(xué)任務(wù)，更要將專業(yè)課程作為思政教育的載體。該文將結(jié)合實際教學(xué)，以電子商務(wù)專業(yè)的學(xué)生為研究對象，以《網(wǎng)頁設(shè)計與制作》課程為例來探討課程思政在專業(yè)課堂的教學(xué)實踐，調(diào)查了學(xué)生在教學(xué)后的感受，分析了我校新時代背景下課程思政的現(xiàn)狀及不足，提出教學(xué)措施，希望為后續(xù)的教學(xué)改革提供必要的幫助。

關(guān)鍵詞：課程思政；中職電子商務(wù)專業(yè)；《網(wǎng)頁設(shè)計與制作》課程

1研究背景

根據(jù)《中等職業(yè)學(xué)校專業(yè)教學(xué)標準》的要求，中職電子商務(wù)專業(yè)的培養(yǎng)目標是堅持立德樹人，培養(yǎng)通過電子商務(wù)平臺從事網(wǎng)店編輯、網(wǎng)絡(luò)營銷、客戶服務(wù)等工作，德智體美勞全面發(fā)展的高素質(zhì)技能型人才，培養(yǎng)的人才要有良好的職業(yè)素養(yǎng)、較高的專業(yè)知識和技能，本專業(yè)的專業(yè)課程偏向于技能操作。學(xué)生畢業(yè)后將面臨直接就業(yè)，因此，不僅僅是專業(yè)知識與技能的培養(yǎng)，更重要的是職業(yè)素養(yǎng)與價值觀的培養(yǎng)。而我校的中職學(xué)生都是畢業(yè)于初中的不滿十八歲的青少年，好奇心、好勝心強，動手能力較強，但是，由于學(xué)生們的知識基礎(chǔ)較薄弱，導(dǎo)致學(xué)習(xí)興趣不高，尤其對理論性知識的學(xué)習(xí)更是沒有興趣。同時，學(xué)生分析問題、解決問題的能力較弱，更加缺乏對職業(yè)素養(yǎng)與價值觀的認識。

2課程思政的教學(xué)設(shè)計

2.1課程設(shè)計簡介

摘要:高校的學(xué)生因為年齡的原因?qū)W(xué)習(xí)缺少興趣，只有創(chuàng)建一套適合學(xué)生實際能力又符合他們生活學(xué)習(xí)習(xí)慣，且能激發(fā)出他們學(xué)習(xí)興趣的教學(xué)計劃，才能夠更好地實現(xiàn)課程教學(xué)。因此本文通過對課程教學(xué)這一概念進行闡述，分析出我國“網(wǎng)頁設(shè)計與制作”課程教學(xué)的方式，發(fā)現(xiàn)教學(xué)過程中存在的問題，并提出有針對性的策略，為往后的研究提供借鑒和參考。

關(guān)鍵詞:課程教學(xué);網(wǎng)頁設(shè)計與制作;教學(xué)計劃

1引言

伴隨著時代進步，萬維網(wǎng)與人們的日常生活已經(jīng)逐漸融為一體。同樣，在現(xiàn)代企業(yè)發(fā)展過程中，也應(yīng)該隨大勢緊跟網(wǎng)絡(luò)的腳步，由此企業(yè)網(wǎng)站的門戶作用也逐漸凸顯，而作為關(guān)鍵的門戶，網(wǎng)站的設(shè)計制作更是重中之重，由此為提高網(wǎng)站水平，引進人才的舉措必不可少。而作為人才基地的高校，應(yīng)高度重視網(wǎng)頁設(shè)計與制作課程設(shè)計的發(fā)展，積極探索網(wǎng)頁設(shè)計與制作課程教學(xué)改革的科學(xué)方法。新課程改革的背景下，高校教育模式的限制就顯現(xiàn)出來，在此情況下，網(wǎng)頁設(shè)計與制作教學(xué)在實際操作中在各個板塊的弊端，都需要通過具有針對性的方案予以解決。而在本文中，針對具體教學(xué)問題進行分析，以期促進教學(xué)水平的提升，希望本文能對廣大教育工作者有所啟發(fā)，推動網(wǎng)企雙向發(fā)展。

2“網(wǎng)頁設(shè)計與制作”課程教學(xué)案例分析

“網(wǎng)頁設(shè)計與制作”課程是我校公共計算機課程改革試點項目的二級課程，它面向整個學(xué)校計算機管理專業(yè)，相關(guān)專業(yè)根據(jù)其專業(yè)特點和教學(xué)需要，具有五個課程特點，是一種自我選擇的課程，屬于“大學(xué)計算機基礎(chǔ)課程”之后的高級課程。2.1“網(wǎng)頁設(shè)計與制作”的教材分析。在進行“網(wǎng)頁設(shè)計與制作”課程的學(xué)習(xí)之前，必須要求學(xué)生掌握相關(guān)的網(wǎng)絡(luò)信息知識，這方面的知識包括網(wǎng)頁的瀏覽、網(wǎng)頁的搜索、知識的下載以及電子郵件的使用等，這些基礎(chǔ)知識是為了讓學(xué)生更好地具備對信息獲取的技能。但是，由于大多數(shù)學(xué)生設(shè)計和制作網(wǎng)站，只能依靠操作。因此，教師需要傳授“網(wǎng)頁設(shè)計與制作”課程，以幫助學(xué)生更好地理解什么是網(wǎng)頁，什么是網(wǎng)站？教會學(xué)生利用網(wǎng)頁的基本構(gòu)成元素以及超文本標記語言，來進行網(wǎng)頁制作，幫助學(xué)生提高對“網(wǎng)頁設(shè)計與制作”學(xué)習(xí)的效果，同時也能為往后相關(guān)的互聯(lián)網(wǎng)知識學(xué)習(xí)打下基礎(chǔ)。2.2“網(wǎng)頁設(shè)計與制作”的學(xué)情分析。通常學(xué)生在對“網(wǎng)頁設(shè)計與制作”課程學(xué)習(xí)之后，他們能夠更好地了解什么是網(wǎng)絡(luò)信息，并且擁有利用信息的能力。他們通過了解網(wǎng)絡(luò)知識，從而來更好地掌握對網(wǎng)絡(luò)信息的下載、瀏覽、搜索、文件的發(fā)放及傳輸?shù)募夹g(shù)等。通過調(diào)查研究發(fā)現(xiàn)，大部分的學(xué)生都希望自己能夠制作出屬于自己的網(wǎng)頁，并把網(wǎng)頁在互聯(lián)網(wǎng)上。因此，大部分的學(xué)生對于“網(wǎng)頁的設(shè)計與制作”課程具有濃厚的興趣，而這些興趣對于學(xué)生的學(xué)習(xí)具有積極影響。2.3“網(wǎng)頁設(shè)計與制作”的教學(xué)目標?！熬W(wǎng)頁設(shè)計與制作”中，高校教師的教學(xué)目標主要分為三個方面，即知識與技能、過程與方法、情感態(tài)度與價值觀。首先是知識和技能，必須幫助學(xué)生理解網(wǎng)頁網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素，理解基本網(wǎng)頁創(chuàng)建軟件的界面和功能，并識別網(wǎng)站的地址-URL，超文本標記語言HTML，超文本傳輸協(xié)議HTTP；其次是過程與方法，老師通過分析和講解這兩種方法從而幫助學(xué)生掌握各項網(wǎng)頁和網(wǎng)站知識；最后是情感態(tài)度與價值觀，老師通過對“網(wǎng)頁設(shè)計與制作”的教學(xué)，培養(yǎng)學(xué)生嚴謹求實的學(xué)習(xí)態(tài)度和勇于探索、崇尚科學(xué)的意志和品德。

本規(guī)范既是一個開發(fā)規(guī)范，也是一個腳本語言參考，本規(guī)范并不是一個一成不變的必須嚴格遵守的條文，特殊情況下要靈活運用，做一定的變通。但是，請大家千萬不要隨意更改規(guī)范。如果有任何問題，請及時與我聯(lián)系，我會及時更改本規(guī)范的相關(guān)代碼樣例和文檔。

基本要求

1.在網(wǎng)站根目錄中開設(shè)imagescommontemp三個子目錄，根據(jù)需要再開設(shè)media子目錄，images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標志、banner條、菜單、按鈕等等；common子目錄中放css、js,、php、include等公共文件；temp子目錄放客戶提供的各種文字圖片等等原始資料；media子目錄中放flash,avi,quicktime等多媒體文件。

2.在根目錄中原則上應(yīng)該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設(shè)一個目錄，根據(jù)需要在每一個欄目的目錄中開設(shè)一個images和media的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應(yīng)的再開設(shè)其他目錄。

3.temp目錄中的文件往往會比較多，建議以時間為名稱開設(shè)目錄，將客戶陸續(xù)提供的資料歸類整理。

4.除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請盡量以英文為指導(dǎo)，不到萬不得已不要以拼音作為目錄名稱，經(jīng)驗證明，用拼音命名的目錄往往連一個月后的自己都看不懂，

摘要：隨著網(wǎng)絡(luò)信息技術(shù)的發(fā)展，電子商務(wù)行業(yè)要想獲得更大的競爭優(yōu)勢，其勢必要把握移動網(wǎng)絡(luò)發(fā)展特點，實現(xiàn)自身的創(chuàng)新化發(fā)展。在此情形下，響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計應(yīng)運而生，當(dāng)前電子商務(wù)行業(yè)正是借助響應(yīng)式網(wǎng)頁設(shè)計理念，展開個性化、智能化的頁面布局排版，由此提高用戶黏度?；诖?，筆者以電子商務(wù)行業(yè)響應(yīng)式網(wǎng)頁設(shè)計為主要內(nèi)容展開探討，從電子商務(wù)行業(yè)發(fā)展需求現(xiàn)狀入手，探討響應(yīng)式網(wǎng)頁設(shè)計方法以及網(wǎng)頁的實際應(yīng)用情況，旨在為電子商務(wù)行業(yè)帶來新的發(fā)展機遇。

關(guān)鍵詞：電子商務(wù)；響應(yīng)式網(wǎng)頁；用戶黏度

響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計，是新經(jīng)濟形勢下電子商務(wù)發(fā)展的必然選擇。當(dāng)前，響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計，能夠為用戶提供更多的便利和個性化服務(wù)。例如，用戶進行商務(wù)交易活動可以不受時空影響，既可以采用電腦上網(wǎng)，也可以采用手機上網(wǎng)；同時，響應(yīng)式網(wǎng)頁設(shè)計擁有先進的信息技術(shù)，能夠為各種終端設(shè)備提供較清晰的頁面場景以及頁面形式[1]。此外，電子商務(wù)網(wǎng)頁的設(shè)計還需要擁有創(chuàng)新特色，才能讓用戶在同等產(chǎn)品服務(wù)的電子商務(wù)企業(yè)中進行選擇?？梢哉f電子商務(wù)的網(wǎng)頁設(shè)計，在某種程度上還起到營銷宣傳以及企業(yè)文化呈現(xiàn)的功能。而響應(yīng)式電子商務(wù)網(wǎng)頁正好能夠滿足這些功能需求，因此成為當(dāng)前電子商務(wù)行業(yè)中網(wǎng)頁設(shè)計常見的設(shè)計方式之一。

1響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計方法

1.1響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計的布局方法。移動設(shè)備的網(wǎng)頁設(shè)計，需要設(shè)計頁面的規(guī)格大小，確保其頁面在動態(tài)移動過程中像素的清晰度。響應(yīng)式網(wǎng)頁設(shè)計可以采用viewportmeta標簽方式，通過標簽設(shè)置“虛擬”窗口，從而響應(yīng)主頁面上各個功能窗口的頁面清晰度情況。電子商務(wù)網(wǎng)頁會實現(xiàn)多個“小網(wǎng)頁”的疊加處理，通過各種布局方式，根據(jù)用戶的需求進行流動呈現(xiàn)。傳統(tǒng)的流動方式不夠順暢，容易出現(xiàn)網(wǎng)頁卡住的情況。而響應(yīng)式網(wǎng)頁擁有伸縮布局flexbox方式，能夠采用多方向布局網(wǎng)頁。flexbox布局方式是一種伸縮盒子模型，其將所有的流動元素都納入盒子的監(jiān)管中，從而根據(jù)所需隨意地改變伸縮頁面的規(guī)格樣式，使其以最合理的方式填充整個移動設(shè)備屏幕。在電子商務(wù)頁面中，不同產(chǎn)品、不同功能所呈現(xiàn)出來的頁面樣式是不同的，而用戶根據(jù)自己的需求選擇頁面，如何在海量的元素頁面中以最快的方式選擇自己所需要的頁面，是當(dāng)前研究的重點[2]。在響應(yīng)式頁面設(shè)計中，其可以通過CSS中的媒介查詢方式，根據(jù)不同的頁面視圖大小設(shè)置不同的css，從而可以通過終端瀏覽點擊的方式響應(yīng)不同的頁面布局。1.2響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計的文字圖片處理方法。電子商務(wù)中擁有海量的文字、圖片甚至視頻內(nèi)容，在傳統(tǒng)的網(wǎng)頁設(shè)計方式中，文字、圖片等的處理方式較為緩慢，而響應(yīng)式網(wǎng)頁設(shè)計能夠?qū)崿F(xiàn)對文字圖片等的響應(yīng)處理[3]。例如，文字響應(yīng)處理方式是將常用的文字基本單位同頁面格局大小等進行鏈接，通過改變這一基本單位而調(diào)整文字字體同頁面之間的關(guān)系。而彈性圖片的設(shè)計中，同樣采用css樣式設(shè)計，將圖片當(dāng)作各個子頁面中的三級頁面響應(yīng)處理。1.3響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計的整體框架設(shè)計。隨著移動信息技術(shù)的發(fā)展，不同的移動設(shè)備系統(tǒng)規(guī)格尺寸大小不一，而響應(yīng)式電子商務(wù)網(wǎng)頁設(shè)計正是對這些不同規(guī)格大小的屏幕的整體化處理，實現(xiàn)多種移動終端的兼容問題。當(dāng)前采用的是一種jQueryMobile方式，通過一種靈活漸變的方式，即在網(wǎng)頁中應(yīng)用現(xiàn)有的數(shù)據(jù)庫和css樣式表，從cnd中直接鏈接該數(shù)據(jù)庫，完成對網(wǎng)頁框架的設(shè)計。

2響應(yīng)式電子商務(wù)網(wǎng)頁的實踐應(yīng)用

【摘要】本文先闡述計算機多媒體技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用，然后分析其中的問題，最后提出相應(yīng)的應(yīng)對措施，旨在為網(wǎng)頁設(shè)計提供一定的參考。

【關(guān)鍵詞】網(wǎng)頁設(shè)計;多媒體技術(shù);計算機;應(yīng)用

隨著網(wǎng)絡(luò)信息時代的到來，人們的思想觀念、生產(chǎn)和生活方式均發(fā)生重大改變，與此同時，人們對信息技術(shù)的掌握程度較以往明顯提高。作為一種視覺語言，網(wǎng)頁設(shè)計是對平面設(shè)計的延續(xù)，將計算機多媒體技術(shù)應(yīng)用其中，一方面可以極大增加網(wǎng)頁的內(nèi)容含量；另一方面，還能顯著提高設(shè)計人員的工作效率。目前，在圖像化技術(shù)中，計算機多媒體技術(shù)是最具有優(yōu)勢的技術(shù)之一，受到網(wǎng)頁設(shè)計人員的青睞。

1計算機多媒體技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用

1.1在即時通信設(shè)計中的應(yīng)用

網(wǎng)頁是一種借助互聯(lián)網(wǎng)來進行信息傳播、功能實現(xiàn)的平臺。因此，在網(wǎng)頁設(shè)計的過程中，需要確保其通信質(zhì)量、速度。但是，如果網(wǎng)頁的內(nèi)容比較繁多，存儲需求比較大時，就會導(dǎo)致網(wǎng)頁功能不能實現(xiàn)，比如出現(xiàn)網(wǎng)頁打開速度緩慢、無法打開等。為了解決上述問題，需要利用計算機多媒體技術(shù)，即比如壓縮實時通信的信息、增加長度限制等。通常情況下，用戶利用網(wǎng)絡(luò)來瀏覽網(wǎng)頁信息時，在下載、讀取文件的過程中，需要對音頻實時采樣序列操作。在網(wǎng)頁設(shè)計中，圖像、文本媒體所占內(nèi)存空間比較有限，但為了使用戶充分了解網(wǎng)頁內(nèi)容，實現(xiàn)廣告吸引等，需要有大量的闡述性、介紹性信息，包括文字說明、圖片、網(wǎng)頁介紹等。此外，在大量的圖形、音頻文件中，同樣會夾雜文本信息。要想確保網(wǎng)頁容量處于限制范圍之內(nèi)，同時保證網(wǎng)頁的正常瀏覽，就需要解決好兩個問題，即像素調(diào)節(jié)、控制文本和圖形文件的長度。使用計算機多媒體技術(shù)進行處理時，應(yīng)考慮壓縮標準對文件質(zhì)量的影響。目前，相對比較高的壓縮質(zhì)量為MPEG標準，但JPEG標準在實際應(yīng)用中最為廣泛。