DW网页教程基础篇helloworld【dw教程】

1、打开AdobeDreamweaverCS。

2、执行"文件>新建"命令或按住Ctrl+N键打开【新建文档】对话框，选择其页面类型为HTML，设置布局为无，单击"创建"按钮，即创建一个网页文档，如下图所示。。

3、执行"插入>图像"命令或按住Ctrl+Alt+I键打开【选择图像源文件】对话框，选择名为"战神"的图片，单击"确定"按钮，如下图所示。。

4、在弹出的【Dreamweaver】对话框中单击"确定"按钮，如下图所示。。

5、在弹出的【图像标签辅助功能属性】对话框中单击"确定"按钮，将其插入到当前文档，如下图所示。。

6、执行"窗口>行为"命令或按住Shift+F4键打开【行为】面板，如下图所示。。

7、在"添加行为"下拉列表中选择"弹出信息"命令，如下图所示。。

8、在弹出的【弹出信息】对话框中输入文本，单击"确定"按钮，如下图所示。。

9、保存添加行为后的网页，按住F12键可以在浏览效果，将指针移至图像上，点击图像，弹出信息框，如下图所示。。

1、我们要用到的工具叫做DreamweaverCS当然，CC以及其他版本都同样适用。。

2、虽然有很多大神叫嚣可以用txt直接建站，但是，一款好的工具，是一个成功网站的开始。所以我们首先来找一款好的工具。初建站大多用微软的frontpage，但是由于其功能较专业工具比较少，所以慢慢被摒弃。。

3、安装完DreamweaverCS6后，我们打开软件，进入初的界面。然后可以找到第一个选项：HTML，具体意思大家自行查看。。

4、单击，就可以进入编辑页面了。。

5、和其他软件差不多，dw也分为菜单栏这些。这个就不用一一说明了。不过，有几个命令得说一下。左上角我们点击代码，就会进入单独的代码视图。。

6、当然，如果选择拆分，会同时出现代码视图以及预览视图。。

7、预览是可视化的，代码是数据化的，这个应该比较容易。一般来说，两者相互，我们在代码视图写入代码，视图将会把代码转换为可视化的视图呈现出来。。

8、比如我们在代码区输入时光电影图解【sgtjmovie】保存（ctrl+S）。

9、那么，预览视图就会出现相应的内容了。。

10、第一课到这里，喜欢学习的朋友们可以继续关注哦。。

1、选择“站点”>“管理站点”命令，打开“管理站点”对话框。。

2、选中要复制的站点，点击“右下小图标”来复制站点。。

3、复制完成后，如下图所示。。

4、选中要删除的站点，点击“右下减号小图标”来删除站点。。

1、打开AdobeDreamweaverCC20。

2、执行菜单栏中的"文件>新建"命令或按住Ctrl+N键打开"新建文档"对话框，选择其文档类型为HTML，单击"创建"按钮，即创建一个网页文档。。

3、和之间添加"标题字标题字标题字标题字标题字标题字"，如下图所示。【基本语法】标题文字【语法说明】标题标记本身具有换行的作用，标题总是从新的一行开始；#用来指定标题文字的大小，#取1~6的整数值，取1时文字大；取6时文字小。align属性：设置标题字的对齐属性。left:居左对齐center：居中对齐right:居右对齐。

4、和之间添加"标题字"，如下图所示。。

5、和之间添加"标题字"，如下图所示。。

6、和之间添加"标题字"，如下图所示。注：若没有align属性，就让文字处于居左对齐。。

1、dreamweaver与flash、fireworks这三款软件被称为“网页设计三剑客”。。

2、DWcs6不仅是一款优秀的所见即所得的网页设计软件，还兼顾了html源代码，你可以单独使用其中的一种方式来开发你的网页也可以两个同时使用。。

3、操作界面主要由标题栏、菜单栏、文档窗口、插入栏、属性面板、浮动窗口这些工具构成，当然这些可以根据自己的需要来调节显示还是不显示。。

4、菜单栏上的每个菜单选项下面都有一个菜单，每一行的菜单命令都可以进行一些相关的命令执行或属性的设置。。

5、插入菜单是我们在设计网页时经常使用到的，有一种排版方式是使用表格对页面进行排版（不推荐现在多用DIV+CSS）,插入表格就可以在插入菜单选择表格进行插入。。

6、可以在单击表格后对要插入的表格进行相关的属性设置。

7、如图插入了一个表格。

8、文档窗口里我们可以直接输入文字，输入的文字将直接称为我们网页的内容，。

9、还有属性面板：属性面板显示当前选定的对象或者是文本的属性，也可以在这里直接修改属性。。

10、浮动面板：浮动面板通常是一些功能近似的面板，它们可以是折叠状态也可以是展开状态，你可以通过单击标签来展开或折叠它们。。

1、先下载好视频文件，或者去在线看。百度一下网址。如图所示。。

2、当你要学习哪些课程的时候,就点击先看看,听听.。

3、为了方便演示,我点击了一个“如何新建网页文件”的视频.。

4、在学习的过程中,你看老师是如何讲的,然后,同一个操作,你要多多练习,看完听完了过后,要自己打开软件去实践一下.。

5、老师讲的,他点击的,有可能很顺利,但是对于一个新手来讲,是难过那一关的.。

6、如果自己还有点钱的话,自己可以去买个域名,买个空间,自己搭建一下网站.这样容易学得快一些.。

1、先下载好视频文件，或者去在线看。百度一下网址。如图所示。。

2、当你要学习哪些课程的时候,就点击先看看,听听.。

3、为了方便演示,我点击了一个“如何新建网页文件”的视频.。

4、在学习的过程中,你看老师是如何讲的,然后,同一个操作,你要多多练习,看完听完了过后,要自己打开软件去实践一下.。

5、老师讲的,他点击的,有可能很顺利,但是对于一个新手来讲,是难过那一关的.。

6、如果自己还有点钱的话,自己可以去买个域名,买个空间,自己搭建一下网站.这样容易学得快一些.。

1、在电脑上点击打开【Dreamweaver】软件。。

2、点击【文件】-【新建】。。

3、页面选择【HTML】点击右下角的【确定】。。

4、创建完成后点击功能栏的【表格】。。

5、表格大小属性更具需要调整，然后点击【确定】。。

6、点击表格，在点击【图像】。。

7、然后选择一张【图片】，点击【确定】。。

8、添加完图片，在旁边在输入一些【文字】即可。。

9、打开【Dreamweaver】软件。点击【文件】【新建】。选择【HTML】点击【确定】。点击【表格】。输入表格参数后点击【确定】。点击表格，点击【图片】。选择【图片】点击【确认】。在旁边表格输入【文字】，网页打开显示图文。。

1、今天我们来看一下其他几个比较简单的代码。注意一般情况下代码的输入必须要用英文哦。首先我们看一下图片插入代码，在body之间输入：。

2、这个代码表示，插入一张名为jpg的图片，这时我们需要将图片命名为然后放在保存网页的根目录下。。

3、然后我们点击预览，看看效果。这样图片就被插进来了。。

4、然后我们看一下超链接的代码，同样在body中写入代码：sgtjmovie。

5、这样，当我们预览的时候，就可以发现，我们输入的这一行字，已经自带超级链接。如果我们做好网页，可以将代码更改为：sgtjmovie。

6、这个语句表示，当我们点击sgtjmovie这几个字，将自动跳转到1这个网页。我们新建一个名字为1的网页，测试一下。。

7、成功跳转，如果没有成功，应该是网页无法连接的界面。。

8、接下来我们看下插入邮箱的命令：跟我联系。

9、大家可以看到，这个代码和超链接的代码是一样的，以和起止，然后不过是双引号之间多了一个代码：mailto我们预览一下。。

10、点击蓝色字体，就可以直接打开本机的outlook了。也就是用来收发电子邮件的软件。。

11、好了，这节的三个代码就说到这里，希望大家牢记哦，这几个代码是常用了。。

转载请注明出处阿文说说网 » DW网页教程基础篇helloworld【dw教程】