Dreamweaver的代码与设计简单结合的运用

首先在设计里面写好自己需要的内容,在文字设置中,选中要设置的文字,然后点击属性栏的css,把目标规则改为新内联样式,然后在改变字体的大小颜色样式,然后在代码里面根据需要再修改;

图片插入是在菜单栏点击插入-图像-选择要添加的图片,光标在哪儿就会插入在哪儿,插入图片过程中会弹出一个对话框,可以添加替换文本,也可以直接点击确定;

<style>
body p {
 background:pink;
 font-weight: bold;
}#two{
 background:pink;
 text-indent:70px;
}#test1{
 text-indent:50px;
}#test2{
 text-indent:50px;
}#test3{
 text-indent:50px;
}#test4{
 text-indent:50px;
}#test5{
 text-indent:50px;
}#test6{
 text-indent:50px;
}#test7{
 text-indent:50px;
}#test8{
 text-indent:50px;
}
</style>
</head>
<body>
<div>
  <h1  id="two" style="font-family: hakuyoxingshu7000; color: #0CC;">《从你的全世界路过》</h1>
  <p id="test1">   <span style="font-family: hakuyoxingshu7000; font-size: 24px;">不管谁说真话,谁说假话,都不过是岁月的<span style="font-family: hakuyoxingshu7000; color: #C00;">一张便笺</span>。</span></p>
  <p  id="test1" style="font-family: hakuyoxingshu7000; font-size: 24px;"> 雨会打湿,风会吹走,它们被埋进土里,埋在你行走的路边,慢慢不会有人再去看一眼。</p>
  <p  id="test2"  style="font-family: hakuyoxingshu7000; font-size: 24px;">在一切<span style="font-family: hakuyoxingshu7000; color: #3F0;">美好的时光</span>里,都闪烁着我们所有人的影子。</p>
  <p  id="test3"  style="font-family: hakuyoxingshu7000; font-size: 24px;">有些东西明明一文不值,却舍不得丢掉,</p>
  <p  id="test4"  style="font-family: hakuyoxingshu7000; font-size: 24px;">有时候找不着还会急得坐立不安。</p>
  <p  id="test5"  style="font-family: hakuyoxingshu7000; font-size: 24px;">问题是它们越来越旧,越来越老,而我已经渐渐不敢看着它们。</p>
  <p  id="test6"  style="font-family: hakuyoxingshu7000; font-size: 24px;">它们装在盒子里,放在角落里,<span style="font-family: hakuyoxingshu7000; color: #F0C;">像一部部电影</span>,</p>
  <p  id="test7"  style="font-family: hakuyoxingshu7000; font-size: 24px;">随时都能让我重新看到<span style="font-family: hakuyoxingshu7000; color: #30F;">一场大雨</span>,</p>
  <p  id="test8"  style="font-family: hakuyoxingshu7000; font-size: 24px;">一次分离,一杯咖啡,一个拥抱……</p>
</div>
<div>
  <p><img src="pt.jpg" width="320" height="240"   /> <img src="three.jpg" width="361" height="240"  />  <img src="four.jpg" width="320" height="240"   /></p>
</div>
</body>

时间: 2024-12-28 00:35:03

Dreamweaver的代码与设计简单结合的运用的相关文章

如何修改Dreamweaver CS5拆分代码和设计为上下拆分

Dreamweaver CS5在拆分代码和设计同时显示的时候默认是左右拆分的,如何改为上下显示:在标题栏那边有一个布局小图标,里面有一个“垂直拆分”的菜单项,把这项的勾勾去掉就可以了 如何修改Dreamweaver CS5拆分代码和设计为上下拆分

响应式网页设计简单入门(强烈推薦!!!!)

响应式网页设计简单入门 Overview: 构造基本的HTML页面 动态加载样式表 Viewport 字体缩放 侧边栏 导航菜单 图片自适应 其他 总结 说到响应式网页设计(Responsive web design),最近在谷歌加上碰到个奇葩贴子,通过一个原始到无法再简单的网页Motherfucking Website及满屏幕的fuck道出了网页设计的真谛,这孩子不是个激进分子就是个报复社会型的货没错,虽然整篇文章就像是泼妇骂街,但我特么是笑着读完的.. 统计了下全文共用Fuck (包括fuc

《重构——改善既有代码的设计》读书笔记

重构--改善既有代码的设计 1 重构概述 1.1 重构的概念(What) Refactoring 名词:对软件内部结构的一种调整,目的是在不改变软件可观察行为的前提下,提高其可理解性,降低修改成本. 动词:使用一系列重构方法,在不改变软件可观察行为的前提下,调整其结构. 1.2 为什么要重构(Why) 改进软件设计 提高代码质量和可读性,使软件系统更易理解和维护 帮助尽早的发现缺陷 提高编程速度 1.3 何时重构(When) 何时重构: 1)随时随地进行. 2)三次法则:第一次做某件事只管去做:

【转】PHP 杂谈《重构-改善既有代码的设计》之一 重新组织你的函数

原文地址: PHP 杂谈<重构-改善既有代码的设计>之一 重新组织你的函数 思维导图 点击下图,可以看大图. 介绍 我把我比较喜欢的和比较关注的地方写下来和大家分享.上次我写了篇<php 跟老大的对话>.还是有很多疑问,这书帮了我不少的忙. 如果你比较繁忙,或者懒得看文字,建议你直接看截图,也会有很大的收获的.你可以通过比较截图中的代码就能知道孰优孰劣了. 代码部分我为什么用图呢?因为我经常用手机看代码,博客园的代码在手机里乱七八糟的,还是看图比较舒服. 专业术语 我们毕竟是用英文

Verilog代码可移植性设计(转自特权同学博客http://bbs.ednchina.com/BLOG_ARTICLE_1983188.HTM)

最近开始学习FPGA,之前项目中仅用过parameter,在CrazyBingo的<FPGA设计技巧与案例开发例程详解>中看到使用localparam,以及在366页中简单介绍了下‘define,parameter和localparam的区别.查找特权同学博客发现其曾经讲诉过.文中红色阴影处为文中错误. Verilog代码可移植性设计 1.       参数定义 localparam,实例代码如下: module tm1( clk,rst_n, pout ); input clk; input

文档驱动式代码设计器——代码是设计出来的!

代码是敲出来的吗?是批量生成出来的吗? No no no,代码是设计出来的! 如果说到代码生成器,大家可能会想到三层.动软代码生成器.数据库表等等.其一般的思路是,先有数据库然后根据库里的表自动生成一系列的代码,包括实体类.持久化.业务层(空函数).页面代码等,还可以生成数据库文档.这个确实很好很强大,可以免除程序员的机械式的敲代码的工作. (“主要实现在对应数据库中表的基类代码的自动生成,包括生成属性.添加.修改.删除.查询.存在性.Model类构造等基础代码片断,支持不同3种架构代码生成,使

设计简单算法体验Vivado HLS的使用

前言 本文主要讲解了使用Vivado HLS设计简单C语言的二选一选择器算法的硬件HLS开发的全流程,包括工程创建-算法验证和仿真-算法综合-RTL仿真-IP封装等步骤. 参考网站: http://blog.chinaaet.com/cuter521/p/36069 http://blog.chinaaet.com/cuter521/p/36119 公司想要将立体匹配的算法进行硬件实现,无奈本人硬件小白一枚,看了基于verilog硬件实现的相关文档之后还是找不到感觉,其实FPGA进行硬件实现功能

《重构:改善既有代码的设计》——关于代码注释的唠叨

这几天在看<重构:改善既有代码的设计>英文评注版这本书,以前简单看过这本书,但并不是看的特别深入.经过了一段时间的"磨练",现在回来重新看这本书,又很多想法. 首先,这本书是一本好书,我感觉是软件工程师必看的一本书,而且如果有大量的编码经验看这本书会收获很大.这本书主要内容是代码重构. 在书中第3章中有这样一段话是用来描述代码注释的: A good time to use a comment is when you don't know what to do. In add

100行代码实现最简单的基于FFMPEG+SDL的视频播放器(SDL1.x)【转】

转自:http://blog.csdn.net/leixiaohua1020/article/details/8652605 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] 简介 流程图 simplest_ffmpeg_player标准版代码 simplest_ffmpeg_player_suSU版代码 结果 FFMPEG相关学习资料 补充问题 ===================================================== 最简单的基于FFmp