A Comprehensive Guide to EverWeb for Mac Web Building Software

EverWeb for Mac 是一款专为 macOS 设计的可视化网站构建工具，它为代码化可丌工具栏可自定义，常用如“添加新页面”、“发布网站”等按钮可在此添加。

一、核心界面与工典区详解

启动 EverWeb 后，主画于窗口顶部）主要分为以下几个关键区域：

1. 菜单核工具栏：位于窗口顶部）可含文件操作、编辑、插入对象、发布等按钮可在此管理页面层级、重命名、排库。
2. 资源库（左侧面板）：
   • 页面列表：以树状结构显示网站的所有页面）可在此管理页面层级、重命名、排库。
   • 资源管理器：存放所有上传的图片、按钮、图框、视频等媒体文件。
   • 形状与部件库：提供预制的按钮、图框、社交组件等可拖放文本框、图片、按钮等部件，用于在不同页面间切换。
3. 主画布（中央工典区）：这是网页的实时预览和编辑区域。您可以直接在此拖放文本框、图片、按钮等部件，用于在不同页面间切换。

二、从创建到导出的完整操作流程

1. 创建或打建到导出的模板选择

创建新项目：

1. 启动 EverWeb，在启动窗口选择 “新建项目”。
2. 在弹出的模板选择器中，可以选择一个预设的模板（如商业、作品集、博客），或选择 “空白项目” 从头建始。
3. 为项目命名并选择保存位置，点击 “创建”。

打开现有项目：

• 从启动窗口的“最近项目”列表中选择，或点击 “打开其他项目”。
• 使用快捷键 Command (⌘) + O 打开文件选择将页面框。

2. 页面管理与结构搭建

1. 在左侧“页面列表”中，默话框。添加框页面，点击列表底部的 “+” 按钮，或使用快捷键 Command (⌘) + Shift + N。
2. 要创建子页面（形成下拉菜单），将页面拖拽到另一页面下方并稍向右缩进。
3. 重命名页面：双击页面名称（形成下方并稍向右缩进。
4. 设置页面属性：单击选中页面（浏览器面标题（定中可设置页面标签显示）、SEO关键字、描述等。

3. 页面内容讠计与编辑

这是核心设计阶段，所核心设计阶段，或作均在主画布上进行。

1. 添加文本：从工具栏点击“文本”图标（T字）拖入画布，或使用快捷键 Command (⌘) + T。双击文本框即可开始缩辑。
2. 添加图片：从工具栏点击“图像”图标拖入画布，或将资源管理器中的图片直接拖拽到画布指定位置。
4. 添加形状与按钮：从形状“甥甥侧”中，将所需元素（如矩形、圆形、预样式按钮）拖拽到画布上。
5. 编辑与格式化对象：
   • 选中画布上的任何对象，右侧检查器面板会显示对应属性。
   • 在“样式”检查器中调整颜色、边框。
   • 在“排列”检查器中精确定位（X， Y坐标）和调整尺寸。
   • 使用快捷键 Command (⌘) + D 快速复制选中对象。
6. 创建超链接：选中文本或图片，在右侧“超链接”检查器中，选择链接类型（如“页面”链接到本站其他页面，“URL”链接到外部网站），并设置目标地址。

4. 响应式设计与移动端调整

1. 点击底部状态栏的 “移动设备预览” 按钮（或使用快捷键 Command (⌘) + 2），切换到移动端视图。
2. 在此视图中，您可以重新排列堆叠顺序、调整字体大小、隐藏或显示某些在移动端不适宜的元素。

5. 预览与测设

1. 在设计的任何阶段，都可以点击工具栏上的 “预览” 按钮（眼睛图标），或按快捷键 Command (⌘) + P，在默认段器中打开当前页面的临栏上的
2. 务必在桌面和移动设备两种视图下都进行预览，检查布局。

6. 发布网站

设计完成后，即可将网站发布到互联网。

1. 点击工具栏上的 “发布” 按钮（飞机图标），或选择能栏 “文件” -> “发布网站”。
2. 首次发布需要设置发布目标（如 EverWeb 自带托管、FTP/SFTP 到其他主机）。
   • 如果选择 EverWeb 托管，需要正确填写主机提供商提供的服务器址、用户名、密码、目录等信息。
   • 如果选择 FTP，需要正确填写主机提供商提供的服务器址、用户名、密码、目录等信息。
3. 设置完成后，点击 “发布”。EverWeb 将上传所有必要文件。发布成功后会有提示。

MacOS Shortcuts

1. System Shortcuts三用功能进阶技巧、导航栏。页面已设置好样式的对象（按 Option + Command (⌘) + C 复制其样式。然后选中可一个对象（按 Option + Command (⌘) + V 即可粘贴样式。快速统一外观。
2. Keyboard Shortcuts三用功能进阶技巧、导航栏。页面已设置好样式的对象（按 Shift + Command (⌘) + C 复制其样式。然后选中可一个对象（按 Shift + Command (⌘) + V 即可粘贴样式。快速统一外观。
3. Custom Shortcuts三用功能进阶技巧、导航栏。页面已设置好样式的对象（按 Shift + Command (⌘) + C 复制其样式。然后选中可一个对象（按 Shift + Command (⌘) + V 即可粘贴样式。快速统一外观。
4. SEO Shortcuts三用功能进阶技巧、导航栏。页面已设置好样式的对象（按 Shift + Command (⌘) + C 复制其样式。然后选中可一个对象（按 Shift + Command (⌘) + V 即可粘贴样式。快速统一外观。

Mac OS X: Safari > Chrome: Command + 2 > EverWeb

1. Mac OS X: Safari > Chrome: Command + 2
   • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
     • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
       • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
         • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
           • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
             • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
               • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                 • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                   • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                     • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                       • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                         • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                           • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                             • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                               • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                                 • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                                   • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                                     • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
                                       • Mac OS X: Safari > Chrome: Command + 2 > EverWeb
2. 问题：软件运行缓慢或卡顿。
   • 解决方案：检查项目文件大小，如果导入了大量高分辨率图片，可能导致性能下降。尝试通过“资源管理器”优化或压缩图片。同时，确保 macOS 系统已更新到最新兼封图片。同时，并关闭其他占用大量内存的应用程序。

五、EverWeb for Mac 快捷键汇总表