网页设计照片和文字（网页设计图片与文字排版步骤）
本文目录一览：
网页设计时如何将图片和文字位于同一水平
想让文字和图片在同一水平线上，总结起来就是将图片设为背景图片，并添加padding-left，然后定位一下图片的位置。
text-align：right；搭配空字符来实现图片右居中 float：right；直接实现 position：absolute/relative/fixed；通过设置定位的位置实现。复合方式实现，例如在图片前面搭配一个 然后将图片挤到右边。
小技巧：诸如“#008800”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做：给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。
网页设计的三个技巧
打动客户 情感化设计要能打动客户。建站的网页设计要能给用户带来感情的依赖。Windows有一个很经典的例子，就是开机的欢迎您。这个欢迎您，并没有什么技术难度，却给人很温馨的感觉。
网页设计小技巧4：规划上页面与页面之间存在一样有些，要学会简化。当两个页面有有些板块一样，最佳不要去让两个页面独立存在，能够将两个一样有些独立出来。选用程序调用一起有些。以削减页面代码。
优化使用的图片，会获得更好的页面加载速度 使用正确的网页格式图，能让网站访问速度提升一半。
网页设计时如何将图片和文字位于同一水平?
1、想让文字和图片在同一水平线上，总结起来就是将图片设为背景图片，并添加padding-left，然后定位一下图片的位置。
2、水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”，然后单击“水平线”按钮即可添加一条水平线。Html代码为。
3、插入图片后，默认是嵌入型的，所以只要单击格式工具栏上的居中按钮即可。如果不是嵌入型的，可以通过绘图工具栏上的绘图菜单-对齐或分布，勾选“相对于页”，然后再设置水平居中。
