Dreamweaver概述

Adobe Dreamweaver, 简称“DW”，中文名称“梦想编织者”，是美国MACROMEDAI公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地作出跨越平台限制和跨越浏览器限制的充满动感的网页。

了解网站的结构

什么是 HTML？

网页显示内容并且拥有由 HTML 定义的底层结构
内容可包括文本、图像、链接，甚或音频和视频
大多数 HTML 元素通过使用起始的 <element> 和结尾的 </element> 标签编写。这些标签告诉浏览器要显示的内容类型。这些标签以特定顺序编写，用于定义页面结构

什么是 CSS？

HTML 为您的网页提供基本结构，但无法提供多样化样式或布局自定义功能。最终，您想要在您的网页上添加颜色、格式文本和图像以及重新定位元素
CSS 是配合 HTML 使用的语言，用于将该样式和格式应用至您的网页。
用 CSS 查找一个或多个 HTML 元素，然后提供更多元素处理指令，例如更改元素颜色或页面居中元素

Dreamweaver与HTML之间的关系

Dreamweaver其实就是一款编辑HTML代码的软件，如果写网页没必要一定使用这款软件不可，之所以使用它，就是因为它提供了不同的编辑窗口，初学者可以配合它提供的设计面板利于学习记忆，并且此软件提供代码提示，能够在实际工作中快速完成网页的搭建。

网页的构成元素

文本
详细的传达内容信息
可编辑文本最常用的字体是：宋体和微软雅黑
可编辑文本的字号通常是：12px, 14px, 16px, 18px
图像
形象并直观的展示网页内容
JPG：色彩还原好、体积不是很大但不支持透明
PNG：清晰、无损压缩、支持透明
GIF：体积小、支持动画和透明效果但色彩还原较低
表单
获取用户填入的信息并在后台管理软件的配合下管理用户资料
动画（动态效果）
常用的动画格式主要有两种：
一种是SWF动画（flash），一种是GIF动画（简单动画）
音乐
网页中常用的音乐格式有WMV及MP3
视频
网页中常用的视频格式有RM、WMV、FLV三种格式

了解Web设计的阶段

学习 Web 项目的主要阶段，包括内容规划、为设计添加线框、网页创建和站点发布。

规划内容

精心规划内容无疑是 Web 设计中最重要的一个阶段。该阶段也是耗时最长，但又举足轻重的一步。出色的内容规划将为您站点的观感和可用性加分，也可提升 Web 开发效率
以下几个关键点要牢记于心：了解您的受众，以简短为佳，从用户角度设想您的站点检索方式，以及有逻辑性地整理内容

为设计添加线框

线框即为一种网站蓝图，或一种抽象的网站可视化呈现方式，可让您和您的团队在设计和规划阶段的合作更加轻松。线框的形式可为手绘简图，该形式可让您随地快速记录想法；线框也可以是更精细的网站导航和功能定义
Dreamweaver 为您提供多种线框工具，包括钢笔和纸张、免费/商业线框软件 APP，甚或是其它 Creative Cloud APP（比如 Photoshop）。选择最适合您和您团队的方法和细节级别

创建网页

现在，是时候将出色的设计构想和精心规划付诸实践了。落地概念性计划，要诀在于洞察 Web 设计语言。Web 设计语言主题系列教程将着力于 HTML 和 CSS，也会简单介绍 JavaScript
HTML（全称超文本标记语言）用于创建您网站页面的整体结构和内容。CSS（亦称层叠样式表）用于设计网站内容的可视化属性，以及自定义布局。JavaScript 是一种流行的脚本语言，您可使用 JavaScript 向网页添加功能和交互

发布网站

准备好向全世界发布您的网站之后，您需要做些许准备工作
首先，您必须获取域名或网址。
此外，您还需要在 Web 服务器上划分专用空间，以及获取连接详情——FTP 是连接 Web 服务器的通用方式。
若您正在为您的公司创建网站，则可从您的 IT Web 管理员处获取该信息
若您正在发布您自己的站点，则可从 Web 主机提供商处获取该信息
接着，您可以使用 Sites（站点）功能连接至 Web 服务器，然后从Dreamweaver 直接发布您的站点

Adobe学习记录：Dreamweaver软件入门相关推荐

JavaScript学习记录01快速入门、基本语法、严格检查模式
文章目录 JavaScript学习记录01快速入门.基本语法.严格检查模式 1.1什么是JavaScript 1.2认识JavaScript框架 1.3快速入门 1.4基本语法入门 1.5数据类型简介 ...
知识图谱、NLP学习记录（软件安装教程，知识学习等）
pycharm库镜像网址清华镜像 https://pypi.tuna.tsinghua.edu.cn/simple/ 阿里云镜像 http://mirrors.aliyun.com/pypi/sim ...
envi读取格式ang 还是mtl_ENVI学习笔记一软件入门
版本5.3 学习资料来自于网络一.打开储存文件(抄录) 1.一般数据File->Open:图像文件或其他二进制图像文件图像文件或其他二进制图像文件 2.特定数据使用Open External ...
关于MATLAB的学习记录（纯入门用）
其实大二时有修过MATLAB这门课,但最终还是流于应付考试的表面. 今年终于决定试试美赛,于是乎又捡起来这门课,学习内容是按照bilibili上面中南大学的视频讲解,再加上自己编写代码和先前学习的印象 ...
【学习记录】Figma入门使用
(一)前言本人最近为了完成GIS应用课程实习任务,小组分配到的任务是实现一个网站的UI设计.之前就有在B站关注figma相关内容,就选择了figma在线设计网站开始学习使用. (二)怎么 ...
[大数据技术与应用省赛学习记录一]——软件准备
@JIAQI 第一章大数据平台环境搭建在指定主机上完成Hadoop完全分布式.Spark.Flink.kafka.flume的安装配置赛前准备主办方要求使用以下相关版本软件环境,仅供参考: 设 ...
stm32f103c8t6c语言教程,STM32f103C8T6入门学习记录.doc
STM32f103C8T6入门学习记录 STM32 自学笔记作者:忙碌的小姚新浪微博:@忙碌的小姚新浪博客: /mlxiaoyao222 目录 STM32 自学笔记1 第一章3 我与 ...
PR软件入门教程 Adobe Premiere Pro 快速入门指南
原文(包含图片)链接:https://www.prjianji.com/1.html 了解如何开始使用面向电影制作人.电视节目制作人.新闻记者.学生和视频制作人员的非线性编辑软件 Premiere P ...
Git学习记录力做全网最强入门教程
目录 Git学习记录力做全网最强入门教程什么是GitHub? 什么是Git? Git的配置 Git的安装(只介绍windos操作系统下) Git的配置至此我们的入门教程到此结束,更新中级教程要等 ...

Adobe学习记录：Dreamweaver软件入门

Dreamweaver软件入门