一、首先，打开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——图文混排页面的更多相关文章

  1. （旧）子数涵数·DW——网页制作的流程

    PS:这是我很早以前的一个废掉的项目. 当时用的还是table排版,现在基本都是div了吧. 这个项目前段时间,我还抢救过一次,后来还是放弃了. 先行.网页制作的流程分为哪些呢? 一.网站策划(当时, ...

  2. CoreText 实现图文混排

    CoreText 实现图文混排 相关博文推荐 IOS CoreText.framework - 基本用法 IOS CoreText.framework - 段落样子CTParagraphStyle h ...

  3. 使用android SpannableStringBuilder实现图文混排，看到许多其他

    项目开发需要达到这种效果 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZmFuY3lsb3ZlamF2YQ==/font/5a6L5L2T/fontsiz ...

  4. Unity UGUI图文混排源码(三) -- 动态表情

    这里是根据图文混排源码(二)进一步修改的,其他链接也不贴了,就贴一个链接就好了,第一次看这文章的同学可以先去看看其他几篇文章 Unity UGUI图文混排源码(二):http://blog.csdn. ...

  5. Android--多线程之图文混排

    前言 本周一直在说Android多线程的那些事儿,本篇博客聊一聊Android开发中一个比较经典的案例,网络数据图文混排,本片博客的案例只涉及关于开启多线程访问网络数据,不涉及缓存的内容.众所周知,从 ...

  6. XMPP键盘订制实现图文混排

    在现阶段的通信服务中,各种标准都有,因此会出现无法实现相互连通,而XMPP(Extensible Message and presence Protocol)协议的出现,实现了整个及时通信服务协议的互 ...

  7. Unity插件之NGUI学习（5）—— 创建Label图文混排及文字点击

    创建一个新的Scene,并按 Unity插件之NGUI学习(2)创建UI Root. 准备工作,制作Font.如今Project窗体创建一个Font目录.然后从系统自带字体目录中选择自己须要的字体,我 ...

  8. 用NSAttributedString实现简单的图文混排

    iOS7以后,因为TextKit的强大,可以用NSAttributedString很方便的实现图文混排(主要是利用了NSTextAttachment). 关于Textkit的牛逼之处,可以参考objc ...

  9. 图文混排－－CoreText的简单运用

    常见的在一些微博微信中可以看见一段文字中有不同的字体,字体有不同的颜色,并且可能会有一些笑脸之类的表情,这些可以通过图文混排做到. 图文混排可以通过WebView和CoreText做到,其他还有别的方 ...

随机推荐

  1. Winform 数据库连接app.config文件配置 数据库连接字符串

    1.添加配置文件 新建一个winform应用程序,类似webfrom下有个web.config,winform下也有个App.config;不过 App.config不是自动生成的需要手动添加,鼠标右 ...

  2. 大型网站系统架构演化之路【mark】

    前言 一 个成熟的大型网站(如淘宝.天猫.腾讯等)的系统架构并不是一开始设计时就具备完整的高性能.高可用.高伸缩等特性的,它是随着用户量的增加,业务功能的 扩展逐渐演变完善的,在这个过程中,开发模式. ...

  3. 条件注释判断IE浏览器

    最近在用jquery 2.0 才知道已不支持IE6/7/8 但又不想换回 jquery 1.X; 找了一资料发现条件注释可以解决这个问题 这个也像程序中的条件判断,先来介绍几个单词lt :Less t ...

  4. [转]SharePoint开发中可能用到的各种Context（上下文）

    SharePoint是一个B/S结构的产品,所以在开发过程中会使用到各种各样的上下文(Context)信息,借此机会来总结一下.特别是Javascript的Ctx非常实用,这里记录一下! 一.Http ...

  5. ADO.NET 3.5高级编程：应用LINQ&Entity Framework

    http://item.jd.com/10080604.html 第1部分 ADO．NET3．5概览第1章 使用ADO．NET3．5提供的新方法访问数据1．1 语言集成查询LINO1．1．1 LIQ  ...

  6. linux ckconfig

    linux自定义开机启动服务和chkconfig使用方法 linux自定义开机启动服务和chkconfig使用方法 1. 服务概述在linux操作系统下,经常需要创建一些服务,这些服务被做成shell ...

  7. 初识js中的闭包

    今天看了关于js闭包方面的文章,还是有些云里雾里,对于一个菜鸟来说,学习闭包确实有一定的难度,不说别的,能够在网上找到一篇优秀的是那样的不易. 当然之所以闭包难理解,个人觉得是基础知识掌握的不牢,因为 ...

  8. vs2013update4 vs-mda-remote cordova真机测试ios

    1.升级vs2013到update4 2.下载安装vs_langpack-enu英语语言包 3.下载安装vs2013mda目前版本0.3.1 如果开发andorid,需要android sdk,ant ...

  9. bootstrap插件学习-bootstrap.tab.js

    先看bootstrap-tab.js的结构 var Tab = function ( element ) {} //构造器 Tab.prototype ={} //构造器的原型 $.fn.tab = ...

  10. django 快速实现登录

    前言 对于web开来说,用户登陆.注册.文件上传等是最基础的功能,针对不同的web框架,相关的文章非常多,但搜索之后发现大多都不具有完整性,对于想学习web开发的新手来说不具有很强的操作性:对于web ...