一、首先，打开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. Spring 注释 @Autowired 和@Resource 的区别

    Spring 注释 @Autowired 和@Resource 的区别 一. @Autowired和@Resource都可以用来装配bean,都可以写在字段上,或者方法上. 二. @Autowired ...

  2. centos 7.0 下触发器乱码的解决

    [root@iZ62jhlmmZ ~]# uname -a Linux iZ62jhlmsymZ 3.10.0-123.13.2.el7.x86_64 #1 SMP Thu Dec 18 14:09: ...

  3. 几种常用远程通信技术（RPC，Webservice，RMI，JMS）的区别

    原文链接:http://blog.csdn.net/shan9liang/article/details/8995023 RPC(Remote Procedure Call Protocol) RPC ...

  4. Windows下Git安装指南

    参考<Git权威指南>安装整理,图书配套网址参见[1] 1. Cygwin下安装配置Git 1. 在Windows下安装配置Git有2种不同的方案 (1)msysGit, (2)Cygwi ...

  5. Objective-C学习备忘录：Clang编译器编译运行Objective－C代码

    我们都知道可以通过Apple公司的Xcode工具来学习Objective-C编程语言,但是能不能脱离XCode这个IDE进行Objective-C学习呢?当然是可以的.首先作为计算机科班出身的程序员都 ...

  6. 学习使用:before和:after伪元素

    如果你一直密切关注着各种网页设计的博客,你可能已经注意到了:before和:after伪元素已经在前端开发中获得了相当多的关注.特别是在Nicolas Gallagher的博客中,后期运用了很多伪类元 ...

  7. lxde桌面默认快捷键

    ctrl+alt+左右      选择左右桌面shift+alt+左右     当前窗口送至左右桌面房子键+F1~F4       切换桌面1-4房子键+d           显示桌面alt+esc ...

  8. 个性化EDM数据营销的三大提醒

    EDM数据营销行业已经进入个性化时代.但是怎样实现个性化仍然是一个重大课题.国内领先的智能化邮件营销服务商Focussend一直致力于探索和研究邮件营销领域的先进知识和做法,旨在为企业和个人提供更多有 ...

  9. http协议客户端向服务器端请求时一般需要发送的内容

    out.println("GET /shopping/index.html HTTP/1.1");//请求行 包括请求方式,文件路径, http协议版本(必写)请求头.... ou ...

  10. ruby -- 基础学习（一）项目文件夹说明

    App文件夹子文件夾功能介绍 (1)controllers  存放驱动业务逻辑的控制器 (2)helpers       存放视图辅助类,一些常用的代码段 (3)mailers       Rails ...