文本enter回车 （隔着一行）
SHIFT+enter回车 （换行不分段）
网页图片格式：最优化：在保证画质前提下尽可能是图片数据量小一些。
（gif，数据量小，带有动画信息，实现透明背景，但只支持256种颜色）
（jpeg，可以高效压缩图片数据量，基本不丢失颜色画质）
（png，结合gif透明背景，画质又高）
、、
图文混合方式 shift+F5 左or右对齐

点击网页图标更换并跳转链接方式：插入》图像对象》鼠标经过图案 （链接必须http或者https开头）
http:// https:// 是浏览网页的网络协议

网页锚点:自身页面跳转位置定位 添加锚点名字例如maodian 跳转链接为#maodian
跳转不同网页锚点则是用选择的链接后加上#maodian
多网页跳转锚点只适合文字超级链接 图片链接不适用

**
网页收藏本站代码（代码直接复制）
<a onclick="window.external.addFavorite('https://www.baidu.com','百度')" href="#">加入收藏

</a>

网页收藏本站代码（选择文字或图片链接中输入）
javascript:window.external.addFavorite('https://www.baidu.com','百度')

窗口关闭代码（选择文字或图片链接中输入/脚本链接）
javascript:window.close()

网页弹出对话框代码（脚本链接）//不可以调整属性目标G 应该为空
javascript:alert('弹出的信息')

设置为默认主页（需通过空链接#,触发onClick事件)
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage

('https://www.baidu.com/')"
//首先在脚本添加#，其次在代码中找到"#"后面空格粘贴以上脚本

——————————————————————————————————————————————————————————————————

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style type="text/css">
        #box {width: 600px;
            height: 800px;
            border: 1px solid red;}
        .box1,.box2,.box3 {
            width: 200px;
            height: 200px;
            float: left;
        }
        .box1 {background: darkblue;
            opacity: 0.5;/*透明度*/
        }
        .box2 {background: peru;}
        .box3 {background: #ff0851;}
        .box4 {background: #69307e;
            width: 600px; height: 600px;
            float: left;}
        .box4-1 {
            background: #36f8ff;
            width: 580px;
            height: 400px;
        }

        p{color: white; /*p文字颜色*/
            background: #5f007e}/*p文字背景色*/

    </style>
</head>
<body>
<div id="box">
    <div class="box1"><p>BOX1</p></div>
    <div class="box2"><p>BOX2</p></div>
    <div class="box3"><p>BOX3</p></div>
    <div class="box4">
        <div class="box4-1" style="position: absolute; left: 18px; top: 259px;">
            <!--浮动div可用dw调节位置-->
        </div><p>BOX4</p></div>
    
</div>
</body>

												


											
dreamweaver基础1的更多相关文章
	

    
								
  1. 3000本IT书籍下载地址
		
    http://www.shouce.ren/post/d/id/112300    黑客攻防实战入门与提高.pdfhttp://www.shouce.ren/post/d/id/112299    黑 ...
    
		
    2. 
						
  2. JavaScrip(一)JavaScrip的写法
		
    一:如何写JavaScript 1.直接写入 <scricp type="text/javascricp >*********</scricp> 直接写到标签里面.  ...
    
		
    3. 
						
  3. 8、网页制作Dreamweaver（jQuery基础:安装、语法）
		
    在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...
    
		
    4. 
						
  4. 9、网页制作Dreamweaver（jQuery基础:事件）
		
    事件 定义 即当HTML中发生某些事(点击.鼠标移过等)的时候调用的方法 $(selector).action() 触发 事件的触发有两种方法: 1.直接将事件click写在<javascrip ...
    
		
    5. 
						
  5. 网页网站基础入门篇: 使用Adobe Dreamweaver CS6 制作网页/网站
		
    咱开发网页或者网站呢,最好使用个软件,我使用的是Adobe Dreamweaver CS6 (自行下载安装) 打开软件 现在呢咱使用 html5 <!doctype html> <h ...
    
		
    6. 
						
  6. 17-网页,网站,微信公众号基础入门(使用Adobe Dreamweaver CS6 制作网页/网站)
		
    https://www.cnblogs.com/yangfengwu/p/11351182.html https://www.cnblogs.com/yangfengwu/p/11200767.htm ...
    
		
    7. 
						
  7. 没有素描色彩基础适合学习UI吗，如果可以，该怎么学？
		
      文章背景,来自[ UI设计交流群 - 92588284 ]的一次探讨,由于个人视野有限,个中观点有失狭隘,仅供参考,欢迎拍砖: 问题一:一个朋友想学UI设计,没有任何基础的,也没有美术功底,想问问 ...
    
		
    8. 
						
  8. HTML基础知识
		
    一个完美的web前端攻城狮,所具备的专业素养有:HTML5.XHTML.CSS3.JavaScript.JQuery.PS.PHP等.所以说,我要学的东西还有很多... 没别得,我也是一个H5的初学者 ...
    
		
    9. 
						
  9. [web建站] 优课急送《零基础快速学习建站》视频+课件【价值399元】
		
    [课程介绍]你想快速建一个网站出来吗?你想从什么都不懂到一两天出一个漂漂亮亮的站吗?你想完成领导交给你的任务找人建站吗?你想自己建站来创业吗?你想学会建站之后,利用给别人建站来赚钱吗?你想建一个跟某个 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. JavaScript Design Patterns: Mediator
			
    The Mediator Design Pattern The Mediator is a behavioral design pattern in which objects, instead of ...
    
			
    2. 
						
  2. iOS 2D绘图详解（Quartz 2D）之阴影和渐变(Shadow,Gradient)
			
    前言:这个系列写道这里已经是第五篇了,本文会介绍下阴影和渐变的基础知识,以及一些基本的Demo Code展示,应该还会有两篇,介绍下Bitmap绘制以及Pattern等知识. Shadow shado ...
    
			
    3. 
						
  3. Perl的DATA文件句柄
			
    有太多次写完一个perl程序,需要另外新建一个文件来测试,每次觉得很繁琐,但又不得不这么做.没想到原来perl已经提供了解决方案,这就是DATA. 使用很简单,见下面这个例子: #!/usr/bin/ ...
    
			
    4. 
						
  4. java  哈夫曼编码
			
    //哈夫曼树类 public class HaffmanTree { //最大权值 ; int nodeNum ; //叶子结点个数 public HaffmanTree(int n) { this. ...
    
			
    5. 
						
  5. WSS3.0 SDK中的不同列表类型的对应值
			
    Value Description 100 Generic list 101 Document library 102 Survey 103 Links list 104 Announcements  ...
    
			
    6. 
						
  6. 关于报错The specified child already has a parent的解决办法
			
    报错信息为:java.lang.IllegalStateException: The specified child already has a parent. You must call remov ...
    
			
    7. 
						
  7. C# unix时间戳转换
			
    场景:由于业务需要和java 开发的xxx系统对接日志,xxx系统中用“1465195479100” 来表示时间,C# 里面需要转换做一下逻辑处理,见代码段. C#获取的unix时间戳是10位,原因是 ...
    
			
    8. 
						
  8. Sum of divisors
			
    Problem Description mmm is learning division, she's so proud of herself that she can figure out the  ...
    
			
    9. 
						
  9. mysql 查看表记录新增、修改的时间
			
    ALTER TABLE `tableName` ADD `updateAt` TIMESTAMP NULL ON UPDATE CURRENT_TIMESTAMP; ALTER TABLE kd_up ...
    
			
    10. 
						
  10. 【Linux/Ubuntu学习6】unbuntu 下载android源码
			
    在Windows下安装Cygwin,通过Cygwin也可在Windows里通过本文的下载步骤下载Android源码. 以下为在Ubuntu下下载Google Android4.4源码的步骤: 1. 安 ...
    
			
    11.