dreamweaver网页制作素材

1. 打开 Dreamweaver 并创建或打开一个网站
   启动 Dreamweaver 软件，在欢迎界面选择「站点」>「新建站点」，填入站点名称并设置本地根文件夹路径，完成后点击「保存」。这样 Dreamweaver 才能正确识别你的项目结构，为后续素材的导入和引用建立基础。
2. 从 Adobe Creative Cloud 获取官方素材库
   在 Dreamweaver 右侧面板中找到「CC 库」图标，点击登录你的 Adobe 账号。登录后可浏览 Adobe 提供的免费图标、颜色主题、字体和图片素材，直接拖拽到页面中使用，或右键选择「导入到当前文档」，确保素材与项目同步更新。
3. 使用「插入」>「图像」或「媒体」导入本地素材
   将准备好的图片、SVG 图标或视频文件放入站点根文件夹下的「images」或「assets」子目录中。在 Dreamweaver 编辑器中，把光标定位到需要插入的位置，选择菜单栏「插入」>「图像」，浏览并选中本地文件，确认后图片会自动嵌入页面并生成相对路径引用。
4. 调用代码片段面板快速插入常用 HTML/CSS/JS 素材
   在 Dreamweaver 右侧面板切换到「代码片段」，点击「+」按钮新建片段或右键现有片段选择「编辑」。你可以保存常用的导航栏、表单、按钮样式或 JavaScript 函数为片段，以后只需双击片段名或拖拽到代码视图中即可快速插入，提高开发效率。
5. 利用「抽取样式」和「导入样式」复用现有网页的设计素材
   如果你有现成的 HTML 页面想提取其样式作为素材，打开该文件后选择「窗口」>「样式」，在 CSS 面板中右键选择的样式规则，点击「复制」。然后在目标页面的样式表中粘贴，或使用「文件」>「导入」>「CSS 样式表」将外部样式文件直接引入项目，实现样式素材的复用。

软件页面：Dreamweaver。