Dreamweaver CS6初学者教程:网页设计与站点管理
需积分: 16 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创建和管理网站的技能。
2020-10-08 上传
2018-11-05 上传
2018-01-24 上传
2021-08-03 上传
291 浏览量
2023-09-05 上传
2023-09-06 上传
aiyin2012
- 粉丝: 1
- 资源: 4
最新资源
- MATLAB新功能:Multi-frame ViewRGB制作彩色图阴影
- XKCD Substitutions 3-crx插件:创新的网页文字替换工具
- Python实现8位等离子效果开源项目plasma.py解读
- 维护商店移动应用:基于PhoneGap的移动API应用
- Laravel-Admin的Redis Manager扩展使用教程
- Jekyll代理主题使用指南及文件结构解析
- cPanel中PHP多版本插件的安装与配置指南
- 深入探讨React和Typescript在Alias kopio游戏中的应用
- node.js OSC服务器实现:Gibber消息转换技术解析
- 体验最新升级版的mdbootstrap pro 6.1.0组件库
- 超市盘点过机系统实现与delphi应用
- Boogle: 探索 Python 编程的 Boggle 仿制品
- C++实现的Physics2D简易2D物理模拟
- 傅里叶级数在分数阶微分积分计算中的应用与实现
- Windows Phone与PhoneGap应用隔离存储文件访问方法
- iso8601-interval-recurrence:掌握ISO8601日期范围与重复间隔检查