第一篇:優(yōu)秀網(wǎng)頁設(shè)計(jì)聯(lián)盟(SDC)
SDC優(yōu)秀網(wǎng)頁設(shè)計(jì)聯(lián)盟
優(yōu)秀網(wǎng)頁設(shè)計(jì)聯(lián)盟
SDC(superior design Consortium)
簡介:優(yōu)秀網(wǎng)頁設(shè)計(jì)聯(lián)盟,SDC(Superior Design Consortium)是一群行業(yè)愛好者組成的非營利機(jī)構(gòu)。每周六,SDC在業(yè)內(nèi)召集眾多設(shè)計(jì)總監(jiān)、資深網(wǎng)頁設(shè)計(jì)人員、設(shè)計(jì)愛好者等杰出人物,分享他們關(guān)於職業(yè)的技術(shù)、理念、思考和探索。同時(shí),聯(lián)盟為經(jīng)驗(yàn)豐富的專家和積極努力的設(shè)計(jì)師提供了一個(gè)良好的展示自我的平臺(tái),更依憑時(shí)下熱門的微博為載體,以優(yōu)推薦、優(yōu)秀網(wǎng)頁設(shè)計(jì)、找茬頁、頁話等多緯度傳承分享聯(lián)盟精神。在聯(lián)盟愛好者相互交流分享的過程中,雇主和潛在的客戶愿意主動(dòng)聯(lián)系她們中意作品的設(shè)計(jì)師,提供工作或合作機(jī)會(huì),這些優(yōu)秀的作品也經(jīng)常會(huì)出現(xiàn)在行業(yè)內(nèi)的網(wǎng)站和論壇中。該聯(lián)盟的宗旨是“開放、分享、成長”。
歷史:早期的SDC只是為大學(xué)??圃盒5膶W(xué)生提供設(shè)計(jì)畢業(yè)論文和前端設(shè)計(jì)方面的幫助,很像一個(gè)加工廠,對(duì)同學(xué)們和一幫需要設(shè)計(jì)幫助的同學(xué)和設(shè)計(jì)愛好者提供技術(shù)支持和設(shè)計(jì)參考,之后的幾個(gè)月內(nèi),網(wǎng)頁設(shè)計(jì)聯(lián)盟逐漸擴(kuò)大,獲得一部分設(shè)計(jì)愛好者的專職人士的支持和肯定,遂有現(xiàn)在“開放、分享、成長”的聯(lián)盟思路形成。
盡管每周只進(jìn)行一場(chǎng)講座,但是聯(lián)盟成員都懷著求知上進(jìn)的學(xué)習(xí)心態(tài),對(duì)網(wǎng)頁資源和設(shè)計(jì)技巧的學(xué)習(xí)與日俱增,短短幾個(gè)月內(nèi)就由早前的學(xué)生和設(shè)計(jì)愛好者轉(zhuǎn)型成專職的網(wǎng)頁設(shè)計(jì)師近600余人。聯(lián)盟內(nèi)聚集了來自全國各地的網(wǎng)頁設(shè)計(jì)師,職別分別按設(shè)計(jì)總監(jiān)、培訓(xùn)師、資深設(shè)計(jì)師、入行新手等幾個(gè)類別劃分。更不乏國外深造的設(shè)計(jì)師。在年齡分布上也從18歲至30歲不等。
聯(lián)盟中來自各大知名互聯(lián)網(wǎng)公司的設(shè)計(jì)師、設(shè)計(jì)總監(jiān)也齊聚一堂。根據(jù)個(gè)人對(duì)網(wǎng)頁設(shè)計(jì)的理解和經(jīng)驗(yàn)在聯(lián)盟中分享不同深度的知識(shí)。
"各位親愛的會(huì)員們:
為了群穩(wěn)定和諧的發(fā)展;
為了營造更積極踴躍的交流氛圍!
組織開展了【鎮(zhèn)群神獸“獠麝雞”卡通形象的征集令】
神獸立意:
要有對(duì)設(shè)計(jì)的嗅覺如惡狼一般敏銳犀利;
要有對(duì)生活的熱愛如小鹿一般單純童真;
要有對(duì)工作的執(zhí)著如小雞一般精雕細(xì)啄;
SDC優(yōu)秀網(wǎng)頁設(shè)計(jì)聯(lián)盟官方微博:http://weibo.com/uidesign
第二篇:網(wǎng)頁設(shè)計(jì)大賽
軟件職業(yè)技術(shù)學(xué)院 網(wǎng)頁設(shè)計(jì)大賽
策
劃
書
策劃單位:社團(tuán)聯(lián)合會(huì)策劃部
策劃時(shí)間:2014年3月
一、大賽主題:
知識(shí)源于創(chuàng)作,網(wǎng)頁來自新穎
二、大賽背景: 在網(wǎng)站搭建中網(wǎng)頁的設(shè)計(jì)往往發(fā)揮著非同凡響的作用,一個(gè)網(wǎng)頁做的好壞直接影響到能不能吸引訪客駐足的時(shí)間長短。同時(shí)訪客多少同時(shí)又是體現(xiàn)設(shè)計(jì)水平的高低。
三、大賽目的:
通過本次網(wǎng)頁制作比賽,旨在豐富同學(xué)們的課余生活,活躍同學(xué)們的思想,拓寬視聽范圍。體現(xiàn)大學(xué)生朝氣蓬勃積極向上的精神狀態(tài),培養(yǎng)挖掘設(shè)計(jì)類與審美類人才,提高同學(xué)們對(duì)于獨(dú)具想法、審美設(shè)計(jì)、統(tǒng)籌規(guī)劃、技術(shù)操作、語言組織能力等。
四、大賽宗旨:
讓網(wǎng)頁更有魅力
五、比賽時(shí)間:
2014年5月 日-2014年5月 日
六、比賽地點(diǎn): 軟件樓116
七、活動(dòng)對(duì)象:
軟件職業(yè)技術(shù)學(xué)院全體12、13級(jí)本??茖W(xué)生
八、比賽項(xiàng)目:
網(wǎng)頁設(shè)計(jì)大賽
九、報(bào)名辦法:
請(qǐng)各班同學(xué)于5月 日將職業(yè)規(guī)劃發(fā)送到指定郵箱:
十、活動(dòng)流程:
本次大賽分為初賽和決賽兩個(gè)階段進(jìn)行 1)初賽階段:
從下發(fā)通知時(shí)開始投稿,截止到?jīng)Q賽前9天,再由大賽組委會(huì)交于相關(guān)評(píng)委老師評(píng)審,決出決賽選手名單,賽前一個(gè)禮拜公布決賽選手名單,進(jìn)入決賽的選手(12位)
2)決賽階段:
環(huán)節(jié)一:需要對(duì)初賽作品進(jìn)行優(yōu)化,并現(xiàn)在場(chǎng)的觀眾展現(xiàn)決賽成果。
環(huán)節(jié)二:抽取操作題,并向在場(chǎng)觀眾展示實(shí)現(xiàn)操作(限時(shí)1分鐘)。
十一、獎(jiǎng)項(xiàng)設(shè)置:
第一名:獎(jiǎng)勵(lì) +榮譽(yù)證書 第二名:獎(jiǎng)勵(lì) +榮譽(yù)證書 第三名:獎(jiǎng)勵(lì) +榮譽(yù)證書
最佳創(chuàng)意獎(jiǎng):獎(jiǎng)勵(lì) +榮譽(yù)證書 最佳潛力獎(jiǎng):獎(jiǎng)勵(lì) +榮譽(yù)證書
十二、備注:
1、網(wǎng)頁數(shù)量不低于10張、且采用不低于8中構(gòu)造手法。
2、網(wǎng)頁路徑都采用絕對(duì)路徑。
3、網(wǎng)頁必須原創(chuàng),一經(jīng)發(fā)現(xiàn)拷貝痕跡立即取消參賽資格。
4、網(wǎng)頁主題必須選自:家鄉(xiāng)美、學(xué)院十周年、個(gè)人show等
軟件職業(yè)技術(shù)學(xué)院社團(tuán)聯(lián)合會(huì)
2014年3月29日
第三篇:網(wǎng)頁設(shè)計(jì)合同
精誠奮進(jìn) 為您著想
網(wǎng) 站 制 作 合 同
甲方:
乙方:
甲方為樹立形象,擴(kuò)大宣傳,拓展網(wǎng)絡(luò)渠道,委托乙方策劃、設(shè)計(jì)、制作網(wǎng)站。為明確雙方責(zé)任,經(jīng)雙方友好協(xié)商,根據(jù)相關(guān)法律,雙方達(dá)成以下協(xié)議并承諾共同遵守。
第一條 乙方為甲方開通制作網(wǎng)站,網(wǎng)站制作時(shí)間為
日,本合同有效期為 年。合同履行期限按照工作進(jìn)度決定,經(jīng)雙方協(xié)商一致,可以延長該期限。
第二條 甲方采取 型制作方案。甲方應(yīng)付乙方費(fèi)用合計(jì)人民幣
元。(大寫): 元整。合同簽定時(shí)支付¥
元。(大寫): 元整,余款驗(yàn)收合格后支付。
第三條
網(wǎng)站完成后,乙方必須保證甲方推廣宣傳內(nèi)容在提供圖片和資料后兩天內(nèi)制作完成和更新。以后每年維護(hù)費(fèi)用為¥
元,(大寫): 元,(含域名、電腦版及手機(jī)版網(wǎng)站維護(hù)費(fèi)用。網(wǎng)站收費(fèi)推廣項(xiàng)目另計(jì)。)
第四條
雙方的基本權(quán)利和基本義務(wù)
1、甲方的權(quán)利和義務(wù):
1)為乙方提供網(wǎng)站所需材料及圖片等,并保證材料完整、圖片清晰,文字材料應(yīng)為電子文檔。
2)網(wǎng)站內(nèi)容應(yīng)當(dāng)符合國家法律規(guī)定和社會(huì)公共利益。3)按本合同約定支付費(fèi)用。
2、乙方的權(quán)利和義務(wù):
1)按照甲方提供的材料按時(shí)完成主頁的制作。2)應(yīng)在主頁中注明該站由乙方制作。3)依合同收取費(fèi)用。
第五條 甲方承諾,向乙方提供的內(nèi)容、資料等不得侵犯任何第三方的權(quán)利;
精誠奮進(jìn) 為您著想
若發(fā)生侵犯第三方的權(quán)利的情形,由甲方承擔(dān)全部責(zé)任。因甲方在使用本合同標(biāo)的時(shí)給第三人造成損害的,由甲方自行承擔(dān)責(zé)任。本合同的簽署意味著甲方授權(quán)乙方在履行本合同時(shí)可以使用甲方的名稱、商標(biāo)、域名、企業(yè)標(biāo)志等,但此等使用不能損害甲方的利益。版權(quán)屬于甲方所有。
第六條 遭受不可抗力、意外事件的一方全部或部分不能履行、解除或遲延履行本合同的,應(yīng)將事件情況以書面形式通知另一方并向另一方提交相應(yīng)的證明。本合同所稱不可抗力、意外事件是指不能預(yù)見、不能克服并不能避免且對(duì)一方當(dāng)事人造成重大影響的客觀事件,包括但不限于自然災(zāi)害如洪水、地震、火災(zāi)和風(fēng)暴等以及社會(huì)事件如戰(zhàn)爭(zhēng)、**、政府行為等。
第七條 雙方當(dāng)事人對(duì)本合同的訂立、解釋、履行、效力等發(fā)生爭(zhēng)議的,應(yīng)友好協(xié)商解決;協(xié)商不成的,雙方同意向當(dāng)?shù)刂俨梦瘑T會(huì)提交仲裁并接受其仲裁規(guī)則。本合同的終止、撤消、無效不應(yīng)影響約定的效力。
第八條 本合同經(jīng)雙方授權(quán)代表簽字并蓋章,自簽訂日起生效。本合同一式兩份,雙方當(dāng)事人各執(zhí)一份,具有同等法律效力。合同附件作為本合同不可分割的一部分具有同樣的法律效力。
甲方(蓋章):
乙方(蓋章): 授權(quán)代表簽字:
授權(quán)代表簽字:
****年**月**日
****年**月**日
第四篇:網(wǎng)頁設(shè)計(jì)總結(jié)
網(wǎng)頁設(shè)計(jì)聽課總結(jié)
網(wǎng)頁設(shè)計(jì)的階段性課程:
1、規(guī)劃階段(網(wǎng)站策劃)
2、設(shè)計(jì)階段(網(wǎng)頁美工)
3、實(shí)施階段(網(wǎng)頁制作)
詳細(xì)流程:站點(diǎn)策劃、構(gòu)思草圖、美工設(shè)計(jì)、圖形制作、腳本編程、圖形頁面整合、測(cè)試發(fā)布
從創(chuàng)建站點(diǎn)開始(學(xué)會(huì)搭建并定義本地站點(diǎn))
規(guī)劃站點(diǎn)結(jié)構(gòu)的原則(用文件夾來保存文檔、使用合理的文件名稱、首頁名稱、將本地和遠(yuǎn)端站點(diǎn)設(shè)為同樣的結(jié)構(gòu))搭建自己的網(wǎng)頁文件夾 比如(images、midea等等)
創(chuàng)建站點(diǎn)文檔(添加文件和文件夾、文件的管理)
HTML代碼的基本結(jié)構(gòu)(頭部、主體):
….
…
設(shè)定meta內(nèi)容(通用頭元素的設(shè)置、添加meta元素。設(shè)置關(guān)鍵字和描述文字、刷新網(wǎng)頁設(shè)置)
設(shè)定頁面屬性(標(biāo)題、背景圖像、背景色、文本顏色、邊距)
添加文本(插入特殊字符、設(shè)定文本屬性、改變字體和尺寸)
換行快捷鍵:enter 和shift+enter(br式回車 緊湊型)
網(wǎng)頁支持的圖像格式:gif、JPEG、png等
圖像在網(wǎng)頁中自動(dòng)變形后,可以按“重新取樣”后改變圖片的大小
底部水平線修改顏色:點(diǎn)擊快速標(biāo)簽編輯器修改源代碼即可(如:color=“green”)插入flash動(dòng)畫、flash按鈕與文字、flash圖片查看器、flashpaper文件
插入javaapplet元素(源代碼:)
插入交互圖像(翻轉(zhuǎn)圖片和導(dǎo)航條)
JavaScript 腳本語句:
設(shè)置滾動(dòng)文字屬性:在滾動(dòng)文字前加上
鼠標(biāo)指向時(shí)停止?jié)L動(dòng)命令:onmouseover=“this.stop()”
鼠標(biāo)離開時(shí)開始滾動(dòng)命令:onmouseout=“this.start()”
在滾動(dòng)文字結(jié)束代碼的最后寫上:
例如:
網(wǎng)頁鏈接:絕對(duì)路徑(http://)
相對(duì)路徑(相對(duì)于同網(wǎng)站下的鏈接b.htm)
根路徑(a.htm)
內(nèi)部鏈接、外部鏈接、錨鏈接、Email鏈接、鏈接的目標(biāo)窗口、圖像的超級(jí)鏈接、熱點(diǎn) 鏈接的源代碼:
郵件鏈接:(mailto:郵件地址?subject=網(wǎng)站意見反饋&cc=郵件地址)
例如:mailto:xxx@163.com?subject=網(wǎng)站意見反饋&cc=xxx@163.com
錨鏈接的使用方法:先在頭部拋錨,然后在頁尾鏈接到錨點(diǎn)(在目標(biāo)處寫:#top)源代碼如下:返回頭部
圖像的熱點(diǎn):在一張圖片的不同地區(qū)選擇新的鏈接。
腳本鏈接:例子:關(guān)閉窗口的鏈接:JavaScript:window.close()
表格的應(yīng)用:新增表格、表格的屬性設(shè)定
學(xué)會(huì)用fireworks切片,并且在Dreamweaver中導(dǎo)入fireworks HTML并調(diào)整表格的操作 Html源代碼 表格:
表格的繪制:(繪制表格、繪制單元格)擴(kuò)展、標(biāo)準(zhǔn)、布局
快捷鍵:ctrl + :放大ctrl-: 縮小
做好切片及排版
制作表單:(什么是表單?客戶端填寫表單(提交反饋)服務(wù)器端處理表單、加入空白表單、設(shè)定表單屬性)
表單動(dòng)作:(表單內(nèi)容發(fā)到郵箱)mailto:xxx@163.com &cc=xxx@163.com
文本域、單選按鈕、復(fù)選框
源代碼:
id=”leftFrame“ title=”leftFrame“ />
添加浮動(dòng)框架: 使用浮動(dòng)框架(制作浮動(dòng)框架、設(shè)置浮動(dòng)框架屬性、制作浮動(dòng)框架鏈接)
屬性的設(shè)置源代碼:
制作復(fù)雜的嵌套結(jié)構(gòu)框架頁面、學(xué)會(huì)在頁面中使用嵌套框架,并制作框架頁面間的鏈接。模板的應(yīng)用:模板的功能 什么是模板 為什么用模板(方便制作及更新)
創(chuàng)建模板(根據(jù)已有文件建立模板)文件菜單下:另存為模板?
定義可編輯的區(qū)域
庫的建立及應(yīng)用 庫的建立(什么是庫?為什么使用庫?)便于局部文件的修改
1、建立庫
2、應(yīng)用庫
3、更新庫
層的使用 創(chuàng)建層 設(shè)置層屬性(選擇層 改變層的大小 移動(dòng)層 排列層)
插入層的html語句:
層是屬于CSS樣式表的一種定位技術(shù)
作用:直接使用層排版、利用層來設(shè)計(jì)表格(層和表格可以互換)、使用層溢出屬性 控制當(dāng)層的內(nèi)容超過層的大小的時(shí)候就要用到層的溢出屬性(類似滾動(dòng)條效果)
溢出屬性的選擇有四種:
1、visible(可見的)
2、hidden(隱藏的)
3、scroll(滾動(dòng)效果)
4、auto(自動(dòng))
行為(什么是行為/動(dòng)作/事件 選擇對(duì)象 添加動(dòng)作 調(diào)整事件)
行為的應(yīng)用:制作彈出信息窗口、制作打開瀏覽器窗口、播放音樂(實(shí)現(xiàn)背景音樂)在html語言中添加背景音樂:
其中的(loop=”-1“:指的是無限循環(huán))
設(shè)置狀態(tài)欄文本 針對(duì)輸入文本框的行為事件“點(diǎn)擊”是:onfocus
不在文本框的行為事件是:onblur
控制flash的播放 先給flash命名 然后在下方設(shè)置控制播放的命令 給名字設(shè)置空連接(空
連接的目標(biāo)為:#)
檢查表單 對(duì)按鈕實(shí)施行為事件
轉(zhuǎn)到URL
交換圖像
顯示彈出式菜單
檢查插件(新建文字 指向空連接 然后設(shè)置行為屬性即可。)
檢查瀏覽器(在IE流行的現(xiàn)在時(shí)代,一般不使用)
改變屬性(例如改變圖片的邊框?qū)傩?如:border)
拖動(dòng)層的效果(拖動(dòng)層要對(duì)整個(gè)頁面進(jìn)行實(shí)施)
設(shè)置顯示隱藏層(例如:鼠標(biāo)劃過時(shí)出現(xiàn)圖片,離開時(shí)消失)
設(shè)置層文本
制作時(shí)間軸動(dòng)畫(層的漂浮效果)Fps:幀速率 在路線中添加關(guān)鍵幀
控制時(shí)間軸(鼠標(biāo)經(jīng)過停止、鼠標(biāo)離開浮動(dòng))
常用事件:onmouseover、onmouseout、onfocus、onload等等
使用插件
1、手動(dòng)安裝插件:擴(kuò)展對(duì)象、擴(kuò)展命令(對(duì)于鼠標(biāo)跟隨的效果,字體的設(shè)置直接在CSS樣式表中)、擴(kuò)展行為
2、自動(dòng)安裝插件(使用插件管理器):Dreamweaver中的標(biāo)準(zhǔn)插件后綴名為:*.mxp去adobe網(wǎng)站找插件。主要包括:擴(kuò)展對(duì)象、命令、行為
預(yù)覽和出版:檢查網(wǎng)站中的錯(cuò)誤鏈接、檢查某個(gè)html頁面的鏈接錯(cuò)誤
Dreamweaver課程總結(jié):
1、建立站點(diǎn)、維護(hù)站點(diǎn)
2、頁面構(gòu)成元素:文字(特殊字符)、圖片、表單、多媒體(embed、marquee、bgsound)、頭信息的加載
將其上傳到網(wǎng)站的根目錄即可。如果需要將Favicon.ico放到其他目錄下,或者希望讓不同的網(wǎng)頁顯示不同的Favicon,就需要在網(wǎng)頁Html文件中做設(shè)定了,在Html中的<head>部分加入如下的代碼:
第五篇:網(wǎng)頁設(shè)計(jì)心得體會(huì)
網(wǎng)頁設(shè)計(jì)總結(jié)和展望
這個(gè)學(xué)期的網(wǎng)站建設(shè)和網(wǎng)業(yè)設(shè)計(jì)課程,以教學(xué)和實(shí)踐結(jié)合在一起,對(duì)于我們學(xué)生來說,既能提高我們的學(xué)習(xí)興趣,又能增強(qiáng)我們動(dòng)腦、動(dòng)手能力,通過網(wǎng)絡(luò)運(yùn)用網(wǎng)絡(luò)資源,結(jié)合教材及老師的指導(dǎo),設(shè)計(jì)出有自己風(fēng)格和個(gè)性的靜態(tài)網(wǎng)頁。通過這一學(xué)期的學(xué)習(xí),我提高了各方面的能力: 一.實(shí)踐能力
作為網(wǎng)頁設(shè)計(jì)的菜鳥,我對(duì)網(wǎng)頁設(shè)計(jì)非常感興趣,以前曾經(jīng)就想過設(shè)計(jì)出一個(gè)想新浪一樣的網(wǎng)頁,但是因?yàn)閷W(xué)習(xí)繁忙和對(duì)相關(guān)知識(shí)不懂就只好不了了之。這個(gè)學(xué)期的網(wǎng)頁設(shè)計(jì)課讓我得以學(xué)習(xí)自己感興趣的內(nèi)容,在這樣動(dòng)力下,通過自己動(dòng)手、動(dòng)腦,通過網(wǎng)絡(luò)資源,老師的指導(dǎo),在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識(shí),也增強(qiáng)了我的創(chuàng)新能力和動(dòng)手能力,使我真正學(xué)到了網(wǎng)頁設(shè)計(jì)的知識(shí)。
二.提高團(tuán)隊(duì)合作能力
由于要設(shè)計(jì)一個(gè)比較綜合的靜態(tài)網(wǎng)頁,老師要求我們以小組的形式完成,所以我們組合成以六人為一小組,方馳為小組組長的小團(tuán)隊(duì)。經(jīng)過我們小組的各成員的投票,決定出了以弄街舞為主題的靜態(tài)網(wǎng)頁。而后,我們明確了目標(biāo):做一個(gè)老師滿意的靜態(tài)網(wǎng)頁。于是組長給我們分配了各自的任務(wù),弄網(wǎng)頁的過程中,我們一起討論網(wǎng)頁樣式和網(wǎng)頁風(fēng)格,大家一起集思廣益,有時(shí)候?yàn)榱伺W(wǎng)頁而熬夜,雖然挺辛苦,但是還是樂在其中。我們的關(guān)系也因此逐漸變得更加融恰。通過這一學(xué)期的團(tuán)隊(duì)合作,我體會(huì)到了團(tuán)隊(duì)合作的重要性和必要性。
三、提高網(wǎng)頁設(shè)計(jì)水平
在本次網(wǎng)頁設(shè)計(jì)中,我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計(jì)方面的知識(shí),也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。在這個(gè)過程中,我通過上網(wǎng)查詢看網(wǎng)頁制作視頻,學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應(yīng)用,雖然在設(shè)計(jì)過程中也出現(xiàn)了很多的問題,但通過百度搜索和請(qǐng)教同學(xué)等方式,不斷的學(xué)習(xí)、反思、總結(jié)、提高,我的網(wǎng)頁設(shè)計(jì)水平相對(duì)于剛開學(xué)的時(shí)候有了一個(gè)質(zhì)的變化。四.不足之處
雖然老師講課講得很細(xì),但是因?yàn)闆]有屬于自己的電腦,所以本來已經(jīng)掌握的東西因?yàn)椴唤?jīng)常去操練,逐漸變得手生,甚至忘記一些步驟,我也因此體會(huì)到了實(shí)踐是很重要的。