找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 5031|回复: 1
打印 上一主题 下一主题
收起左侧

网页设计软件列表设计实验

[复制链接]
跳转到指定楼层
楼主
网页设计软件列表

网页设计软件列表设计实验
  课程名称:
  
  网页设计与制作
  
  任课教师:
  
  闫洁
  
  机房:
  
  逸夫楼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.  实验结果

网页设计实验3-5081215019-赵明海.rar

6.45 MB, 下载次数: 12, 下载积分: 黑币 -5

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享淘帖 顶 踩
回复

使用道具 举报

沙发
ID:908135 发表于 2021-5-6 17:07 | 只看该作者
很好很好,很实用
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|51黑电子论坛 |51黑电子论坛6群 QQ 管理员QQ:125739409;技术交流QQ群281945664

Powered by 单片机教程网

快速回复 返回顶部 返回列表