网络工具

在决定需要包含哪些内容和页面之后, a site map can be laid out to help establish navigation and organization of pages.

下载和记棋牌娱乐的示例 网站大纲模板  开始建立新的或修改后的站点地图. You'll find an example with some recommendations in this document.

Provide the basics of what information needs to be displayed on a certain page. Then, decide what template to use to properly display that information. 有关要使用的不同模板的示例，请查看 模板和布局页面.

After identifying what pages you need and outlining the content on them, 可以创建基本的线框. A wireframe is a 'mockup' of an individual webpage or elements of a webpage. 网站团队将在构建页面时引用这些.

并不是所有的页面都需要线框. Many times only homepages and main landing pages have a need to go through the planning stage of creating a wireframe. Interior or consent pages often work with a simple layout that this step would be unnecessary to do. 

These can be a basic drawing of a page(s) and the layout/order of content on it. Wireframing can be done with screenshots with notes or they can even be drawn on white board or pencil to paper.

线框工具

• 笔和纸是一个很好的开始
• 词或PowerPoint
• Adobe
• We are looking into additional tools that could be of use here 

Faculty and staff members school/department that wish to update their individual webpage can use this 人员页面内容模板 . Please, share this document with new or returning 教师 and staff. 完成后，这些可以返回 webteam@wolaipei.com.

大头照注意事项:

• New 教师 在培训时间内有机会爆头吗. A time will be set with Multimedia services during their first day on campus.
• 其他所有人, headshots are available on the first working Monday of each month in the studio (2^nd 东翼行政楼). 参观 头像预约调度程序 选择您的时间为新的或刷新头像.

如果一个程序, 主修或辅修, page needs updated we have a content guide to help collect information our team can use to build a refreshed and relevant webpage for the program. 

你可以用这个 程序页内容模板 . Fill this out to the best of your ability and focus on connecting ideas for our team to finalize and fill in the pieces. 然后，将此文档共享给 webteam@wolaipei.com.

自助服务照片: 为网页查找照片, 订单打印, 获得高质量的, 可下载的照片或徽标为自己设计的内容, 请浏览 西北自助拍照网站.

Use caution with photos from miscellaneous web sources as the University may not have rights to use the photos. Look for open licensed files or use a stock service like Adobe Stock to ensure photos are from legal sources. 

• Sizing with Windows/PC/University Laptops - the Photos app is likely the easiest way to resize an image. 它又快又简单，
  • 使用照片应用程序打开你想要调整大小的图片.
  • Click the ellipsis button on the menu bar at the top, the click Resize.
  • 从提供的默认大小选项中选择. You can also choose Define custom dimensions if you want to set a specific size.
  • Choosing custom dimensions also allows you to change the aspect ratio of the image and set the final image quality, a 60-70% setting is recommended for optimal file size and photo quality. A higher quality setting will result in a larger file that can negatively impact user experience.
  • 选择保存新映像的位置.
• Cascade edit tools are available but limited to resizing, rotating, and cropping. 看到这个 在Cascade中编辑图像文件 更多信息指南. 
• 帆布 -提供免费和付费服务. These can be used to create graphics for digital and some print uses. 
• 亲和力的软件 - offers programs capable of editing photos for a relatively low cost. 

提示: 确保你的照片是RGB模式，而不是CMYK模式

提示: 一般来说，在网络上使用WEBP或JPG文件. 

• Some photo size tips: photo sizes vary based on many different templates, panels and designs.
• 一些常见的尺寸:
  • 头部图像尺寸为1920x800px 
  • Homepage or site home feature: 1200x500 px (you can use a Header image as a feature, 它们的比例是一样的。
  • 大头照应该是2:3的比例(200x300或400x600是常见的)
  • 并排面板比例为3:2 (800x533px)
  • Other photo sizes can be found in the description of the field while editing a page. 

标题图像安全区域模板

Here is a template to help make header images that look nice on all devices. 注意不同屏幕尺寸下的裁剪.

使用方法:

1. 打开要用作标题图像的照片. Size and crop the file to be exactly 1920 x 800 (dpi is sufficient at 72)
2. 右键单击，保存为下面的照片. 把 .PNG文件作为您的照片编辑软件的顶层.
3. 确保没有主题被黑色区域覆盖. 他们将裁剪特定的设备尺寸. 
4. 如果照片裁剪后看起来还可以， 关闭模板层 保存为 .Webp(如果需要，也可以是JPG).

Instructions to crop header images in Cascade can be found here:

• 如何在级联中添加和裁剪标题图像 
• Note* this method doesn't test the photo for fitting into the header space on all devices. 

圆照片报价模板

Here is a template to create the circle photo in the Photo quote panel.

使用方法:

1. 打开要用作标题图像的照片. Size and crop the file to be exactly 600 x 600 (dpi is sufficient at 72)
2. 右键单击，保存为下面的照片. 把 .PNG文件作为您的照片编辑软件的顶层.
3. 把引文中人物的照片居中， 保持模板图层可见  保存为 .Webp(如果需要，也可以是JPG).

Adobe Reader 免费下载. But to make edits, a software like adobeacrobatpro是必需的，并且需要付费使用. 如果您没有所需的软件, many lab computers on campus have enterprise licenses to Adobe and include Acrobat Pro. Or, you can request edits from the web or design teams in the 市场营销 office.  

pdf文件上的评论对请求编辑很有帮助. 更多关于 PDF标记和注释 从Adobe.

adobeacrobatpro是必需的，并且需要付费使用. 如果您没有所需的软件, many lab computers on campus have enterprise licenses to Adobe and include Acrobat Pro. Or, you can request a fillable PDF from the web or design teams in the 市场营销 office.  

要在adobeacrobat中创建可填写表单:(请参阅原文 创建一个PDF表单帮助指南 从Adobe获得更深入的指导)

• Choose Tools > Prepare Form
• 选择下列选项之一:
  • Single file: Converts an existing electronic document (for example, 词, Excel, (PDF)转换为交互式PDF表单.
  • Scanner: Scans a paper form and converts it to an interactive PDF form.
  • Create New: Start creating a form from scratch with a blank page. 有关详细信息，请参见如何从头创建表单.
• If you want others to sign this form, select the This Document Requires Signatures check box.
  • 注意:默认情况下，表单字段自动检测为ON. To change this setting, click the Change link and choose the settings as appropriate. 有关详细信息，请参见表单首选项.
• 单击“开始”. Acrobat creates the form and opens it in the Form 编辑 mode. 右窗格显示用于编辑表单的选项. The toolbar contains form field tools for adding additional fields.
• 查看Acrobat创建的表单字段. 使用工具栏中的表单字段工具添加字段. 根据需要删除、调整大小或排列字段.
• 若要更改现有文本或图像，请单击工具栏中的“编辑”. 所有文本和图像字段都可以进行编辑.
• 要测试表单，请单击工具栏中的Preview按钮. Previewing a form allows you to view the form the same way the form recipients will and gives you a chance to verify the form. If you are previewing a form, you can click the Edit button to go back to the edit mode.
• 表单完成后, 保存表单, and then click the 关闭 button towards the right end of the toolbar to 关闭 form editing.

更多关于 PDF表单 从Adobe.