ps切片后,如何用Dreamweaver排版呢

大家好,我水做淘宝店铺装修的,是个新手,求指教:这个是ps做好的店招,然后插入Dreamweaver里面。如下图:
我是建了3个表格,分别插入的,可是这样做出来的代码,放入天猫店铺后,就分节了,怎么整,求高手指教!!!

    PS切片之后,选择菜单“文件”-“存储为web格式”(快捷键ctrl+shift+alt+s);


    点击确定,选择格式和HTML 


    确定后出现图片和代码(images文件夹和html格式文件)



    将上图中的html文件用dreamwaver打开并且已经排版好;

    修改成自己想要的效果即可。


温馨提示:内容为网友见解,仅供参考
第1个回答  2015-03-26
你在ps切片保存的时候,选择“存贮为web和设备备用格式”,然后点击存储,那你选择保存在哪里时候,在“文件名”下面的“格式”选择为HTML和图像,然后再保存,这个时候文件夹里会出现一个HTML文件,你再用dreamweaver打开即可。本回答被提问者和网友采纳
第2个回答  2015-11-17
这个涉及到的内容太多
用html 和 CSS进行排版,还有javascript
html做框架,CSS做样式,javascript做特效
第3个回答  2015-11-01
当然是要写代码啊,你没学过的话是写不了的。
第4个回答  2015-03-16
用代码将这些固定起来追问

我是刚学Dreamweaver,不知道怎么固定呢,能不能直接在设计窗口里排好版,然后生成代码那样吗?

追答

不可以

追问

哦哦好的谢谢

ps切片后,如何用Dreamweaver排版呢
PS切片之后,选择菜单“文件”-“存储为web格式”(快捷键ctrl+shift+alt+s);点击确定,选择格式和HTML 确定后出现图片和代码(images文件夹和html格式文件)将上图中的html文件用dreamwaver打开并且已经排版好;修改成自己想要的效果即可。

ps切片后怎么用dw制作网页
小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图,一般都是psd格式的,小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具,就是那个小刀子形状的。请点击输入图片描述 之后在图片上切出想要做网页...

怎么把ps排好的版放到dreamweaver里去实现网页浏览?
利用photoshop的切片工具,对片进行切割,做好切片后,保存为web设备所使用的格式,在保存图片的时候,可以选择“切片和html”,或者“仅html”,也就是用photoshop生成了网页。把这个网页用dreamweaver打开,就可以再做修改。上面是比较简单的做法,一般来说用photoshop只进行切片,然后保存的时候选择“仅切片...

ps切片图片怎么用dreamweaver加链接?
回答:选中图片 在下面属性栏中加链接 就可以了

photoshop里做切片后生成web文件,导入dreamweaver编辑乱是错乱_百度...
PHOTOSHOP导出的WEB文件里,默认的布局是表格,然后是每个根据你切片形成的单元格里加入图片,而不是以背景的形式存在的,当你导入DREAMWEAVER的时候,只要一动其中的一个单元格或者单元格里面的图片,通过DREAMWEAVER的自动调整,布局自然会打乱,建议你把生成的WEB导入DREAMWEAVER之后,...

ps切片过后怎样再用dreamweaver编辑?
可以把文字改为黑色。去掉下划线。然后再新建个CSS规则为:a:hover 亲。这个不能输错哦。输好后是选择是复合内容。然后 选择颜色再加上下划线就OK啦。这个我截图给你哦。这样鼠标经过就变色啦。还有下划线呢。关于文字呢。最好是在DW里再写。不用做成图片。那样方便以后维护网站。好更改资料。

图片我都用PS 切片完了 现在像插入dreamweaver 布局了, 我不会分层插...
如果是初学制作网页的话,你就用表格镶套和层叠的方式在DW里面分别画出网页头部、导航栏、内容主体、页面底的表格,然后把切下来的图片分别放到相应的表格中。如果是做静态网页,就在图片的位置放图片,文字的地方放文字;如果是做动态页面,就要将动态图片、文字换成相应的代码。如果早已入门,那你就...

...后,也切片了存成WEB格式了,然后打开dreamwaver 再怎么做?
你用PS做好界面,然后一步一步给切出来,切出来后都给保存了,保存成jpg或者gif,然后按照你切图的思路,在DREAMWEAVER中新建跟切图模样一样的表格,再一张图片一张图片导进去,该做背景的就做背景。也不是很难。

PS用切片工具制作的网页布局怎么在Dreamweaver8怎么中插入背景_百度知 ...
将背景切成一像素的细条,在dreamweaver中,div设置成 body{ margin:0 auto; background:url(..\/images\/beijing.gif) repeat-x; width:1002px;}其中宽度可以自己设置,还有repeat-x是横向的重复,你的渐变是从上到下的就用x从左到右就用y,beijing.gif即1像素的背景切片 ...

photoshop切图怎么导入dreamweaver?
(1)首先用Photoshop软件打开素材图片,鼠标长按裁剪工具直到出现下拉选择框时,选择“切片工具”,如下图:(2)用“切片工具”对素材图片进行适当的切片分区。如下图:(3)点击Photoshop软件顶部菜单栏“文件”,在下拉菜单中选择“另存为web所用格式”,软件弹出对话框,如下图:(4)点击存储按钮,...

相似回答