標(biāo)題: 網(wǎng)頁(yè)設(shè)計(jì)軟件列表設(shè)計(jì)實(shí)驗(yàn) [打印本頁(yè)]
作者: 肖軍    時(shí)間: 2017-10-24 19:06
標(biāo)題: 網(wǎng)頁(yè)設(shè)計(jì)軟件列表設(shè)計(jì)實(shí)驗(yàn)
網(wǎng)頁(yè)設(shè)計(jì)軟件列表

網(wǎng)頁(yè)設(shè)計(jì)軟件列表設(shè)計(jì)實(shí)驗(yàn)
  課程名稱：
  		  網(wǎng)頁(yè)設(shè)計(jì)與制作
  		  任課教師：
  		  閆潔
  
  機(jī)房：
  		  逸夫樓207
  		  學(xué)號(hào)：
  		  5081215019
  
  實(shí)驗(yàn)日期：
  		  2017-10-11
  		  實(shí)驗(yàn)成績(jī)：
  		   
  
  實(shí)驗(yàn)班級(jí)：
  		  物聯(lián)網(wǎng)工程19
  		  學(xué)生姓名：
  		  趙明海
  
  實(shí)驗(yàn)名稱：
  		  服裝推廣設(shè)計(jì)實(shí)驗(yàn)
  

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>網(wǎng)頁(yè)設(shè)計(jì)軟件列表</title>
<link rel="stylesheet"href="111.css" type="text/css">
</head>
<body>
<h2>網(wǎng)頁(yè)設(shè)計(jì)軟件列表（點(diǎn)擊查看）</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級(jí)設(shè)計(jì)神器</em>！給畫面來點(diǎn)動(dòng)感吧。</dd>
   <dd>Photoshop處理以<em>像素構(gòu)成的圖像</em>，可以有效地進(jìn)行圖片編輯調(diào)整工作。</dd>
   <dd>Photoshop有很多功能，在圖像、圖形、文字、出版等各方面都有涉及。</dd>
   <dd>在制作建筑效果圖包括許三維場(chǎng)景時(shí)，常常需要在Photoshop進(jìn)行調(diào)整。</dd>
</dl>
<dl id="news2">
         <dt><imgsrc="images/2.jpg"></dt>
   <dd>Illustrator是一種應(yīng)用于出版、多媒體和在線圖像的法的<em>標(biāo)準(zhǔn)矢量插畫</em>！的軟件。</dd>
   <dd>Illustrator廣泛應(yīng)用于以<em>印刷出版、海報(bào)書籍、像</em>專業(yè)插畫、多媒體圖像處理</dd>
   <dd>Illustrator可以為線稿提供較高的精度和控制，簡(jiǎn)單到復(fù)雜項(xiàng)目都能生產(chǎn)。</dd>
   <dd>跟據(jù)不完全統(tǒng)計(jì)全球大約有37%的界面設(shè)計(jì)師在使用Illustrator進(jìn)行設(shè)計(jì)。</dd>
</dl>
<dl id="news3">
         <dt><imgsrc="images/3.jpg"></dt>
   <dd>Dreamweaver是第一套針對(duì)<em>專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師</em>特別發(fā)展的網(wǎng)頁(yè)開發(fā)工具。</dd>
   <dd>利用它可以輕易地制作出<em>跨越平臺(tái)和跨越瀏覽器</em>限制的充滿動(dòng)感的網(wǎng)頁(yè)。</dd>
   <dd>Dreamweaver自MX版本開始，使用了Opera的排版引擎作為網(wǎng)頁(yè)預(yù)覽。</dd>
   <dd>Dreamweaver可以在AdobeCreativeSuite4的不同組件之間切換工作。</dd>
</dl>
<dl id="news4">
         <dt><imgsrc="images/4.jpg"></dt>
   <dd>Fireworks是Adobe推出的一款<em>網(wǎng)頁(yè)作圖軟件</em>，可以加速Web設(shè)計(jì)開發(fā)。</dd>
   <dd>Fireworks是一款創(chuàng)建優(yōu)化<em>Web圖像</em>和快速構(gòu)建網(wǎng)站與Web界面的工具。</dd>
   <dd>Fireworks可以創(chuàng)建和編輯矢量圖像與位圖圖像，并導(dǎo)入PS和AI文件中。</dd>
   <dd>Fireworks采用與PS類似的層圖層結(jié)構(gòu)來管理原型，更易組織Web頁(yè)面。</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.  實(shí)驗(yàn)結(jié)果

網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)3-5081215019-趙明海.rar

6.45 MB, 下載次數(shù): 12, 下載積分: 黑幣 -5

作者: xiewendong125    時(shí)間: 2021-5-6 17:07
很好很好，很實(shí)用




歡迎光臨 (http://www.torrancerestoration.com/bbs/) Powered by Discuz! X3.1