ps网页制作教程视频

1在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮2选中需要处理的PSD文件，点击打开3在软件的导航栏中选择切片工具4用切片工具在图片上进行所需要的分割，如本例中分为上下两块5在软件左侧的菜单栏中点击文件，选择存储为WEB选项6在弹出的对话框中，点击存储。

1点击历史记录将前面的小方框勾选上2点开文件选择另存为3选择PSD文件格式，点击保存4下次要继续修改图片的话，直接打开你保存的PSD文件即可如何制作PSD文件1Photoshop打开图片，然后编辑好2Photoshop编辑好图片后，点击文件中另存为3点击存储为之后。

1使用工具栏上的“切片工具”2然后在图象上划出一块一块的区域3使用基于参考线的切片，按ctrl+R调出标尺栏4把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图5将参考线排好，然后点一下工具栏上的切片工具图表，然后点上面选项栏里的“基于参考。

网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站每个网页模板压缩包内包含PSD图片文件可用PhotoshopImageReady或Fireworks修改，按钮图片PSD文件Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容创建和设置 1模板的概念作为创建其它文档的样板。

4合理切割PSD文件，导入保存成图片形式 5建立网站后台文件，检查后台栏目跟块名没问题后上传到服务器 6使用Dreamweavers对PSD样板页的样式规定进行网页排版制作，设计规范合理，扩充性强无多余累赘代码 7建立网站的字体，表单按钮所需要的Css样式表 8设计每个栏目的模板页和PHP页面，并对不同的元素使用。

用photoshop打开后，编辑修改部分图片或文字，符合自己需要后，点菜单上的文件存储为web所用格式，输出就是html网页你要保存为GIF或JPEG在粘到现有网页中去也随你，那要就要用网页编辑软件了，比如常见的DreamweaverFrontPage 推荐几个现国内比较知名的素材网站吧 大图网 一个非常优秀的免费素材。

首页现实第一段！添加展开按钮！当按展开按钮是展开第二段的内容！以此类推！这总方法适合javascript 用JavaScript也可以用多行文本框！想多行文本框里面载入你的文章即可！也可以用Jquery方便的实现你想不到的效果！也可以用显示或隐藏的方发做！固定显示文章区的大小！向该区域载入文章最后添加滚动条即可这种。