Dreamweaver CS6初学者教程:网页设计与站点管理

需积分: 16 4 下载量 113 浏览量 更新于2024-07-22 1 收藏 253KB DOC 举报
"Dreamweaver Cs6 笔记" 在网页设计和开发领域,Adobe Dreamweaver CS6是一款不可或缺的专业工具,由著名的Adobe公司研发。它集网页设计、网站管理功能于一身,为用户提供了直观的可视化编辑环境以及强大的HTML、CSS和JavaScript编辑支持。 在安装Dreamweaver CS6时,为了确保安装过程顺利,建议断开网络连接以避免不必要的更新或插件下载。一旦安装完毕,用户可以开始熟悉软件的界面。界面主要由菜单栏、工作区、属性栏和一系列浮动面板组成,如文件、资源、CSS样式和行为面板。这些面板可根据用户的习惯进行定制和切换,以适应不同的工作需求。如果界面被误操作,可以通过“窗口”菜单下的“工作区”选项选择“重置设计器”来恢复默认设置。 在了解网页基础知识方面,一个网页是基于HTTP协议在互联网上传播的信息页面,而网站则是围绕同一主题聚合多个网页的集合。网页内容通常包括文字、图片、动画、多媒体、超链接、表单、特效以及其他各种元素。在创建网页时,有代码法(如HTML)和所见即所得的软件制作法(如Dreamweaver、FrontPage)两种主要方法。 在开始制作网站之前,建立站点是必要的准备步骤。站点是存储网站所有元素的文件夹,通过与Dreamweaver CS6建立链接,方便管理和编辑。站点可以分为本地站点和远程站点,前者存储在本地计算机上,后者则位于远程服务器上。 规划本地站点的目录结构有助于保持文件组织有序,一般包括images(存放图片)、swf(存放动画)、css(存放CSS样式文件)、script(存放JavaScript特效)和其他辅助文件夹。网站的主页通常命名为index.htm或index.html,放置在根目录下,以便浏览器默认识别。 在Dreamweaver CS6中,网页的编辑有四种视图模式:设计视图(提供可视化编辑)、代码视图(直接编辑HTML源代码)、拆分视图(同时查看设计和代码)和实时视图(预览网页效果)。在网页中输入文字时,可以直接在设计视图中操作,回车用于换段,shift+回车则用于在一行内插入硬换行。 这些笔记内容涵盖了Dreamweaver CS6的基础操作,从软件的安装到界面理解,再到网页设计的基本概念和实际操作,为初学者提供了一个全面的入门指南。通过学习和实践,用户可以逐步掌握使用Dreamweaver CS6创建和管理网站的技能。