|
|
網頁設計軟件列表
0.png (4.85 KB, 下載次數: 41)
下載附件
2017-10-25 01:39 上傳
網頁設計軟件列表設計實驗 課程名稱：
| 網頁設計與制作
| 任課教師：
| 閆潔
| 機房：
| 逸夫樓207
| 學號：
| 5081215019
| 實驗日期：
| 2017-10-11
| 實驗成績：
|
| 實驗班級：
| 物聯網工程19
| 學生姓名：
| 趙明海
| 實驗名稱：
| 服裝推廣設計實驗
|
1. 源程序 （1） HTML: <!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>網頁設計軟件列表</title>
<link rel="stylesheet"href="111.css" type="text/css">
</head>
<body>
<h2>網頁設計軟件列表（點擊查看）</h2>
<hr size="3"color="#5E2D00" width="750px">
<nav>
<ahref="#news1"class="one">Photoshop軟件</a>
<a href="#news2"class="two">illustrator軟件</a>
<a href="#news3"class="two">Dreamweaver軟件</a>
<a href="#news4"class="two">Fireworks軟件</a>
</nav>
<hr size="3"color="#5E2D00" width="750px">
<dl id="news1">
<dt><imgsrc="images/1.jpg"></dt>
<dd>Photoshop一款好到違反廣告法的<em>超S級設計神器</em>！給畫面來點動感吧。</dd>
<dd>Photoshop處理以<em>像素構成的圖像</em>，可以有效地進行圖片編輯調整工作。</dd>
<dd>Photoshop有很多功能，在圖像、圖形、文字、出版等各方面都有涉及。</dd>
<dd>在制作建筑效果圖包括許三維場景時，常常需要在Photoshop進行調整。</dd>
</dl>
<dl id="news2">
<dt><imgsrc="images/2.jpg"></dt>
<dd>Illustrator是一種應用于出版、多媒體和在線圖像的法的<em>標準矢量插畫</em>！的軟件。</dd>
<dd>Illustrator廣泛應用于以<em>印刷出版、海報書籍、像</em>專業插畫、多媒體圖像處理</dd>
<dd>Illustrator可以為線稿提供較高的精度和控制，簡單到復雜項目都能生產。</dd>
<dd>跟據不完全統計全球大約有37%的界面設計師在使用Illustrator進行設計。</dd>
</dl>
<dl id="news3">
<dt><imgsrc="images/3.jpg"></dt>
<dd>Dreamweaver是第一套針對<em>專業網頁設計師</em>特別發展的網頁開發工具。</dd>
<dd>利用它可以輕易地制作出<em>跨越平臺和跨越瀏覽器</em>限制的充滿動感的網頁。</dd>
<dd>Dreamweaver自MX版本開始，使用了Opera的排版引擎作為網頁預覽。</dd>
<dd>Dreamweaver可以在AdobeCreativeSuite4的不同組件之間切換工作。</dd>
</dl>
<dl id="news4">
<dt><imgsrc="images/4.jpg"></dt>
<dd>Fireworks是Adobe推出的一款<em>網頁作圖軟件</em>，可以加速Web設計開發。</dd>
<dd>Fireworks是一款創建優化<em>Web圖像</em>和快速構建網站與Web界面的工具。</dd>
<dd>Fireworks可以創建和編輯矢量圖像與位圖圖像，并導入PS和AI文件中。</dd>
<dd>Fireworks采用與PS類似的層圖層結構來管理原型，更易組織Web頁面。</dd>
</dl>
</body>
</html>
（2） CSS: @charset "utf-8";
/* CSS Document */
{list-style:none;outline:none;}
body{font-family:"微軟雅黑";text-align:center;}
a{
text-indent:1em;
display:inline-block;
font-size:22px;
color:#5E2D00;
}
a:nth-child(1){text-indent:0;}
a:link,a:visited{text-decoration:none;}
a:hover{
text-decoration:underline;
color:#f03;
}
dl{display:none;}
dd{
line-height:38px;
font-size:22px;
font-family:"微軟雅黑";
color:#333;
}
dd:before{content:url(images/11.png);}
dd:nth-child(odd){color:#BDA793;}
dd:nth-child(2) em{
color:#f03;
font-weight:bold;
font-style:normal;
}
dd:nth-child(3) em{
color:#5E2D00;
font-weight:bold;
font-style:normal;
}
:target{display:block;}
2. 實驗結果
|
|
QQ好友和群
QQ空間
騰訊微博
騰訊朋友
收藏
淘帖
頂
踩
