網页制作webpage.pptVIP

; 网络已经来到了我们的身边，互联网向人们前面展示了一个丰富多彩的空间，网页在其中起着举足轻重的作用。网页设计不仅需要有很好的技术，还需要有良好的平面设计能力。成功的网页应该是一件艺术作品。 ; Dreamweaver既是针对专业网页设计者而特别开发的可视化网页设计工具，作为一个所见即所得的网页编辑器，Dreamweaver为用户提供了方便快捷的属性工具条、对象工具条、站点管理窗口及快速工具条等工具，不仅使得制作过程更加直观，同时也大大简化了网页制作的步骤。 ; Fireworks集合了矢量、位图绘图工具的优点，具有强大的web绘图功能。从扫描图片到绘制矢量图，从修饰位图到输出风格各异的按钮和Banner，从选择安全的调色板到优化图形，从分割图片到制作Image Map，从制作特殊文字效果到创建复杂、鲜活的动画……以往需要多个软件才能完成的工作，Fireworks统统都给解决了。 ; Flash是专门用来开发网络动画的，它在制作网络动画方面确实有许多独到之处。用它做的动画非常小，这是其它格式的动画制作软件所不能比拟的。 ;课程体系结构;网页制作基础HTML语言;HTML语言的基本概念;HTML语言的语法规则;HTML文件的结构;HTML文件的结构;页面 文字格式 列表 表格 图象和多媒体 超级链接 表单;HTML语言的标记及其用法;HTML语言的标记及其用法;HTML语言的标记及其用法;HTML语言的标记及其用法;HTML语言的标记及其用法;HTML语言的标记及其用法;HTML语言的标记及其用法;HTML语言的标记及其用法; HTML语言的标记及其用法;Dreamweaver界面;标题栏：显示当前正在编辑的文件的标题。括号中显示文件名； 菜单栏：Dreamweaver所有的功能都可以在菜单中找到； 工具栏：一些常用的操作图标。包括视图工具、页面标题工具、文件管理工具等。 文档窗口：其内容根据所选视图的不同而不同； 状态栏：显示当前文档的信息或一些编辑状态。包括 以下几种： 标签选择器: 页面信息； 微型发射台： 各种工具面板。;工具栏;状态栏;Launcher面板;对象（Objects）面板;;面板中各图标功能介绍;可以按下Ctrl+F3键（或windowproperties菜单）将其调出?? 属性面板主要用来设定元素的属性。 该面板随着我们选择对象的不同而不同。 面板中有一个向下的小三角图标，单击后将出现更多的扩展属性。再次单击小三角图标，将关闭扩展属性，恢复到最初状态。 下面给出的分别是选中窗口时（上）和选中图像时（下）的属性窗口：;代码面板;可停靠浮动面板;Dreamweaver的菜单;2. Edit菜单： Undo:取消上一步操作； Redo:重新执行被撤消的操作； Cut:剪切所选择区域并将内容复制到剪贴板上； Copy:将所选择内容复制到剪贴板中； Paste:将剪贴板上的内容放入到当前位置； Clear:清除所选区域的内容； Copy HTML:只将所选区域的HTML代码拷贝到剪贴板上； Paste HTML:将剪贴板中内容的HTML代码复制到当前位置； Save All:保存窗口中的所有文件； Select Parent Tag:选择当前标签的父标签； Select Child:选择当前标签的子标签； Find and Replace:查找与替换功能； Find Next:查找满足条件的下一个元素； Indent Code:代码缩进； Outdent Code:代码突出，不缩进； Balance Braces:匹配括号； Set Breakpoint:在当前位置设置断点； Remove All Breakpoint:删除所有断点； Edit With External Editor:启动外部编辑器进行编辑； Preference:UltraDev4的工作参数； Keyboard Shortcuts:设置菜单项和工具等的快捷键。;3. View菜单： Code:只显示代码； Design:只显示页面设计情况； Code and Design:同时显示代码和页面设置情况； Refresh Design View:刷新页面设计窗口； Design View to Top:;定义一个本地站点;1．“所见即所得”的编辑方式; 以前，要借助计算机编辑一篇文章，必须使用控制字号的代码、控制字体颜色的代码以及繁多的版面编辑代码来完成编辑工作。编辑完成后，还必须借助模拟显示才能看到最后的编辑结果。比如，曾经一统中文编辑软件江山的WPS就是这种模式的代表。这种编辑模式不方便内容的即时修改，妨碍了使用者对版面的控制，如今已