實(shí)驗(yàn)報(bào)告之一 Dreamweaver入門(mén)
一、源程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>張艷龍制作</title>
</head>
<body background="../图片/111.jpg">
<marquee direction="left" behavior="scroll" scrollamount="10" loop="-1">
<font color="#0000FF" size="+5"><font size=30 color="#FF0000"><a href="http://www.imut.edu.cn/"><a href="http://www.imut.edu.cn/">內(nèi)蒙古工業(yè)大學(xué)</a>歡迎您！
</font>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><font color="#FF0000" size="+6"> </font>
<font color="#FF0000" size="7"><p> </p><p> </p><p> </p><p> </p><p> </p></font></p>
</body>
</html>
二、實(shí)驗(yàn)截屏
實(shí)驗(yàn)報(bào)告之二 表格
一、源程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>個(gè)人簡(jiǎn)介</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body background="../图片0/bj5.jpg" leftmargin="100" topmargin="150">
<marquee behavior="alternate" loop="4">
<p><font color="#FFFFCC"><img src="../图片0/龙_副本.jpg" width="400" height="500"> <font color="#00CC33"> <br>
<font color="#FF0033" size="+7" face="方正舒體, 方正姚體, 華文彩云, 華文琥珀, 華文楷體, 華文隸書(shū), 華文新魏, 隸書(shū), 幼圓">張艷龍簡(jiǎn)介</font></font>
<font color="#00CC33" size="+5"><br>
<font color="#00CC00" size="+6" face="華文新魏, ">姓 名: 張艷龍<br>
出生年月： 1988年7月13日<br>
身 高： 158CM<br>
體 重： 55公斤 </font></font>
<font color="#00CC00" size="+6"></font></font></p>
<table width="926" height="487" border="1" align="left">
<tr>
<td width="386"><font color="#00CC00" size="+3">最喜歡的顏色</font></td>
<td width="679"><font color="#00CC00" size="+3">綠 黑 紅 藍(lán) </font></td>
</tr>
<tr>
<td><font color="#00CC00" size="+3">最喜歡的動(dòng)物</font></td>
<td><font color="#00CC00" size="+3">貓 狗 馬 </font></td>
</tr>
<tr>
<td><font color="#00CC00" size="+3">最感激的人</font></td>
<td><font color="#00CC00" size="+3">爸爸 媽媽 還有很多......</font></td>
</tr>
<tr>
<td><font color="#00CC00" size="+3">最喜歡的電影</font></td>
<td><font color="#00CC00" size="+3">東北版《你丫閉嘴》</font></td>
</tr>
<tr>
<td><font color="#00CC00" size="+3">最喜歡的運(yùn)動(dòng)</font></td>
<td><font color="#00CC00" size="+3">跳舞</font></td>
</tr>
<tr>
<td><font color="#00CC00" size="+3">最喜歡過(guò)的節(jié)日</font></td>
<td><font color="#00CC00" size="+3">圣誕節(jié)</font></td>
</tr>
<tr>
<td><font color="#00CC00" size="+3">最大的愿望</font></td>
<td><font color="#00CC00" size="+3">帶著父母遍游中國(guó)</font></td>
</tr>
</table>
</marquee>
</body>
</html>
二、實(shí)驗(yàn)結(jié)果截圖
實(shí)驗(yàn)報(bào)告之三 表單
一、源程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>注冊(cè)</title>
<style type="text/css">
<!--
.style3 {
font-size: medium;
font-weight: bold;
}
.style5 {
font-size: 36px;
color: #660000;
}
body {
background-color: #CC9900;
}
.style10 {font-size: 18px; color: #330099; }
-->
</style>
</head>
<body>
<table width="771" height="267" border="1">
<caption align="left">
<span class="style5"> 申請(qǐng)QQ賬號(hào)
</span>
</caption>
<tr>
<td><span class="style10">昵稱</span></td>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td><span class="style10">生日</span></td>
<td><select name="select2" size="1">
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
</select>
年
<select name="select3" size="1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
月
<select name="select4" size="1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
</select>
日</td>
</tr>
<tr>
<td><span class="style10">性別</span></td>
<td><input type="radio" name="radiobutton" value="radiobutton">
男
<input type="radio" name="radiobutton" value="radiobutton">
女</td>
</tr>
<tr>
<td><span class="style10">密碼</span></td>
<td><input type="password" name="textfield5"></td>
</tr>
<tr>
<td><span class="style10">確認(rèn)密碼</span></td>
<td><input type="password" name="textfield6"></td>
</tr>
<tr>
<td><span class="style10">所在地</span></td>
<td> <select name="select" size="1">
<option>中國(guó)</option>
<option>阿富汗</option>
<option>阿根廷</option>
<option>埃及</option>
<option>愛(ài)爾蘭</option>
<option>奧地利</option>
<option>澳大利亞</option>
<option>巴基斯坦</option>
<option>巴勒斯坦</option>
<option>比利時(shí)</option>
<option>波蘭</option>
<option>朝鮮</option>
<option>丹麥</option>
<option>美國(guó)</option>
<option>英國(guó)</option>
</select></td>
</tr>
<tr>
<td><span class="style10">驗(yàn)證碼</span></td>
<td><input type="text" name="textfield7">
（請(qǐng)您輸入在下圖中看到的字符，不區(qū)分大小寫(xiě)）</td>
</tr>
<tr>
<td><span class="style10">驗(yàn)證圖片</span></td>
<td><span class="style3"><a href="../图片/0.gif" target="_blank"><img src="../图片/3.jpg" width="140" height="49" border="0"></a><a href="../图片/0.gif">看不清楚，換張圖片</a></span></td>
</tr>
</table>
<p class="style3"> </p>
</body>
</html>
二、實(shí)驗(yàn)結(jié)果截屏
實(shí)驗(yàn)報(bào)告之四 Javascript腳本
一、源程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>算命</title>
<script language="javascript">
function js(nl){
if((nl>150)|(nl<0))
alert("輸入有誤");
else
document.form1.ts.value=365*nl;
document.form1.xs.value=365*24*nl;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table width="729" height="106" border="1">
<tr>
<td width="172" bgcolor="#FF0000"><div align="center">用戶姓名</div></td>
<td width="330" bgcolor="#FFFF00"><input type="text" name="yhm"></td>
<td width="205" bgcolor="#FFFF00"> </td>
</tr>
<tr>
<td bgcolor="#FF0000"><div align="center">年齡</div></td>
<td bgcolor="#00FF00"><input type="text" name="nl"></td>
<td bgcolor="#00FF00"><div align="center">
<input type="button" name="Submit" value="計(jì)算" onclick="js(nl.value)">
</div></td>
</tr>
<tr>
<td bgcolor="#FF0000"><div align="center">所活天數(shù)</div></td>
<td bgcolor="#00FFFF"><input type="text" name="ts"></td>
<td bgcolor="#00FFFF">天</td>
</tr>
<tr>
<td bgcolor="#FF0000"><div align="center">所活小時(shí)</div></td>
<td bgcolor="#FF00FF"><input type="text" name="xs"></td>
<td bgcolor="#FF00FF">時(shí)</td>
</tr>
</table>
</form>
</body>
</html>
二、實(shí)驗(yàn)結(jié)果截屏
實(shí)驗(yàn)報(bào)告之五 PS籃球
- 實(shí)驗(yàn)步驟
- 打開(kāi)Ps，文件新建，
- 用橢圓圖形工具畫(huà)一個(gè)圓并用油漆桶染上綠色，
- 新建圖層，在此圖層上用橢圓工具畫(huà)出條文，并在編輯中選擇描邊寬度為8px，用油漆桶將其染上紅色。
- 選擇圖層中的復(fù)制圖層，用箭頭工具將條文拽到另一邊。
- 合并圖層，在濾鏡中選擇紋理中的顆粒，渲染中的3D效果、光照效果，最后加上閃電效果。
- 實(shí)驗(yàn)截屏
實(shí)驗(yàn)報(bào)告之六 PS圖層
一、實(shí)驗(yàn)步驟
1.新建文檔 背景用 藍(lán)色漸變
2.用自定形狀工具 畫(huà)心，鎖定圖層，縮小選區(qū)，刪除，留下心形邊框
3.鎖定圖層添加色彩漸變
4.復(fù)制圖層制作立體效果
5.新建圖層，選擇心形邊框制作選區(qū)，填充顏色圖層模式溶解加混合模式外發(fā)光，透明度20%，硬度40%，濾鏡—模糊—高斯模糊 5像素
6.除背景層和并所有圖層，復(fù)制兩次合并后的圖層
7.ctrl+t變換心形位置 制作出 頭部
8.在圖層下 填充一個(gè) 矩形選區(qū)。使用濾鏡—扭曲—波浪 制作柄部
9.復(fù)制兩個(gè)柄部圖層，制作立體效果
10.在最上層新建圖層 用自定形狀工具 制作中間的花
11.整體調(diào)整頭部 柄部 和花的 位置，及效果。
12.覆蓋所有圖層 添加 鏡頭光暈效果。
二、實(shí)驗(yàn)截屏
實(shí)驗(yàn)報(bào)告之七 Flash動(dòng)畫(huà)
- 實(shí)驗(yàn)步驟
- 新建Flash文檔，插入新建元件中的影片剪輯，并在此畫(huà)出圖形。
- 回到場(chǎng)景，將其拖入圖層1中，并在45幀處插入關(guān)鍵幀，對(duì)其屬性設(shè)置為動(dòng)作，順時(shí)針旋轉(zhuǎn)3次。
- 新建圖層2，選擇畫(huà)筆在此圖層畫(huà)出如圖中所示的線路，點(diǎn)擊涂層2設(shè)置為引導(dǎo)層，將圖層1設(shè)置為被引導(dǎo)層。
- 在第一幀處將圖形中心放置路線起始位置，在第45幀將圖形放置在線路的中點(diǎn)。
- 測(cè)試影片。
二、實(shí)驗(yàn)截屏
實(shí)驗(yàn)報(bào)告之八 Flash圖像變形
一、實(shí)驗(yàn)步驟
- 新建Flash文檔，在第一幀處畫(huà)制如下第一個(gè)圖形并將其打碎。
- 在40幀處插入關(guān)鍵幀，畫(huà)制如下第三個(gè)圖形，再將其打碎，并將第一幅圖刪除。
- 點(diǎn)擊屬性，進(jìn)行補(bǔ)間為“形狀”，簡(jiǎn)易為100，混合為分布式。
- 測(cè)試影片。
- 實(shí)驗(yàn)截屏
實(shí)驗(yàn)報(bào)告之九 Flash畫(huà)面交互
- 實(shí)驗(yàn)步驟
- 新建Flash文檔，導(dǎo)入三張圖片置入庫(kù)中，之后在第1、 2、3幀處將圖片拖入舞臺(tái)中，對(duì)舞臺(tái)和圖片設(shè)置適當(dāng)大小。
- 插入新元件為按鈕，制作按鈕為“第一頁(yè)”“上一頁(yè)”“下一頁(yè)”“尾頁(yè)”，并回到場(chǎng)景中分別將按鈕插入到各個(gè)圖片中。
- 在每幀處設(shè)置動(dòng)作為stop，然后對(duì)每頁(yè)中插入的按鈕進(jìn)行設(shè)置動(dòng)作，使其點(diǎn)擊后即得到相應(yīng)的效果。
- 測(cè)試影片。
- 實(shí)驗(yàn)截屏
實(shí)驗(yàn)報(bào)告之十 Flash應(yīng)用
- 實(shí)驗(yàn)步驟
- 導(dǎo)入圖片放到圖層1中，并在120幀出插入關(guān)鍵幀。
- 點(diǎn)擊插入中的新建元件的影片剪輯，寫(xiě)入字并賦予相應(yīng)的顏色。
- 回到場(chǎng)景，新建4個(gè)圖層，在第二個(gè)圖層中插入第一個(gè)字，并在20幀處插入關(guān)鍵幀，以 此類推，插入另外幾個(gè)字，并且都在120幀出插入關(guān)鍵幀。
- 每個(gè)字體在屬性面板中設(shè)置補(bǔ)間為動(dòng)作，簡(jiǎn)易，旋轉(zhuǎn)及次數(shù)。
- 測(cè)試效果。
- 實(shí)驗(yàn)截屏
