(旧)子数涵数·DW——图文混排页面
一、首先,打开Dreamweaver,新建一个的HTML项目。

二、在设计区里,写一些文字,随便写一点(也可以在代码区中的<body>和</body>之间写)。

三、插入一张图片,插入->图像,快捷键为Ctrl+Alt+I,弹出窗口,随便选一张。
注意1:网页所支持的图片格式有gif、jpg、jpge、png。
注意2:由于我们没有建立站点,所有会提示“要使用此选项,请保存文件”。
如果建立了站点且选择的图片不在站点的文件夹内就会提示“选择的文件不在站点根目录下”。
如果建立了站点且选择的图片在站点的文件夹内则不提示。

四、在前两种情况下,按下确定后,DW会提示是否复制到站点根目录下;由于我没压根连站点都没建,就选择否。

五、然后会,提示一下内容,替换文本可以随便写(它是用来干嘛的,等下我会讲),详细说明可以暂时不管,或者删了。

六、在上一步中我们按下确定后,在按下F12,进行预览,效果如下。
(当我们把鼠标放在图片上,就是显示“logo”文字,这就是替代文本的作用;由于我用的是QQ截图,它在截图是这个效果会消失,所以图片上没有)。

七、我们还在选中这个图片,在其的属性面板中设置它的样式(这里我们就不设置了,在后面学CSS的时候再讲)。

八、最后,我们来看一下代码,这回我们主要就看一下关于图像这块的。
<body><!--主体开始--> <p>hello world!<img src="logo.png" alt="logo" width="300" height="94" /></p><!--这里定义了图像的来源,替换文本、长和宽;<p>和</p>是定义段落的,一个标识开始,一个标识结束--> </body><!--主体结束-->
(旧)子数涵数·DW——图文混排页面的更多相关文章
- (旧)子数涵数·DW——网页制作的流程
		
PS:这是我很早以前的一个废掉的项目. 当时用的还是table排版,现在基本都是div了吧. 这个项目前段时间,我还抢救过一次,后来还是放弃了. 先行.网页制作的流程分为哪些呢? 一.网站策划(当时, ...
 - CoreText 实现图文混排
		
CoreText 实现图文混排 相关博文推荐 IOS CoreText.framework - 基本用法 IOS CoreText.framework - 段落样子CTParagraphStyle h ...
 - 使用android SpannableStringBuilder实现图文混排,看到许多其他
		
项目开发需要达到这种效果 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZmFuY3lsb3ZlamF2YQ==/font/5a6L5L2T/fontsiz ...
 - Unity UGUI图文混排源码(三) -- 动态表情
		
这里是根据图文混排源码(二)进一步修改的,其他链接也不贴了,就贴一个链接就好了,第一次看这文章的同学可以先去看看其他几篇文章 Unity UGUI图文混排源码(二):http://blog.csdn. ...
 - Android--多线程之图文混排
		
前言 本周一直在说Android多线程的那些事儿,本篇博客聊一聊Android开发中一个比较经典的案例,网络数据图文混排,本片博客的案例只涉及关于开启多线程访问网络数据,不涉及缓存的内容.众所周知,从 ...
 - XMPP键盘订制实现图文混排
		
在现阶段的通信服务中,各种标准都有,因此会出现无法实现相互连通,而XMPP(Extensible Message and presence Protocol)协议的出现,实现了整个及时通信服务协议的互 ...
 - Unity插件之NGUI学习(5)—— 创建Label图文混排及文字点击
		
创建一个新的Scene,并按 Unity插件之NGUI学习(2)创建UI Root. 准备工作,制作Font.如今Project窗体创建一个Font目录.然后从系统自带字体目录中选择自己须要的字体,我 ...
 - 用NSAttributedString实现简单的图文混排
		
iOS7以后,因为TextKit的强大,可以用NSAttributedString很方便的实现图文混排(主要是利用了NSTextAttachment). 关于Textkit的牛逼之处,可以参考objc ...
 - 图文混排--CoreText的简单运用
		
常见的在一些微博微信中可以看见一段文字中有不同的字体,字体有不同的颜色,并且可能会有一些笑脸之类的表情,这些可以通过图文混排做到. 图文混排可以通过WebView和CoreText做到,其他还有别的方 ...
 
随机推荐
- sqlite3基础
			
要使用sqlite,首先需要添加库文件libsqlite3.dylib.当你搜索libsqlite3关键字时,会发现还有一个libsqlite3.0.dylib的库文件,这里还是建议添加libsqli ...
 - 优化IIS7.5支持10万个同时请求windows 2008 R2
			
通过对IIS7的配置进行优化,调整IIS7应用池的队列长度,请求数限制,TCPIP连接数等方面,从而使WEB服务器的性能得以提升,保证WEB访问的访问流畅. -
 - 【转】每个人应该知道的NVelocity用法
			
NVelocity是一个基于.NET的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由.NET代码定义的对象.从而使得界面设 ...
 - osgEarth基础入门
			
osgEarth基础入门 2015年3月21日 16:19 osgEarth是基于三维引擎osg开发的三维数字地球引擎库,在osg基础上实现了瓦片调度插件,可选的四叉树调度插件,更多的地理数据加载插件 ...
 - ES6 Promise 接口
			
构造函数 new Promise(function(resolve, reject){}); 构造函数接受一个函数(executor)作为参数,该函数在返回 Promise 实例之前被调用.函数的两个 ...
 - 快乐的JS正则表达式(三)
			
?的用途. 小任务:匹配一段网址如var str = "http://www.123.com/";注意http也可以是https var str = "http://i. ...
 - IIS6.0启动网站ManagedPipelineHandler异常
			
处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler” 开发web项目需要安装IIS,当安装完以后,web程 ...
 - Android 布局之RelativeLayout
			
Android 布局之RelativeLayout 1 RelativeLayout简介 RelativeLayout是相对布局. RelativeLayout布局属性 1.1 与parent相对的属 ...
 - Gulp.js - 简单、直观的自动化项目构建工具
			
Gulp.js 是一个简单.直观的构建系统.崇尚代码优于配置,使复杂的任务更好管理.通过结合 NodeJS 的数据流的能力,你能够快速构建.通过简单的 API 接口,只需几步就能搭建起自己的自动化项目 ...
 - 三元组表压缩存储稀疏矩阵实现稀疏矩阵的快速转置(Java语言描述)
			
三元组表压缩存储稀疏矩阵实现稀疏矩阵的快速转置(Java语言描述) 用经典矩阵转置算法和普通的三元组矩阵转置在时间复杂度上都是不乐观的.快速转置算法在增加适当存储空间后实现快速转置具体原理见代码注释部 ...