網頁設計與開發(fā)——html css javascript 結業(yè)設計大作業(yè)

《網頁設計與開發(fā)——html css javascript 結業(yè)設計大作業(yè)》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。

1、網頁設計與開發(fā)——HTMLCSSJavaScript結業(yè)設計大作業(yè)第一章序言經過了一個學期的學習網頁設計與開發(fā)這門課程，在李天俐老師的指導下，已經可以自己獨立的完成小規(guī)模的網頁制作，一學期的學習中，主要學習了基礎的HTML編程語言，學會了運用表格制作，排版布局用代碼實現的技術，其次就是學習了當今的主流網頁制作的技術DIV+CSS，經過本人的觀察發(fā)現現在的大型網站如淘寶，人人網，搜狐，新浪，網易，等等的網站，包括一些游戲網站均用到了DIV+CSS的技術，這大大增強了我學習這門課程的興趣，盡管學業(yè)不精，但不乏可以進行制作網頁。JavaScript的內容部分類似與Java，但又不是很嚴謹，增加了編

2、程人的隨意性，此外還學習了Flash的技術，在一下的介紹中將會對網頁的每部分介紹以及所應用到所學習的技術。第二章題目立意網頁設計大作業(yè)主頁主題題目為“大連理工大學城市學院書店”。主要的想法就是在于看到了大連理工大學的書店基于網頁設計的開發(fā)，突發(fā)奇想而設計的，由于時間上的原因對于整頁的制作不夠完整，待有時間會加強的。第三章作品簡介大連理工大學城市學院該網站由于時間原因主要制作了3個網頁，其中涵蓋了老師所傳授的所有的知識點，其中“大連理工大學城市學院書店”主頁以DIV+CSS的技術時間的，考研書店的界面主要一切片的方式實現的，其中附帶Flash的個人制作，頗具藝術感，而表單的制作主要是用了pho

3、toshop，farework，等制圖工具來實現北京的，而表單的整體布局則是運用了HTML語言的基礎只是——表格來完成的。而里面的文本框則是運用了JavaScript技術來實現的。下面將是對每個頁面附帶效果的截圖進行詳細介紹。第四章作品詳解以下是對大連理工大學城市學院書店主頁的介紹：大連理工大學城市學院書店首頁主要是分有：報刊雜志、文學類、專業(yè)書籍、考試過級、考研用書等五大項目的內容，此外還有熱銷的書籍，供前來購買者增加視覺的效果，下面對部分特效進行簡要介紹。對于大連理工大學城市學院網站進行簡要的介紹，其每一部分附效果截圖：圖4-1該效果圖為滾動頁面。如果鼠標停留到上面則停止，否則滾動顯示，

4、其具體實現等待老師自行實現。圖4-2首頁的菜單，當鼠標放到上面的時候會出現每個標題的下拉菜單。圖4-3首頁的滾動字母，鼠標停留處就停止?jié)L都，否則則進行滾動效果。其余部分則是主頁的排版，老師請在遨游瀏覽器下打開INDEX主頁，觀看其效果，對于老的IE瀏覽器或者360瀏覽器不支持當前的技術，所以有的界面的效果無法按照截圖的效果顯示出來，在光盤里會附帶傲游瀏覽器的。以下是對大連理工大學城市學院書店考研分頁的介紹：大連理工大學城市學院書店考研分頁主要是涉及考研用書的介紹，實現方式是以切片的方式為主要方式實現的，對于色調和形式上與主頁想一致，體現了網站的一致性的風格，不顯得突兀，此外還附帶了優(yōu)雅的FL

5、ASH動畫制作的效果，更加另該頁效果更吸引人。圖4-4附帶黃山已經效果的Flash，使原本比較單調的考研的頁面增加了人們對他的吸引，更容易，或者喜歡來到這個頁面前來買書。一個好的Flash可以吸引人們前來觀看，如果設計到了商機的問題，則會吸引更多的人來購買，從而增加了利潤。風格一致的切面圖書類別增加了整體效果的充實性。在考研網頁的每個切面了文件夾切片圖下圖帶每個圖片的切片圖。圖4-5以下是對大連理工大學城市學院書店表單分頁的介紹：我覺得所有的網站的表單的設計都如出一轍，人們更關心填寫的項目是否繁瑣復雜，而更少的去關注與表單的效果或者是吸引人的地方?？峙挛说牡胤骄褪亲运秃枚Y之類的東西吧。

6、書店嘛。也不必那樣的花花，而作為大作業(yè)存在的他更是考察最基本的東西的，因而表單的制作是采用了HTML編程語言和Javascript2種語言。圖4-6會員注冊頁面，完全各人的PS與HTML的基礎，其具體望老師自己打開觀察。其中若然附帶了Flash的介紹。頁面新穎。第五章學業(yè)感受第六章附錄文本共含3個網頁，JavaScript原文件，image圖片，切面圖片，考研那分頁圖片，會員登錄圖片，flash，詳情見盤，版權所有。