很多人一听到“做网页”三个字就头大，觉得得会写代码才行。其实真没那么玄乎，用FreshHTML网页编辑器这种可视化工具，你完全可以像写Word一样把网页拼出来。这篇教程就是写给完全没碰过网页制作的新手看的，不整那些虚的，我把自己第一次用FreshHTML踩过的坑和顺手的地方都摆出来，你跟着一步步点，半小时内搞出一个能看的页面问题不大。下面按界面认识、改文字、换图片、加链接、保存发布这几块来讲，哪块卡住了就回头多看两眼。
先搞清楚FreshHTML的界面长啥样
装好FreshHTML网页编辑器打开之后，别急着动手，先花两分钟认认地方。左边那一栏是工具栏，什么插入表格、加图片、调字体都在这儿；中间大片空白是编辑区，你看到啥样网页就长啥样；右边通常是属性面板，选中某个元素后能改它的颜色、大小、对齐方式。顶部菜单栏里有文件、编辑、插入这些常规选项，保存和预览按钮也在附近。新手最容易犯的错是一上来就猛敲字，结果格式乱套，建议先在编辑区点一下，确认光标在里面再开始。另外FreshHTML默认会给你一个空白页，如果你想要现成模板，可以在新建的时候选一个简单布局，省得自己从零搭框架。
改文字是最简单的，但有几个小细节
在编辑区里改文字跟用记事本差不多，选中你想改的那段，直接敲键盘就行。字体、字号、加粗这些在工具栏上都有按钮，跟Word一个逻辑。不过要注意，FreshHTML网页编辑器有时候会保留你从别处复制过来的格式，比如从网页上粘一段话进去，字体颜色乱七八糟的，这时候用“清除格式”按钮刷一下再重新设样式会干净很多。还有段落之间别老按回车硬挤，用段落标签分开，不然后面调行距会很麻烦。我刚开始用FreshHTML的时候就吃过亏，一段文字里混了好几种字体，预览出来丑得不行，后来老老实实统一了字体才顺眼。
换图片别直接拖，走插入流程更稳
网页没图就干巴巴的。在FreshHTML网页编辑器里加图片，点工具栏的图片按钮，会弹出一个对话框让你选本地文件或者填图片地址。新手建议先把图片存到跟网页文件同一个文件夹里，用相对路径引用，这样以后整个文件夹挪走图片也不会丢。图片插进去之后可以拖边角调大小，但别拉得太夸张，不然图片会糊。另外记得给图片填上替代文字，就是那个alt属性，一来对搜索引擎友好，二来图片加载失败的时候还能显示文字说明。用FreshHTML做图文混排的时候，表格是个笨但好用的办法，把图片和文字分别放单元格里，对齐起来比硬拖省心。
加超链接和简单交互，让页面活起来
链接是网页的灵魂。选中你要加链接的文字或图片，点工具栏的链接按钮，填上目标地址就行。站外链接记得选新窗口打开，站内页面之间互链就用相对路径。如果你想让鼠标移上去变个颜色，可以在样式里改一下链接的悬停效果，FreshHTML网页编辑器的属性面板里能直接调，不用手写CSS。想做导航栏的话，用表格或者列表排一排链接，比一个个手动对齐靠谱。这里提醒一句，FreshHTML生成的代码有时候会多出一些没用的标签，保存前切到代码视图扫一眼，把多余的清掉，页面加载会快一点，搜索引擎也更喜欢干净的代码。
保存、预览和发布，别在最后一步翻车
做完页面点保存，FreshHTML网页编辑器默认存成html文件，编码选UTF-8，免得中文变乱码。保存完一定要用浏览器打开预览一下，看看图片显示正不正常、链接点不点得动、手机上看会不会挤成一团。发现问题就回编辑器改，改完再存再预览，来回几次就顺了。发布的话，把html文件和图片文件夹一起传到你的网站空间里，用FTP工具或者主机面板都行。要是没有服务器，也可以先传到免费的静态托管平台试试水。最后说句实在的，FreshHTML适合新手快速出活，但想深入做网页还是得慢慢补点HTML和CSS基础，工具只是拐杖，路还得自己走。
新手常问的几个小问题
有人问FreshHTML网页编辑器支不支持中文，放心，界面和输入中文都没问题，保存时编码选对就行。还有人问做好的网页能不能直接发微信里，可以，把链接发过去就行，但微信内置浏览器对某些样式支持一般，别做太花哨。另外FreshHTML的撤销功能有时候不太灵光，养成随手保存的习惯比啥都强。实在搞不定的样式，切到代码视图看看别人怎么写，慢慢就摸出门道了。总之别怕出错，网页这东西改坏了重来就是，多练几遍自然就熟了。
喜欢 
高兴
鬼脸
呵呵
无聊
伤心
