dreamwevaer初涉.ppt

DREAMWEVAER MX 2004入门;建议学习方式 ;进阶阶段：此时的你，已经具有一定的网页制作经验，并逐步形成了自己一套的对于网页制作的理解，制作一般的网页已经不在话下;??? 根据个人喜好及实际需要，网页制作的方向，你可以向美术设计的方向发展，学习一些美术方面的知识；也可以向网络编程的方向发展，学习ASP等编程语言；也可以向信息制作的方向发展，锻炼自己在网站策划及信息采辑的技能；??? 常识制作其他不同类型的网站，从模仿别人开始，都逐渐形成自己的设计风格；??? 熟练操作 Dreamweaver 及 Photoshop 两个软件，并至少能读懂 HTML 及 JavaScript。 高手阶段：此时的你，至少在美术设计、程序编写、或信息制作方面有一定的造诣： ;网站制作流程 ; 在D盘新建一个文件夹，输入你想要的站点名称，这里输入test，其实可以任意输入名称的，要注意的是，尽量不要用中文命名，以免出现意想不到的麻烦！ 在Dreamweaver中定义站点; 接下来需要给站点起一个名字，可以起任意一个名字。这里起名为abc,按下一步 ; 选择是否使用服务器技术。因为实例建立的是一个静态站点，就选择“否，我不想使用服务器技术”。 ;;一个站点就定义好了。 ;;选 创建;窗口和面板;代码区; 在正式开始制作网页前一个必不可少的工序。双击打开刚才新建的index.htm，就自动转入编辑窗口。选择“修改” “页面属性”设置一些必要的页面属性。 　　① Title（标题）：页面的标题会直接显示在浏览器的左上方，务必要养成为每一页都设定一个标题的习惯，这既便于访问者的浏览，也有助于你在网页编辑的过程中区分不同的页面。虽然标题并不是一个网页必要的元素，但却是体现着网页制作者有否从细处为浏览者着想。 　　② Background Image（背景图片）：点击Browse按钮，可以为网页添加背景图片。 　　③ Background（背景颜色）：默认为白色， 可以选择其他的颜色。 　　④ Text（文字颜色）：在这里将文字设置为黑色。要注意，假如不对背景及文字的颜色进行设置（此时RGB色值显示为空），那么浏览器在显示页面的时候，就会采用系统的默认设置。但因为不同的系统的设置都可能会有所区别，这样就回导致页面的显示效果也是千差万别。因为，为了更好地让页面体现出你的设计思想，就千万别忘记设定页面的背景颜色及文字颜色。 　　⑤ Link（链接颜色）：设定超级链接的颜色，不设定则默认为蓝色。 　　⑥ Left和Top：设置左部及顶部的页边距，一般都设置为“0”以方便于网页的编辑。 　　确保页面的设置正确后，点击 OK 结束。 ;表格详解;图像描边：增加图片的美观 设置图文混排 给图片增加提示：在IE中，当指向这个图片时，就会出现文字提示 创建图像地图：当点击一个图像的不同部分，可以链接到一个新的网页。也可以在当前窗口打开。简明步骤：选中目标图片→选择属性面板中的热点工具→用热工具在图片中画出热点区域→在属性面板中输入链接地址，选择目标窗口打开方式。 设置图像边距：设置图像边距，可以使图像和表格边框产生一个边距，也会和相邻的文字或者其它图片产生一个边距。有时候设置边距为一个非0的数值可以起到美观的作用。但是有的时候输入数值为0的边距可以使用页面紧凑。 ;超级链接;根相对路径：如果在一个使用多台服务器的大型Web站点或一台服务器上有多??站点的情况下工作，可能需要使用这种类型的路径。很少用到这种路径。如果没有服务器的控制权限，不要使用这种方式！ ;绝对路径：完整的URL，称作绝对路径。例如在链接域输入： 使用锚 创建电子邮件链接:在属性面板中的链接栏输入mailto:邮件地址。 mailto:aaaa@ ;创建跳转菜单，例如制作一个友情链接。 ;_blank 在新的未命名的浏览器窗口中加载链接文档 _parent 在父框架页或包含该链接的框架窗口中加载链接文档。如果包含链接的框架不是嵌套的，则链接文档将加载到整个浏览器窗口中。 _self 将链接文档加载到与链接相同的框架或窗口中，该目标是默认值，所以通常您不需要指定它。 _top 将在整个浏览器窗口中加载链接文件，同时移除所有框架。 （_top表示整页窗口，_parent表示父窗口。实际使用中，它们没有任何区别）;HTML简要介绍;HTML 四个重要的标签;其它主要标志?;常用属性;HTML入门;制作网页的基本要素：;谢 谢！