Dw
![7db76739bd9029fcfee698f2a5ff05c3.png](https://i-blog.csdnimg.cn/blog_migrate/fbb67781d80316a8766a0dad2d55bce2.png)
![fc3b0202e295bd1762f608890965e31d.png](https://i-blog.csdnimg.cn/blog_migrate/ab2fd0ce6acfc76fb1317f1dcff42c06.png)
HEALTHY OPTIMISM · LOVE LIFE
Dreamweaver是针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
对象面板主要功能相当于插入菜单,主要是向网页中插入一些对象。如表格,框架,图象,层,Flash动画等,它通过一个下拉菜单,把要插入的选项都包括在了其中。每一个选项中都有若干个图标,只要在图表上单击一下,就可以插入想要插入的对象了
属性面板包含了所要编辑的文字的所有内容,如字体,颜色,大小,连接,缩进等。单击右下角的向下的小三角箭头,会展开属性面板,它把一些不常用的属性也列出来。属性面板很多,还有图象属性控制面板,层属性控制面板等对象的属性控制面板,用户只要选择要编辑的对象,它就会自动变化。
![e02dcab9417ae69b01f9597daaa9ac88.png](https://i-blog.csdnimg.cn/blog_migrate/643e2c075502db724a3fa1b9b0aa60f8.jpeg)
![f806e31fc0f903a0b3776e4f0f74b9ce.png](https://i-blog.csdnimg.cn/blog_migrate/4024a2f1cffe26e68da3700a7f0a683d.png)
![d257344f36c9e3192287df72a02e1bcb.png](https://i-blog.csdnimg.cn/blog_migrate/638c1018d12a871e22d1de3c62d47168.png)
![bb03a5318b98be2e51cb36ad28da1a8a.png](https://i-blog.csdnimg.cn/blog_migrate/e9d405d7a4e19570a913383b4e4ba5a3.png)
![fc3b0202e295bd1762f608890965e31d.png](https://i-blog.csdnimg.cn/blog_migrate/ab2fd0ce6acfc76fb1317f1dcff42c06.png)
1.打开DW软件—新建—点击HTML网页
2.点击菜单栏“站点”—新建站点(命名、选择存储位置)
3.点击右下角本地文件中“站点”— 新建三个文件夹:分别命名为files、images、other —再新建一个文件命名为homepage—点击homepage—在里面插入表格(11行1列 表格宽度 1024像素)
![2a05b01efd8dffe534b8c19acd5f5cda.png](https://i-blog.csdnimg.cn/blog_migrate/2a3db13abb114a4a3078fff496361acd.png)
![61386ed6af038adfecf9b15c75c26a27.png](https://i-blog.csdnimg.cn/blog_migrate/1d088d69a84d4cc23d83d755031789c0.jpeg)
![863d22e3d117c309864772dae3abdb57.png](https://i-blog.csdnimg.cn/blog_migrate/962b0265864e81825773615763913acb.png)
4.缩小软件页面 把素材图片放到新建的imagas文件夹里
5.把素材里的图片插入在homepage里的表格的第一行顶端。(图是:名称和logo)
6.在第二行插入微信图片,调整大小,拉长撑满表格第二行
在第三行插入1行8列的表格
在表格内以此输入以下内容:首页 千与千寻 龙猫 天空之城 起风了 哈尔的移动城堡 幽灵公主 风之谷
选中这个8列的表格,在表格的属性区选择居中对齐方式。
![fc3b0202e295bd1762f608890965e31d.png](https://i-blog.csdnimg.cn/blog_migrate/ab2fd0ce6acfc76fb1317f1dcff42c06.png)
7.在第四行插入一个1行2列的表格。把新建的表格的中间那条分隔线把分隔线往左移,移到想要的位置。再短一点的框框里插入我们需要的图片(老年人图片)。选中图片,然后在图片属性选择所需的高度和宽度。在长的框框里插入文字,直接复制粘贴过来,全选文字,调整样式(字体大小为24号)—属性—默认字体—在弹出的对话框中输入ys1 —点击确定 (mg图片标签 p段落标签)
![1feec0e6aa683474d0d1af9f454b4750.png](https://i-blog.csdnimg.cn/blog_migrate/74a6b8c0e6188f0b555a2e1670bb9c62.png)
![d457eaafba8a9c0cdccc15510a3383fa.png](https://i-blog.csdnimg.cn/blog_migrate/9223573a176056f913897fb46f2f766d.jpeg)
8.在第五行新建一个1行2列的表格。把表格中间的分界线往右移移到想要的位置。在右边的框插入母子图像。拖动图片调整位置
在左边的框框插入早年经历大段文字(调整文字大小)。把早年经历四个字设置成为标题
9.选中文件files—右击新建文件,命名为qianyuqianxun—双击新建的文件,在新打开的页面中的标题一栏输入qianyuqianxun。返回首页—选中千与千寻文本—点击属性—点HTML—点击链接后面的小圆圈标识拖动到qianyuqianxun文件处,
![fc3b0202e295bd1762f608890965e31d.png](https://i-blog.csdnimg.cn/blog_migrate/ab2fd0ce6acfc76fb1317f1dcff42c06.png)
10.点击右下角新建的《千与千寻》文件,打开新的页面之后插入一个4行1列的表格。选中整个表格—居中对齐。插入logo
在第二行插入一个1行2列的表格。把中间的分隔线拖到想要的位置。在左边的框框选择《千与千寻》素材图片任意一张,调整大小。在右边的框框插入一个2行3列的表格,在表格的第二行分别插入三张图片。在第一行分别输入千与千寻标题,点击代码——找到《千与千寻》标题的代码。设置为二级标题的效果。
重复第10步的操作,把其他的内容也链接起来和完善里面的内容
11.点击菜单栏"文件"——保存
![fb67607c09d9dcb61bc80efdc22c415c.png](https://i-blog.csdnimg.cn/blog_migrate/f94f2382a24c755b323ef6f7cb746ac3.png)
![58471f1feeea5d5819e0e35c85611a96.png](https://i-blog.csdnimg.cn/blog_migrate/2d77138538eed2f267b65bb9cca5a562.png)
![fc3b0202e295bd1762f608890965e31d.png](https://i-blog.csdnimg.cn/blog_migrate/ab2fd0ce6acfc76fb1317f1dcff42c06.png)
![d8385d57001a03c472b9f437deef1288.png](https://i-blog.csdnimg.cn/blog_migrate/333c379a92ef7cf2c23abfc9fcae7dbe.jpeg)
扫码关注我们
![0e6652478c6743e083488c5a438b09e4.gif](https://i-blog.csdnimg.cn/blog_migrate/f1ecdedf58a6ccbf40c464f159e27ab5.gif)
球分享
![0e6652478c6743e083488c5a438b09e4.gif](https://i-blog.csdnimg.cn/blog_migrate/f1ecdedf58a6ccbf40c464f159e27ab5.gif)
球点赞
![0e6652478c6743e083488c5a438b09e4.gif](https://i-blog.csdnimg.cn/blog_migrate/f1ecdedf58a6ccbf40c464f159e27ab5.gif)
球在看