網頁設計實訓心得
網頁美術設計與網站整體形象一致,符合藝術規範和網站標準,着重注意網頁色彩(主色調和次色調)、圖片的應用及版面規劃,保持網頁的整體一致性。以下是小編整理的網頁設計實訓心得,歡迎來閲讀!
第一篇:網頁設計實訓心得 600字通過這次實訓對這門課程的學習,做好網頁,並不是一件容易的事,它包括網頁的選題、 內容採集整理、 圖片的處理、 頁面的排版設置、 背景及其整套網頁的色調等很多東西。
所以我得出一下總結:
一、 準備資料和挑選符合目的主題的合適素材
做網頁當然要收集、準備資料。在網上多轉轉,看到什麼漂亮的網頁,把它保存起來, 作為以後自己設計主頁時的參考。另外,還包括蒐集美化主頁可能要用到的各種材料,如背景、小動畫圖標等等。可以在硬盤上建一個文件夾,下分“圖片、聲音、動畫”等文件夾, 養成上網時看到有創意、新鮮的圖像,就按鼠標右鍵存入你硬盤相應文件夾的習慣,時間一長就擁有了一個可觀的圖庫,等做網頁時隨手拈來或加以修改就成你自己的東西了。
二、 規劃好整個網站
主頁的設計應以醒目優先,應該令人一目瞭然,切勿堆砌太多不必要的細節,或使畫面 過於複雜。切記,頁面給人的第一觀感最為重要!在網上到處瀏覽網站的人很多,如果你的主頁給人的第一印像沒有吸引力, 很難令他們深入觀賞, 而且他們恐怕再也不會訪問你的網站了。
三、 善用圖片,增強藝術效果
我記得老師説過網頁的迷人之處之一, 要算它上面能點綴許多漂亮的圖片。 精美的圖片設計,可以使自己的網頁增輝不少,令人過目不忘。圖片的內容應有一定的實際作用,切忌 虛飾浮誇,同時還要注
意與文字的顏色搭配。最佳的圖像集美觀與資訊於一身。
四、善於借鑑他人主頁製作中的設計技巧
由於在網上用瀏覽器瀏覽任何主頁時, 都能查看到該主頁製作時所編寫的絕大部分網頁編程源代碼。因此,如果想知道並掌握一些優秀的主頁採用的設計技巧,試着將其源代碼 調出來仔細揣摩,並模仿着一步一步去實現。
最後感謝老師多日來的辛勤教導!
第二篇:網頁製作實訓報告 8100字《網頁製作》課程實訓
説 明 書
系 (部):
班 級: 姓 名:指導教師:
摘 要
《網頁製作》實訓的目的主要是讓我們通過這門實踐課程的學習瞭解和掌握網頁設計的基本方法,通過不斷上機實習訓練達到解決實際的問題。我所作的網頁主題為《聖誕節》,其中主要是介紹關於聖誕節的起源、習俗、各種促銷活動和聖誕老人、聖誕大餐等,在主頁面中展示的是整個頁面的佈局排版,在分頁面中詳細的介紹了每個頁面的主要展現的主題。在製作初期,主要是收集設計素材、內容,下載關於聖誕節的圖片、相關的視頻和各種鼠標特性效果代碼,中期,主要是創建主頁面和分鏈接,瀏覽色彩搭配的效果,頁面是否美觀,分析如何使用框架和利用Dreamweaver8軟件創建模板和佈局表格,最後,主要是細化各個頁面,對各個頁面的圖像、表格、鏈接進行適當的調試,是站點更加美觀,並上傳和測試整個站點運作情況,做好所有鏈接工作,使用PPT展示最終的效果。
目 錄
摘要.................................................. 2
第一章 概述...........................................3
一、主題介紹................................4
二、製作目的及其方法.................................4
三、網站規劃及其實現過程.............................4 1、系統結構圖............................................5
第二章 網站製作的步驟............. ...................5
一、主頁的製作.......................................5
1、主頁表格的佈局及其圖片的插入.........................5
2、主頁文字的輸入及其最終效果圖..........................6
3、導航條的設計及代碼.................................6
二、分頁的製作.....................................7
1、聖誕起源表格佈局及其效果................................7
2、聖誕雪景代碼顯示及其最終效果..............................8
3、插入滾動圖片的代碼及其效果圖..............................9
4、聖誕促銷層的插入及其效果圖................................9
三、背景音樂、Flash圖片和視頻的插入..............10
四、框架排版和時間軸的運用.........................11、12
五、鼠標特效代碼的插入............................13、14
第三章 心得及體會 ......................15
一、在做超鏈接時出現的問題及解決方法..................15
二、網頁製作的意義及實訓總結.........................15 參考文獻..............................................16
一、 概 述
(一)、主題介紹
大家都知道聖誕節是西方的節日,也是基督教世界最大的節日,這一天,世界所有的.基督教會都舉行特別的禮拜儀式。但是有很多聖誕節的歡慶活動和宗教並無半點關聯。交換禮物,寄聖誕卡,這都使聖誕節成為一個普天同慶的日子。由於是聖誕節的臨近,我們想抓住這個主題給大家展示一個不一樣的聖誕節,也希望所有的人都能過的開心,聖誕節的來臨,也意味着新年即將到來,我想以這個為主題,預祝大家在20xx年裏有好運氣、學習成績更優,每個人的生活都很精彩。
(二)、製作目的及其方法
主要目的是掌握網頁設計與製作流程並熟練運用Dreamweaver、Firework、Flash、Photoshop等相關輔助軟件。
1、應用遠程站點管理的知識和技能;
2. 應用本地站點管理的知識和技能;
3. 應用網頁頁面設計的知識和技能;
4. 應用網頁製作的知識和技能;
5. 培養以上知識和技能的綜合應用能力。
主要方法是通過使用Dreamweaver8中文版軟件規劃站點、佈局表格、插入圖像、鏈接、建立框架製作、創建分層、運用時間軸等相關素材進行操作。
(三)、網站規劃及其實現過程
我們通過前期的網站策劃首先蒐集相關資料並最終確定了製作一個以聖誕節為主題網站,網站頁面我們選擇以灰色為背景色輔以鮮色點吸引訪問者的視覺,網站欄目主要有:首頁,聖誕起源,聖誕雪景,聖誕老人,聖誕大餐,聖誕前夕,聖誕活動,聖誕祝福語,內容不多,我們選擇頁面設計寬950像素,能夠在各類型顯示器下很好的呈現。前期的策劃完畢,現在我們開始勾畫出了網站設計草圖,最後開始實施網站頁面設計工工作,頁面設計主要運用Dreamwever製作,圖片設計選擇Fireworeks和photoshop製作。
1、系統結構圖
網頁製作實訓報告
第二章 網站製作的步驟
一、 主頁的製作
1、 主頁表格的佈局及其圖片的插入
2、主頁文字的輸入及其最終效果圖
網頁製作實訓報告
3、導航條的設計及代碼
網頁製作實訓報告
利用ul序列標記設計導航:部分代碼
<p id="templatemo_menu">
<ul> <li><a href="../" class="current">首頁</a></li>
<li><a href="">聖誕文章</a></li>
-
Dreamweaver技巧詳解
Dreamweaver由MX版本開始使用Opera軟件公司的排版引擎“Presto”作為網頁預覽。下面給大家介紹Dreamweaver技巧,一起來學習吧!Dreamweaver技巧詳解1、靈活運用樣式熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇CustonStyle來調用Style...
-
SQl常用增刪改查模板
篇一:SQl常用增刪改查SQL常用增刪改查語句增加現在有一張表,表(Test)裏面有三個字段,分別為sno,sname,age。舉例用一條增加SQL語句,插入一條數據進庫。語句:Insertinto表名value(‘數據1’,’數據2’,’數據3’)具體操作:Insertintotestvalues('test','te...
-
WAP教程:WML 鏈接和圖像
鏈接可以製作WML卡片來顯示WML的錨功能,圖像可以製作WML卡片來顯示圖像.鏈接可以製作WML卡片來顯示WML的錨功能。標籤總是要規定一個任務("go","prev",或"refresh")。任務定義了當用户選擇此鏈接時要做的事情。在本例中,當用户選擇"Nextpage",其任務是"前往":Next...
-
HTML5教程:畫布Canvas基礎知識講解
Canvas是HTML5最讓人期待的特性之一,目前已獲得大部分Web瀏覽器支持Canvas可以幫助創建遊戲、增強圖形用户界面。下面YJBYS小編為大家帶來畫布Canvas基礎知識,希望對大家學習有所幫助!HTML5規範引進了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...