用屏幕录像啊。。。。。

  先从最简单的 HTML 网页入手；选择 Dreamweaver 4。0MX Fireworks 4。0 MX Flash 5。0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具；制作前，粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程，了解这几个软件到底能做些什么；制作你的第一个实验性的网站， 遇到困难，可买本《新编网页制作》的书，找最新版本的，新华书店就有。
  资料网上也有的是，如果遇到问题难以解决，请将问题提出，让更多高手为你解答； 初级阶段：应初步掌握 三剑客网页工具的基本操作：策划和制作你的第一个网站；不断为你的网站增加内容与功能（例如尝试将一些 Java Script 小程序添加到你的网页中。
   进阶阶段：具有一定的网页制作经验，制作一般的网页已经不在话下：根据个人喜好及实际需要，网页制作的方向，你可以学习一些美术方面的知识；锻炼自己在网站策划及信息采辑的技能；尝试制作其他不同类型的网站，从模仿别人开始，逐渐形成自己的设计风格；熟练操作 三剑客网页工具，并至少能读懂 HTML 及 JavaScript的简单语言。
   好了！这样，你的网页制作水平就离高手就不远了。

（若我的回答对您有帮助，记得点击下方【好评】哦，谢谢！）。

PhotoShop一款优秀的设计工作室网页设计制作教程

  　　像往常一样，希望通过实例教程传递布局构架理念，不只是在告诉大家网站是如何一点点设计出来的。所以希望看到灵活应用的更多扩展版本。期待你的创新。 　　在本教程中，你将学习如何创建一个Fancy的设计工作室网页布局。 　　1、首先，你需要下载以下两个素材图片。
   　　用PS打开第一张图片，然后点击 编辑>定义图案。选择这种模式的名称，然后就可以关闭这个文件了。 　　2、这是第二张图片。请下载原始尺寸图片，或者在下载压缩包里找到它。 　　3、创建新文件，Size：1100*1260px。
   　　选择油漆桶工具，选择图案模式，找到刚设置的素材图片，点击背景层，你将看到画布有了想要的纹理。 　　4、在页面布局的底部，填入第二张图片，命名该图层为“bottom”，设置图层模式为正片叠底。 　　5、Copy第二张图片得到“bottom副本”，移动到页面中上部位置。
   相关教程： PS制作网页banner广告教程 Photoshop制作清凉水中网页模板 PhotoShop切片工具切割图片转成网页格式教程。

哪里可以找到网站设计素材和网站制作教程？

我这有个我最初学习网站建设的好网站，可以作为参考去学习，很适合初学者的，里面的内容也很丰富。

学习网络网站多的很啊，例如

Flash_8中文版教程-素材更多资料>>

PS制作网页设计中立体卷页效果教程

　　最终效果： 　　1) 利用圆角矩形工具建立一条路径;使用转换点工具移动左上角路径节点,使其产生卷页的形状; 　　2) 用任意一种色彩填充工作路径;再复制下半部分;对其添加图层样式,如图所示. 　　3) 用任意一种色彩绘制一个圆角矩形;将其图层移至红色矩形之后;添加图层样式,如图所示. 　　4) 再新建一层,绘制圆色矩形,颜色为黑色,高度与红色矩形相同;按CTRL键点击黑色矩形所在图层,调出黑色矩形选区,将选区向左移动一定的距离,按Delete键删除; 　　将黑色矩形置到白色矩形下面,改变其图层透明度40%;如图所示.