dw制作简单网页

H5播放器或者FLASH播放器，网上很多插件的，直接去下载啊。代码看不懂你再发上来，我帮你看。这个三言二语说不清。

比dreamweaver还方便的软件？dreamweaver可视化操作应该是最方便的了，还没有其他软件在这方面能够超越它吧，也非常适合初学者使用。和它比较相似的比如Microsoft Visual Web Developer等等还有其他不少网页制作编程软件，对于编写代码来说提供了非常方便的功能；还有的软件占用空间小，但功能比较强大等等。但是这些软件不适合初学者使用。像Notepad plus、Pspad、editplus、netbeans、komodo edit······这些都是很不错的网页制作软件。

利用Dreamweaver制作一个个人虚拟网站的步骤如下：1、打开DW，DW界面如图2、分析所制作的网页的需求，明确目标3、明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。4、新建站点弹出来的窗口。在这里以“新闻网页”来举例，放在Dreamwaver CS6文件夹下的新闻网页文件夹5、在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片6、新建HTML，选择“创建”7、在“标题”中输入“新闻网页首页”，转换到“设计”界面8、根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置9、插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”10、在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”11、插入图像，不知道怎么填的话就一直选择“确定”即可12、插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图13、选中第二行，点击鼠标右键，选择“表格”，“合并单元格”14、在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件15、点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际16、当然也可以在Dreamwaver CS6 的实时视图中完成第15步

一个网站至少要包括域名和主机空间，域名是平时所说的网址，空间是用来放网页文件的。 1、申请域名：域名需要便于记忆、了解，越短越好，可以是您品牌的英文或中文拼音或简称。 2、申请主机网站：如果会用DW等软件设计网页就用虚拟主机；如果不会设计就用速成网站做，会打字就可以做网站，操作简单，功能强大。注意：国内主机必须备案成功后才能用您自己的域名访问，备案的网站显得正规些，网站备案一般需要几个工作日左右。速成网站国际版不用备案，即可直接使用。希望可以帮到您，可加一下我。

网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 ★要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。 此外还有一些网络编程工具，javascript、java编辑器等。 网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！ 祝你成功。 ★你可以结合 Dreamwaver 和 Photoshop 来制作网页。

1. 打开DW，DW界面如图2. 分析所制作的网页的需求，明确目标3. 明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。4. 新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹5. 在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片6. 新建HTML，选择“创建”7. 在“标题”中输入“新闻网页首页”，转换到“设计”界面8. 根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置9. 插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”10.在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”11.插入图像，不知道怎么填的话就一直选择“确定”即可12.插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”13.选中第二行，点击鼠标右键，选择“表格”，“合并单元格”14.在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件15.点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际16.当然也可以在Dreamwaver CS6 的实时视图中完成第15步

下面是一个简单的页面，你复制下来放在dw里面就可以直接运行了！但是有地方需要修改的！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns= http://www.skyviewtech.com.cn > <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <script type="text/javascript" src="js/update8.js"></script> <!--把下面代码加到<head>与</head>之间--> <style type="text/css"> #fader{position:relative;overflow:hidden;height:300px;width:500px;} #fader li{position:absolute;left:0;top:0;} ul,li{list-style:none;margin:0;padding:0;} img{display:block;} .fader-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#333;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;} .fader-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#ff7a00;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;} </style> </head> <body> <!--把下面代码加到<body>与</body>之间--> <div id="fader"> <ul> <li><img src="js_img/8-24/images/01.jpg" alt="红叶传情"></li> <li><img src="js_img/8-24/images/02.jpg" alt="野花绽放"></li> <li><img src="js_img/8-24/images/03.jpg" alt="往事如茶"></li> <li><img src="js_img/8-24/images/04.jpg" alt="油菜花开"></li> <li><img src="js_img/8-24/images/05.jpg" alt="玫瑰情思"></li> </ul> </div> <script type="text/javascript"> var fader = new Hongru.fader.init('fader',{ id:'fader' }); </script> </body> </html>

一、工具：Dreamweaver CS6二、操作步骤：【1】新建一个ASP网页并且保存。如图所示【2】连接好数据库，【3】 在网页中插入模板的内容，并添加好各个超链接【4】页面设计好后把网页另存为模板。操作如图所示。【5】接着在需要编辑的部分插入“可编辑区域”，操作如图所示。【6】保存后，就可以在网站根目录下的“Templates”文件夹下看见刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。