“乡乡有网站”工程 自助建站系统使用说明99

1、 “乡乡有网站工程自助建站系统使用说明目录一、系统登录二、建站向导（一） 语言设置（二） 选择模板（三） 编辑首页（四） 编辑页面（五） 版权信息（六） 预览发布三、页面编辑器的使用（一） 与word软件相似的编辑功能（二） 插入/编辑表格（三） 插入/编辑图片（四） 插入/编辑FLASH（五） 插入/编辑超链接（六） 插入/编辑锚点链接（七） 编辑器中其他的功能按钮 “乡乡有网站工程自助建站系统是自助建站工具包，包含大量建站模板，使用者无需任何专业知识，运用浏览器，轻点鼠标就能立即生成精美实用、功能强大的网站，非常适合乡镇政府自助建站。一、系统登录登录方法：在IE浏览器中访问网址 :/xxy

2、.gov ，在用户登录区域输入虚拟主机用户名和密码，以及附加码，点击“登录即进入系统。注意：为使自助建站系统运转正常，请使用6.0版本以上的IE浏览器。二、建站向导“建站向导是一套简单、快捷、专业的网页即时生成系统。它自带了大量的专业网页模板，用户可以通过建站向导来挑选和定制自己喜欢的网页模板，从而快速制作出适合自己的从外观到系统都十分专业的网站，整个过程无需任何专业知识。 建站向导包括：语言设置、选择模板、编辑首页、编辑页面、版权信息、预览发布管理功能，登录后默认显示页面即“建站向导，如下：一语言设置我们提供2种语言编码：简体中文和英文。您可以为不同的浏览者设计不同语言版本的网站，并且设置默

3、认语言版本。设置完毕后点击“下一步：选择模板即可开始网页的制作。二选择模板请先选择模板，确定模板后才能进一步定制网站内容，其中这步中又分为五个小步骤,依次完成这五步，然后“下一步：编辑首页。第一步，选择模板分类 如果您还没有选择模版，或想换一个新的模版，请在b中选择相应的模版系列，进入“第二步，选择网页模版；点击图片，也可以进入“第二步，选择网页模版，且直接进入该图片对应的模版系列，进行网页模版的选择。如果您已经选择过模版，需要对模版和网页进行重新编辑，那么请点击a，然后您将直接进入“第三步：选择模板样式。第二步，选择网页模板在这一步，为您提供的是有类似风格的同一系列的网页模版的略图，且每个模

4、版都有几种不同的配色方案不同的颜色方块对应不同的配色方案，点击对应的颜色方块，即选中了一个具体风格的模版，进入了“第三步：选择模板样式。第三步：选择模板样式·选择样式在这个风格的模版下，有两种样式，对于导航栏横排的模版，这两种样式是一样的，对于导航栏竖排的模版，样式一是导航栏在左侧，样式二是导航栏在右侧。系统默认选择的是样式一，您可以自己选择样式二，但样式只能选择其中一个。·主题图片名词解释：主题图片主题图片是指某个具体的模版中的主体图片，该图片是核心表达模版风格的元素。为了使模版内容更丰富，我们为每套模版都设置了一些不同的主题图片，用户在相应的样式下选择主题图片，在生成网

5、页时，即在网页中表达选中的主题图片。如果您不选择主题图片，系统会使用默认的主题图片。选择好主题图片，点击“预览网页按钮，即可进行“第四步，预览网页。自定义主题图片 如果我们提供的主题图片不能满足您的要求，那么您还可以自己制作主题图片，并上传到系统中，点击“自定义图片，即可出现上传图片的操作区域，如下列图：按界面上的提示先上传图片：在“主题图片上传中点击“浏览，翻开文件选择框，如下列图：选择要上传的文件，点击“翻开按钮，在主题图片后面的文本框中即出现了要上传图片文件的路径，如下列图：注意：如果图片文件名是中文，请将文件名改为拼音或英文，再进行上传。中文文件名的文件不能上传。点击“上传按钮，图片即

6、被上传到系统中，并以列表形式显示在已上传的主题图片下方，如下列图：为了让图片有更好的显示效果，您上传的图片规格要符合系统的要求，即778*184像素大小。关于图片的加工，请参考?“画图软件操作使用说明?说 明：像素是电脑里计算图片尺寸的单位之一。您还可以按上面的操作再上传其它的主题图片，以备选择，点击“预览，可以查看图片在网页上显示的效果，如果您对已经上传的图片不满意，可以点击“删除，将文件删除。主题图片上传好后，您就可以在“更换主体图片的“选择图片下拉框中选择您要使用的主题图片，如下列图：选择好主题图片后，点击确定，模版中的主题图片即替换为用户自己上传的主题图片，并且在新窗口中可以查看更换主

7、题图片后的模版效果，如下列图：在原窗口中点击页面下方的“预览网页，即进入“第四步：预览网页，看看已经选择的网页模版是否满意。第四步：预览网页通过前面几步的操作，网页的模版根本确定，可以在这一步对网页的效果进行预览，如下列图：如果没有问题，那么可以点击“确认模版，进入第五步。第五步：确认模板如下列图，点击保存，您的网站模板就定制好了。点击下一步：编辑首页，那么开始建站向导的第三步：编辑首页。三编辑首页 首页管理中，您可以对首页的布局和内容公司简介，企业新闻，弹出窗口进行细致的设置和管理。其中这步中又分为三个步骤，要依次完成这三步。第一步：首页新闻在这一版本里我们提供最多10条新闻，在相应的栏目内

8、填写标题和正文，如下列图： 填写好相关的新闻标题和内容，点击页面下方的“首页布局，即可进入下一步，选择首页的布局形式。第二步：首页布局在这里您可以编排首页的布局，以确定首页的外观。首先请根据首页的内容，通过“选择布局下拉框，在我们提供的3种布局中选择一款，然后，通过“内容一或“内容二的下拉框，按照您的需要选择布局的内容，内容包括公司简介、企业新闻，选定后点击 “首页编辑。 第三步：首页编辑：根据您在上一步选择的首页布局，在这里会直接表达，比方您在上一步选择了“布局三，且内容一选择的新闻，内容二选择的简介，那么在这一步的编辑中会默认把您在第一步首页新闻里编辑的新闻标题列表显示在页面左侧，右面区域

9、可以由您自己填写乡镇或网站的简介等内容，如下列图同时在这一步，您还可以利用我们提供的编辑器输入和修改文字、插入图片、插入超连接等，与Word的使用方式类似。如我要插入图片，那么可以点击“，选择要使用的图片，即可完成插入图片的操作，如下列图：对于页面上的文字，包括新闻标题的链接中的文字，其字体、字号、颜色都可以进行修改。完成首页的编辑后，点击页面下部的“保存按钮进行保存。点击“下一步：编辑页面进入下一步。注意：1. 完成首页或其他页面的编辑后，一定要进行“保存后，再离开这个页面比方进行“预览操作，否那么，您所进行的所有编辑操作将丧失。2. 当您在编辑一个页面时，假设超过20分钟未进行“保存操作，

10、那么建站系统将“自动掉线，您此前所作的所有该页面的编辑操作将无法进行保存。因此，请在编辑某一页面的过程中，经常进行“保存操作。 说明：在建站过程中，在完成了对首页或其他页面的保存操作后，可以通过点击页面左侧导航栏中的“建站向导，再点击6个步骤中的某一个步骤，进入任意一个步骤进行操作。四编辑页面 在这里，您可以进行以下操作：增加一级页面：点击“添加一级页面。增加二级页面：点击“添加二级页面。更改栏目名称或页面名称：点击“改名图标。删除现有页面：点击“删除图标。修改页面顺序：点击“排序图标中的“向上或“向下图标。预览页面：点击“预览图标。编辑页面：点击“编辑图标。完成编辑后，请进行保存。注意：如果

11、删除了一个一级页面，那么该页面所属的二级页面也会被全部删除，操作时请您留意。五版权信息 在这里，您可以输入您的乡镇名称，联系 ，EMail等信息这些信息将会写入您的网站的页面，编辑好后，请点击“保存。如下列图：上述的各项内容后面有“显示选项，选择“打勾，那么显示相应的内容；不选择“打勾，那么对应的内容不显示。六预览发布 当您对网站正在编辑之中或已经编辑结束时请记得先“保存页面，您都可以通过点击“预览网站来查看网站的编辑效果。您所定制网站的全部内容都是在自助建站系统的效劳器上完成的，如果您已经完成网站的编辑，点击“发布网站“上传网站即可将定制的网站内容上传到“虚拟主机上。如下列图：上图中的各项内

12、容已由系统提前设置好，不需进行修改，点击“上传网站即可。网页上传成功一段时间后，通过您的域名就可以访问网站了。比方，您的域名是 ，通过IE浏览器，访问网址 :/ ，即可访问您的网站。假设您的域名还未开通，可以通过临时的域名虚拟主机用户名.chinaw3 访问。例如，您的虚拟主机用户名是ug54z1，通过IE浏览器，访问 :/ug54z1.chinaw3 ，就可以访问您的网站了。三、页面编辑器的使用在编辑首页和编辑页面过程中，都要使用页面编辑器。编辑首页和编辑页面过程中的页面编辑器界面根本相同。不同之处是：编辑首页的编辑器的顶端有“弹出窗口功能；编辑页面

13、的编辑器的顶端有“分页标签功能。下面，就编辑器的各项功能进行介绍。（一） 与word软件相似的编辑功能下列图中，方框内的图标所代表的编辑功能及其使用方式，与word软件相同或相似。这里不再进行说明。页面编辑的大局部操作通过这些功能来完成。（二） 插入/编辑表格上图第二排图标中的第三个图标是，其功能是“插入/编辑表格。页面编辑中，表格的根本功能是控制页面的布局。一般来讲，编辑一个页面的第一个操作步骤是插入一个表格，然后，将文字、图片等内容填入到表格中；通过编辑表格，控制页面布局。1、 插入表格点击“插入/编辑表格图标，将出现下列图左侧的“表格属性窗口。如下图。宽度：指整个表格的宽度。高度：指整个

14、表格的高度。边框：指表格外框的宽度，当设置值为0时，网站发布后，整个表格将不显示出来；通常设置为0。间距：指内部单元格同边框的距离，通常设置为1。边距：指单元格内文字与单元格的距离，通常设为10。对齐：指表格在整个页面上的对齐方式，通常选择“左对齐。点击确定，完成表格插入操作。2、 编辑表格插入表格后，在表格上点击鼠标右键，将出现一个下拉菜单右图，其中有与表格相关的各项编辑功能。通过这些编辑功能可以对表格进行编辑。选择“表格属性选项，将出现“表格属性窗口，可以对表格属性进行编辑。也可以通过鼠标，选中表格后，拖动表格边框，改变表格的大小。3、 编辑单元格选择上图中的“单元格属性，出现“单元格属性

15、窗口。“自动换行、水平对齐、垂直对齐三项：控制单元格内的文字排列方式。纵跨行数：指单元格高度跨过的单元格的行数。横跨列数：指单元格宽度跨过的单元格的列数。4、 表格的使用通过表格可以控制页面的布局，生成整齐、美观的页面。实际操作中，根据版面布局的需要，首先插入一个适当的表格，然后将图片、段落、标题等布置在表格内。（三） 插入/编辑图片上图中，第二排的图标代表“插入/编辑图片功能。1、 插入图片点击图标，出现下面的“图像属性对话框。点击“浏览效劳器按钮，出现下面的窗口。可以看到已上传到效劳器上的图片的文件列表。关于把图片上传到效劳器的操作，后面将有介绍。鼠标单击文件，可以选择其中的一个图片。选择

16、一个图片后，回到“图像属性对话框，如下列图左图。上图中，右侧图为插入图片后的页面的局部。通过上图左图中的各项内容和参数，可以控制图片的格式：“源文件下方文本框中是该图片在效劳器上的文件路径文件的存储位置。“替换文本：在网页发布后，当鼠标放置于图片上时，将显示“替换文本中的文字。高度、宽度：指图片的高度和宽度。右侧的“小锁锁住时，图片的高度和宽度比例是锁定的。点击翻开“小锁后，图片的高度和宽度可以分别调整。边框大小：指插入图片的边框。一般来说，把边框大小值设为“0，不显示边框，较为美观。水平距离、垂直距离：指图片和周边文字的距离，一般可设为15。对齐方式：通常选择左对齐或者右对齐，效果较好。点击

17、上图的左上位置的“链接选项卡，将出现下列图。在“地址下方文本框中输入任意一个网页的链接，那么在发布网页后，点击图片，将出现该链接指向的页面。注意：链接中的“ :/不可省略。“目标位置的选项，控制页面出现的方式。通常，可选择“新窗口或“本窗口。2、 编辑图片在所编辑的页面上，将鼠标至于图片上，点击鼠标右键，将出现下拉框。选择“图片属性，将出现前述的“图片属性对话框。这样就可以对图片进行编辑了。3、把图片上传到效劳器前面在“选择模版阶段的“自定义主题图片操作，以及这里图片上传，后面将介绍的FLASH上传，都涉及到将自己计算机上的文件上传到效劳器的操作。上传图片操作介绍如下：点击图标，将出现的“图像

18、属性对话框；然后“浏览效劳器按钮，出现下面的窗口：点击上图中“浏览按钮，出现“选择文件对话框。上图，选择某一个图片文件，点击“翻开按钮后，该文件的存储路径将出现在下列图下方的文本框中。上图中，点击“上传按钮，该文件将被上传到效劳器，其文件名将出现在效劳器上的文件列表中。这样，图片上传的操作就完成了。4、考前须知：1在上传图片前，请用“画图软件，将图片尺寸加工到适宜的尺寸。一般来说，数码相片的尺寸过大，直接上传到效劳器，将过多占用效劳器的存储空间。2如果图片文件是中文，请将文件名改为拼音英文，再进行上传。中文文件名的文件不能上传。后面的FLASH上传中，同样应将文件名修改为英文。3在编辑器中编辑

19、时，系统不支持鼠标按住图片后进行拖动的操作。当你进行拖动操作后，图片将不能正确显示。介绍一个纠正的方式。当进行图片拖动操作后，图片属性对话框中的“源文件下方路径名将有“ :/ 出现，删去这一串字符cn后面的斜线仍保存，图片将正确显示。5、关于从网上获得图片：google或百度搜索网站都提供图片搜索功能，可以轻易获得各类图片。（四） 插入/编辑FLASH点击图标，进入“插入/编辑FLASH功能。操作同插入和编辑图片的操作类似。不再详述。关于从网上获得flash：我们在网上看到flash动画，可以鼠标右键点击后，进行下载，存储在本地，供自己使用。（五） 插入/编辑超链接该图标代表“插

20、入/编辑超链接功能。超链接提供了页面跳转的功能，使网站在内容组织上更为灵活。1、 插入超链接1跳转到页面首先拖动鼠标选中页面中的一串文字，如下列图，选中“中国互联网络信息中心，然后点击图标，出现“超链接对话框。“超链接类型下方选择框中选取“超链接选项。“协议和“地址选项框，可根据需要填写。一般情况下，填写要跳转的目标页面的链接地址。这个例子中，我们填写“ :/www nic 。点击“目标选项卡，出现下列图。该对话框控制跳转页面出现的方式，一般选择“新窗口即可。点击确定，完成操作。在发布后的网站页面上，点击文字“中国互联网络信息中心将跳转到网站www nic 。2跳转到图片或FLASH上图中，也

21、可以点击“浏览效劳器，出现下列图的对话框，在“Resource Type选择框内选择“Image图片或者“Flash，将出现图片或Flash的文件列表，点击所需要的文件名后，将返回到上图“超链接对话框，点击确定，完成操作。此时，文字串“中国互联网络信息中心被指向了一个图片，网站发布后，点击这串文字，将出现图片或FLASH。3跳转到邮件下列图中，首先在所编辑页面上，选择一串文字，例如“回复邮件，点击图标。在“超链接对话框中，“超链接类型位置选择“电子邮件，出现下列图对话框。填写以下各项：地址：填写邮件地址，例如servicecnnic 。主题：邮件的主题。内容：邮件正文中的文字。点击确定后，完成

22、操作。在未来发布的网站页面上，点击“回复邮件，将出现发邮件页面。说明：上图中，“超链接类型选择框中，“页内锚点链接选项功能，暂时不可用。2、 编辑超链接在已设置了超链接的字符串上，点击鼠标邮件，在下拉菜单中选择“编辑超链接，将出现“超链接对话框，可以对超链接进行编辑。3、 取消超链接鼠标点击设置了超链接的字符串，然后点击图标，该超链接设置将取消。（六） 插入/编辑锚点链接插入锚点是指在页面中的某个位置作一个“记号。有了这个“记号后，就可以通过编辑超链接，跳转到这个“记号所在的特定位置。这项功能使用的场合：当一个页面内容较多时，例如页面中有多条新闻，页面长度较长，不方便阅读。可以把新闻标题列在页

23、面顶部，然后在每一条新闻开始处设置锚点，然后在标题上设置超链接，点击新闻标题可以跳转到页面下方对应的新闻内容上。同时，也可以在每条新闻末尾设置“回到页面上部的超链接，指向页面顶部的锚点。这样设置后，点击“回到页面上部，IE窗口将显示整个页面的开始局部。我们以下面的例子说明具体操作方式：1、 插入锚点首先，鼠标点击要插入锚点的位置，例如下列图中“新闻标题一的前面。然后，点击图标，出现“命名锚点对话框。输入锚点名称“a。点击确定，插入一个锚点。以相同的方式，分别在第一条、第二条新闻前，插入锚点“b、锚点“c。完成后，如下列图。需要改变锚点命名时，鼠标右键点击锚点，选择“锚点链接属性，将可以对锚点重新命名。 2、设置超链接 拖动鼠标，选择选择“新闻标题一，点击编