dreamweaver基础1
文本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的更多相关文章
- 3000本IT书籍下载地址
http://www.shouce.ren/post/d/id/112300 黑客攻防实战入门与提高.pdfhttp://www.shouce.ren/post/d/id/112299 黑 ...
- JavaScrip(一)JavaScrip的写法
一:如何写JavaScript 1.直接写入 <scricp type="text/javascricp >*********</scricp> 直接写到标签里面. ...
- 8、网页制作Dreamweaver(jQuery基础:安装、语法)
在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...
- 9、网页制作Dreamweaver(jQuery基础:事件)
事件 定义 即当HTML中发生某些事(点击.鼠标移过等)的时候调用的方法 $(selector).action() 触发 事件的触发有两种方法: 1.直接将事件click写在<javascrip ...
- 网页网站基础入门篇: 使用Adobe Dreamweaver CS6 制作网页/网站
咱开发网页或者网站呢,最好使用个软件,我使用的是Adobe Dreamweaver CS6 (自行下载安装) 打开软件 现在呢咱使用 html5 <!doctype html> <h ...
- 17-网页,网站,微信公众号基础入门(使用Adobe Dreamweaver CS6 制作网页/网站)
https://www.cnblogs.com/yangfengwu/p/11351182.html https://www.cnblogs.com/yangfengwu/p/11200767.htm ...
- 没有素描色彩基础适合学习UI吗,如果可以,该怎么学?
文章背景,来自[ UI设计交流群 - 92588284 ]的一次探讨,由于个人视野有限,个中观点有失狭隘,仅供参考,欢迎拍砖: 问题一:一个朋友想学UI设计,没有任何基础的,也没有美术功底,想问问 ...
- HTML基础知识
一个完美的web前端攻城狮,所具备的专业素养有:HTML5.XHTML.CSS3.JavaScript.JQuery.PS.PHP等.所以说,我要学的东西还有很多... 没别得,我也是一个H5的初学者 ...
- [web建站] 优课急送《零基础快速学习建站》视频+课件【价值399元】
[课程介绍]你想快速建一个网站出来吗?你想从什么都不懂到一两天出一个漂漂亮亮的站吗?你想完成领导交给你的任务找人建站吗?你想自己建站来创业吗?你想学会建站之后,利用给别人建站来赚钱吗?你想建一个跟某个 ...
随机推荐
- Android 实现自动接听和挂断电话功能
添加权限 <uses-permission android:name="android.permission.CALL_PHONE"/> <uses-permis ...
- Makefile中指示符“include”、“-include”和“sinclude”的区别
转:http://www.cnblogs.com/xmphoenix/archive/2012/02/22/2363335.html 指示符“include”.“-include”和“sinclude ...
- C++ 设计模式2 (面向对象设计原则)
1. 变化是复用的天敌! 面向对象设计的最大优势在于 : 抵御变化 2. 重新认识面向对象 理解隔离变化: 从宏观层面来看,面向对象的构建方式更能适应软件的变化, 能将变化所带来的影响减为最小. 各司 ...
- How to setup ELM327 Bluetooth WiFi for Android software Torque
1. Install OBDII 2. Install Android Software Torque a) Copy software to phone from CD b) ...
- Nodejs新建博客练习(二)添加flash支持
安装必须模块 npm install connect-flash npm install express-session 然后在app.js里面添加一些代码 var flash = require(' ...
- 沈逸老师PHP魔鬼特训笔记(7)--我叫什么名字
一.生成文件夹. mkdir():--新建目录 bool mkdir ( string $pathname [, int $mode = 0777 [, bool $recursive = false ...
- ios菜鸟总结2
这个星期学起oc来可能是最纠结的.话不多说先补充一下上一个星期的快捷键吧.工程导航器:Command+1 显示/隐藏导航器面板:Command+0 .显示/隐藏实用工具面板:Command+Op ...
- springMVC+hibernate构建项目
这几天要用到springMVC+spring+hibernate构建框架,使用的是eclipse今天闲下来把这些记录下来 首先要导入spring 的jar包和hibernate的jar包
- Python一些难以察觉的错误
Python一些难以察觉的错误 今天把微博的收藏夹打开,发现以前很多收藏的好文章还没有细细研究,今天开始要慢慢研究总结总结.今天看的这篇文章地址: http://blog.amir.rachum.co ...
- crawler4j:轻量级多线程网络爬虫实例
crawler4j是Java实现的开源网络爬虫.提供了简单易用的接口,可以在几分钟内创建一个多线程网络爬虫. 下面实例结合jsoup(中文版API),javacvs 爬取自如租房网(http://sh ...