精华内容
下载资源
问答
  • javascript 实现网页广告设置 实现思路: 1、广告层居左显示需要设置style的绝对定位 2、z-index表示z轴的区别,使用z-index属性决定层叠顺序 3、广告层要随滚动条同步移动   代码如下: ...

    javascript 实现网页广告设置

    实现思路:

    1、广告层居左显示需要设置style的绝对定位

    2、z-index表示z轴的区别,使用z-index属性决定层叠顺序

    3、广告层要随滚动条同步移动

     

    代码如下:

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>任务</title>

    </head>

    <script type="text/javascript">

    var advInitTop=0;

    var closeInitTop=0;

    function init(){

    advInitTop=parseInt(document.getElementById("advLayer").style.top.slice(0, -2));

    closeInitTop=parseInt(document.getElementById("closeLayer").style.top.slice(0, -2));

    }

    function move(){

    //控制广告图片总位于页面顶端左边位置

    document.getElementById("advLayer").style.top=advInitTop+document.body.scrollTop;

    //控制关闭图片总位于页面顶端左边位置

    document.getElementById("closeLayer").style.top=closeInitTop+document.body.scrollTop;

    }

    function closeMe(){

    document.getElementById("closeLayer").style.display="none";

    document.getElementById("advLayer").style.display="none";

    }

    //窗口的滚动事件,当页面滚动时调用move()函数

    window.οnscrοll=move;

    </script>

    <body οnlοad="init()">

    <div id="closeLayer" οnclick="closeMe()" style="position:absolute;right:40px;top:80px;width:54px;height:19px;z-index:2;" >

    <a href="#"><font color="#0000FF" face="黑体">关闭</font></a></div>

    <p align="center"><img src="images/sina.jpg" width="1349" height="6816"></p>

    <div id="advLayer" style="position:absolute;right:30px;top:100px;width:86px;height:81px;z-index:1;" >

    <a href="http://www.taobao.com"><img src="images/adv.jpg" width="85" height="80" border="0"></a></div>

    </body>

    </html>

    转载于:https://my.oschina.net/u/3807502/blog/1814585

    展开全文
  • 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。3、在ps...
  • 通过19楼网页广告设计规范来学习一下一般网页广告设计方法
  • 广告设计公司网页模板
  • 2019自考《网页广告设计》考试大纲&复习重点
  • 手风琴网页广告栏前段设计 作者:呆小七 例如想做一个如图:手风琴样式的网页广告栏: 首先准备好需要展示的广告素材: <!doctype html> <html lang="en"> <head> <meta charset=...

    手风琴网页广告栏前段设计

    作者:杨小航

    1、例如想做一个如图:手风琴样式的网页广告栏:

    在这里插入图片描述
    2、鼠标放在上面会放大展示全部内容:
    在这里插入图片描述

    3、首先准备好需要展示的广告素材,并为它们命名:
    1.jpg
    请添加图片描述
    2.jpg
    请添加图片描述
    3.jpg
    请添加图片描述
    4.jpg
    请添加图片描述
    5.jpg
    请添加图片描述
    6.jpg

    请添加图片描述
    4、选择最基本的也是最强大的文本文档编辑代码
    (新建——文本文档——输入下列代码——保存——更改文件后缀名:txt—>html,保存好后与照片素材放置于头同一文件目录下,打开即可)

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
    
      <title>追梦的小人正在加载中...</title><!--这是头标题,展示在网页标题栏-->
         <link href="logo.jpg" rel="icon">
    
      <style>
    
      body,ul{
      margin:0;
      padding:0;
      }<!--定义了网页的整体大小-->
    
      div{
         padding:10px;
         margin:200px auto;
         width:1160px;
         height:128px;
    	 background-color:skyblue;
    	 overflow:hidden;
      }<!--定义一个盒子的大小即广告栏的大小-->
      ul{
      width:2000px;<!--定义网页的宽度-->
      
      }
      
    
      ul li{
      overflow:hidden;
      list-style-type:none;
      width:187px;
      height:125px;
      margin-right:7.8px;
      background-color:yellow;
      border-radius:5%;
    /** border: 1px solid red;**/
      float:left<!--设置每个广告位的大小,边缘宽度及显示比例以及边框颜色-->
    
      }
      ul:hover li{
      width:107px;
      }
      ul li:hover{
      width:575px;
      }<!--展示完整广告位的大小,即当鼠标放在该广告位上时显示的完整广告的大小-->
    
      </style>
    
     </head>
     <body>
    
     <div>
     <ul>
      <li>
    
      <img src="1.jpg"></li>
      <li>
    
      <img src="2.jpg" ></li> 
      <li>
    <img src="3.png" >
      </li>
      <li>
    <img src="4.jpg">
      </li> 
      <li>
      <img src="5.jpg" >
      </li> 
      <li>
      <img src="6.jpg">
      </li>
     </ul>
     </div><!--给创建好的盒子导入照片-->
    
     </body>
    
    <script>
    let pic = document.getElementById('pic')
    	pic.onmouseover= function(){
    	   this.style.width = 200+ 'px';
    	   this.style.height =  65+ 'px';
    	   }
     	pic.onmouseout= function(){
    	   this.style.width = 300 + 'px';
    	   this.style.height = 140 + 'px';
    	   }
     </script><!--设置指针,当鼠标放到图片上时将展示照片完整大小-->
    
    </html>
    
    

    在这里插入图片描述

    5、打开后就是这个:
    在这里插入图片描述

    展开全文
  • 摘要:Photoshop是当前最为出名的图像处理软件之一在图形图像及输入输出方面表现精确而细致不但在数码照片处理广告摄影视觉创意平面设计艺术文字和建筑效果图后期修饰等领域广泛应用而且在网页设计方面也有出色表现...
  • 网页底部的广告设计

    2007-02-06 15:28:00
    http://huodong.51ditu.com/index.html?id=10300000003 网页底部的广告设计,framk+table一列文字分类,二列广告图片内容列内容,二列中内容是多个table组合的,每个table一个图标。 

    http://huodong.51ditu.com/index.html?id=10300000003 

    网页底部的广告设计,framk+table

    一列文字分类,二列广告图片内容列

    内容,二列中内容是多个table组合的,每个table一个图标。

     

    展开全文
  • 这是一个半小时的快速学习,涉及一些当代网页设计中最具创意的方法。 您将学到什么 Web设计模式是常见设计问题的解决方案,在大多数情况下,这些模式是以相同的方式实现的。 但是,没有什么可以阻止您采用更具...

    广告创意设计课程 博客

    您准备好发挥创意了吗? 然后尝试我们的新课程“ 探索创意Web设计模式” 这是一个半小时的快速学习,涉及一些当代Web设计中最具创意的方法。

    您将学到什么

    Web设计模式是常见设计问题的解决方案,在大多数情况下,这些模式是以相同方式实现的。 但是,没有什么可以阻止您采用更具创造性的方法来处理这些模式,这就是您将在此短期课程中探索的内容。

    在Envato Tuts +讲师Adi Purdila的陪同下 ,您将了解六个创意Web设计模式,了解它们在现实世界中的实现方式,并讨论何时何地可以使用它们。

    观看介绍

    参加课程

    您可以订阅Envato Elements立即上我们的新课程。 只需一个低廉的月费,您不仅可以访问此课程,还可以访问我们不断发展的图书馆,其中包含1,000多个视频课程和Envato Tuts +上行业领先的电子书。

    此外,您现在可以从庞大的Envato Elements库获得无限下载,该库包含200,000多种照片以及26,000多种设计资产和模板。 使用独特的字体,照片,图形和模板进行创建,并更快地交付更好的项目。

    如果您需要抢先一步,请查看Envato Market上的一些创意网站模板

    翻译自: https://webdesign.tutsplus.com/articles/new-course-exploring-creative-web-design-patterns--cms-28779

    广告创意设计课程 博客

    展开全文
  • 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 3...
  • 网页设计标准尺寸和网页容量大小标准以及banner广告的尺寸标准  1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1003以内,如果满...
  • 第13章 网页设计实用理论知识 学习概述 要制作出漂亮的网页不仅要求掌握Dreamweaver软件而且还要掌握一些关于网页设计的一些基本理论知识本章内容包括网站的主题和名称网站的标志和横幅广告网站的结构网站的色彩网页...
  • 网页设计美工工作总结 时光匆匆,xx年马上离我们远去。回首这走来的一年,似乎去年的圣诞歌还在耳边萦绕,实是感叹时间的飞逝,让自己的脚步显得如此匆忙。可细细品味,却也发觉自己在不轻易间成熟了许多。不知不觉...
  • 创意设计公司,设计师作品集,数字广告代理商html5&boostrap网页模板 boostrap设计公司官方网站模板、html5作品集网页模板素材、快速搭建求职作品网站
  • 那么网页设计制作该如何做好呢?这里给大家分享5个重要的设计原则:1.用好网站黄金位置就跟超市的货架一样,首要视觉位置就是网站的黄金位置,企业网站应该放置重要的信息在这个地方。横幅广告、按钮广告、轮播图等...
  • 现在许多商家将广告战开始移到网络,于是乎只要是稍有名气的网站,其网页的每一个角落都挤满了各式广告,有大有小,有动有静,实在也是屏幕上的一大“风景”,但只要你稍加注意,便会发现这些广告的尺寸都有一定的...
  • 曹菲包装计算机辅助设计软件应用-CorelDraw-制作网页服饰广告-一网页服饰广告效果图二网页服饰广告绘制步骤1新建一个横向的页面选择矩形工具绘制一个矩形填充颜色去除轮廓线2选择贝塞尔工具绘制一个图形填充颜色并...
  • 网页设计

    2016-03-15 15:02:07
    岗位职责: 1.负责对网站整体表现风格的定位,对用户视觉感受的整体把握; 2.进行网页的具体设计制作; 3.产品目录的平面设计;...2.有较强的沟通及合作能力,能充分理解各部门对网页设计提出的需求,并用视觉
  • 网页上的广告设计[zt]

    千次阅读 2006-02-19 10:24:00
    网页上的广告设计[转贴] 网站上的Banner条,是网站用来作为盈利或者是发布一些重要的信息的工具。但是它又不能作为网页的主要内容,因为它的主要目的是吸引人的注意力,让人来购买某种商品,或者是让人注意网站的...
  • 网页设计基础——网页布局结构

    千次阅读 2018-07-27 14:56:30
    作为网页设计初学者,掌握几个页面布局结构将会让网页变得更加美观,并且大大提升设计效率。 一、 国子型(大型网站常用类型) 如图所示,我们可以看出,国子型页面结构主要分为五个部分。 头部: 该部分包括...
  • Photoshop 平面设计 PAGE 6 第七章 网页美工 项目3 网站元素设计 教学内容 网站元素设计 教学目标 能制作网页的特殊效果即界面的各种元素 应知 网页广告即分类 应会 动画的制作 按钮的制作 难点 时间轴面板的使用 ...
  • 1.横幅广告是网络广告的常见形式,一般位于网页的醒目位置上;当用户单击这些横幅广告时,通常可以链接到相应的广告页面; 2.设计横幅广告时,要力求简单明了,能够体现出主要的中心主旨,鲜明、形象地表达出最主要...
  • 网页设计入门

    2015-07-28 13:40:09
    2.网页一般由IOGO、导航栏、信息区、广告区和版权区组成。 3.网页中包含:文字、图像、动画与视频影像、声音等。 二、网页制作基础 1.万维网(World Wide Web):一个通过网络存取的互联超文本文件(interlinked ...
  • 网页设计\网页制作常用软件大全

    千次阅读 多人点赞 2014-03-04 12:08:26
    网页设计\网页制作常用软件 一、专业的网页设计、网页制作软件: 1、CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、...
  • 网页设计师岗位说明书 网页设计师岗位说明书 网页设计师是指精通photoshop,coreldraw,frontpage,dreamweaver等多项网页设计工具的网页设计人员。 网页设计师岗位职责 1、负责公司网站的页面设计及美观优化; 2、...
  • 网页设计师自我介绍篇【1】 我叫**,毕业于湖北经济学院广告学专业(偏向广告平面设计),本科。性格:活泼开朗、随和、平易近人。也正式由于这种性格,我有很多爱好:慢跑、打排球、看书、上网……严于律己,宽以待人...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,236
精华内容 494
关键字:

网页设计广告