本文目录一览：
- 1、怎样制作网页网站的？
- 2、skype网页在线代码怎么生成方法详解
- 3、在线制作非主流图片网页（能套用特效，直接上传就能制作的）
- 4、如何制作个人网页？
- 5、如何将网页转化为app
- 6、网页设计师非常有用的几个在线工具
怎样制作网页网站的？
具体是：
Web页面可用预定义模板来创建，也可不采用模板而在空白页上自己进行设计。创建新页面的步骤如下：
在网页视图下，选择“文件”菜单中的“新建”命令，再从其子菜单中选择“网页”命令，将弹出“新建”对话框，如图所示。
若用户要新建的网页是框架，则从“框架网页”选项卡中选择某种框架样式；否则，从“常规”选项卡中选择一种所需样式，然后单击“确定”按钮。若想建立一空白网页，可在对话框的“常规”选项卡中选择Normal Page项，或直接单击常用工具栏的“新建网页”按钮。
建议逐一试用FrontPage提供的各种模板以便熟悉它们，日后你就可以自如地利用模板创建常规Web页面，能够节省许多时间。
1．在网页中插入图形
图片往往比大量的文字讲述更具吸引力和说服力，在web页面中适当地添加图片会使网页丰富多彩，但过多地加入图片将降低页面的下载速度，特别是对通过调制解调器访问web页的用户。大多数图形都是采用压缩格式，有的调制解调器不具有压缩功能，这种调制解调器速度更慢。因此用户在加入图片时，应认真选择和进行规划。虽然图形可使web页更有趣味，但应适度使用（使用较少颜色，缩小高度和宽度或裁剪图形、降低图形的分辨率，尽可能地减少图形文件大小，如用压缩格式的文件类型）。
Web页面所使用的两种图片格式分别为GIF和JPEG，用户可选择“插入”菜单中的“图片”命令，再从其子菜单中选择“来自文件”命令，打开“图片”对话框，“图片”对话框提供了“扫描”、“使用您的web例览器来选择网页或文件”、“剪贴画”和“在您的计算机上选择一个文件”四种途径插入图片。
对于一些非GIF和JPEC格式的图片，FrontPage可以自动地将这些文件转换成GIF或JPEG格式。
2．在网页中插入水平线
水平线可以在网页上清晰地划分界限，而且对用户网页的布局起着重要的作用。添加一条水平线，可以通过“插入”菜单中选择“水平线”命令添加。在默认状态下水平线是灰色的，用户可以像改变文本颜色一样改变水平线的颜色。改变水平线的颜色有两种方法（必须在不加主题的情况下）：
（1）双击该水平线，将显示“水平线属性”对话框。在对话框的“颜色”项，选择下拉列表，从中选择合适的颜色，单击“确定”按钮。
（2）用鼠标右键单击这条水平线，从快捷菜单中选择“水平线属性”命令，再从对话框中选择一个合适的颜色。
使用框架
框架是把Web浏览器的视窗分成几个部分，每个部分都是独立的Web页面，这样便可同时显示多个页面。
可以很容易地用FrontPage创建一个多框架的web页面。为了创建具有框架的Web页面，可从“文件”菜单的“新建”子菜单中选择“网页”命令，弹出“新建”对话框，选择“框架网页”选项卡。
在左边的列表中可选择不同类型的框架模板，选定模板后，按“确定”按钮即可创建一个具有框架的网页。
在创建有框架的Web页面时，应注意有些web浏览器不支持框架。虽然使用不能显示框架的浏览器的用户已很少，为确保这些用户仍然能够浏览到Web站点上的内容，可以填上要告诉那些低版本浏览器的使用者的话，例如请对方更换浏览器等。
在新建的框架的窗口中，单击“设置初始页”按钮将会弹出“创建超链接”对话框，可以链接到一个指定页面；单击“新建网页”按钮将创建一个新页面，然后在该页面内对该页进行编辑。在编辑页面时，若感觉页面被放在一个狭窄的框架中太拥挤，可选择“框架”菜单中的“在新窗口中打开网页”命令，这样便打开一个新的满屏窗口，可以自由地在页面中增加内容。
利用FrontPage的框架页面模板在Web页面上引入了框架布局，我们还可以在此基础上，根据需要进行进一步的设计。
1、增加新框架
要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。 其操作如下：
（1）按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。
（2）也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮，单击“确定”按钮即可。
2．删除框架
若框架页面看起来太乱，可删除某些框架。要删除一个框架，可先单击该框架选择它，再选择“框架”菜单中的“删除框架”命令即可。
3．改变框架属性
在设置好框架的整体布局后，我们还可以对每一框架的具体属性进行设置，操作如下：
（1）单击需设置属性的框架，选择“框架”菜单中的“框架属性”，则弹出“框架属性”对活框。
（2）在对话框的“名称”文本框中可输入框架名，这样便于识别不同的框架；在“选项”区域中，若选中“在例览器中可以调大小”复选框，则客户在浏览站点时，可重新定义框架尺寸，通过在“显示滚动条”下拉列表框中选择不同的描述项，可设置让滚动条是否出现。
（3）在“框架大小”区域中，可设置框架大小，可以定义一个绝对像素值或相对于浏览器窗口的百分比，若要用浏览器来设置相对于该页面中框架的尺寸，可选“相对”；在“边距”区域中，可设置内容页面与框架边框分隔的像素数值。
（4）要改变开始页面，可以在“初始网页”文本框中输入一个新的页面名字或URL。
（5）单击“框架网页”按钮，则弹出“网页属性”对话框。
（6）在该对话框的“框架”选项卡中，在“框架间距”文本框中，可输入以像素为单位的边框宽度；若要使框架边框消失，则不要选中“显示边框”复选框。
（7）单击“确定”按钮，关闭“网页属性”对话框，再单击“确定”按钮，关闭“框架属件”对话框，完成框架属性设置。
动态网页
DHTML是动态网页的意思，它其实并不是一个标准的术语。事实上没有一种技术叫作DHTML。DHTML是利用CSS(层叠样式表)，JavaScript，HTML等技术而建立的能与访问者产生互动的网页。比如在动态网页里，当访问者单击了某一张图片后，这张图片会自动的移动，这就是DHTML效果。也就是说，当网页下载完毕后，它无需再与服务器连接就能产生变化了。FrontPage2000提供了一套容易制作动态网页的方法，你可以建立起属于自己特色的动态网页。
1、使用DHTML的基本步骤
1).在页面点选需要使用DHTML的对象，比如文本，图片。对于文本需要拖曳鼠标选定；
2).在DHTML工具栏，选择通过开启的下拉列表选择一种事件，文本和图片所具有的事件是不同的；接下来再应用下拉列表选择一种效果；最后选择该效果的的实现方法；
3).当你为对象使用了DHTML后，保存该页面并预览，你会发现你选定的对象按照你设置的DHTML的效果出现；
4).如果想删除某一个对象的DHTML效果，先选定该对象，然后单击DHTML工具栏上的删除效果图标即可。
2、DHTML的事件
在DHTML制作中，我们听得最多的是“事件”这个术语。什么是“事件”呢，顾名思义，就是发生的一件事情，比如你用手打开门，那么这就是一个事件。换到网页制作中，开门变成了单击，也就是说，访问者单击了一个链接，那么出现了事件的结果，门被打开了。
在FrontPage2000中，当我们打开DHTML效果工具栏后，点选文本或者图片会产生不同事件。但它们的施用方法是一样的，下面我们以文本举例：
我们先在编辑器里输入一段文本，比如：网页陶吧，然后继续下面的三个步骤：
选定一段需要产生DHTML效果的文本，这里是：网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件，它不需要用户利用鼠标去触发它，而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。
选择好事件后，我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果，我们选择飞入。
对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯，文本可以从底部飞入，可以从左边飞入，也可以从右边飞入，这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的，比如波动。我们这里选择从底部飞入。
最后保存该页面并预览，你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然，你也可以尝试其它DHTML效果。对于选定图片，你会在DHTML效果工具栏的开启下拉列表看到新的事件，单击和鼠标悬停，它们会有各自的应用效果和实现方法。你可以每一个尝试一下，这样你就能明白这些事件和应用效果和方法之间的关系。
3、DHTML的小技巧
DHTML兼容性
利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果，Netscape Communicator 4.0或以上版本也可以浏览。
禁止DHTML
如果想禁用DHTML效果，点选菜单工具/网页选项，在打开的对话框里选择兼容性标签，取消动态HTML前的复选框里勾，这样DHTM效果被禁用。
快速使用DHTML
一般情况，在你没有选定某一个对象的情况下，你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。
4、网页过渡
网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页，你会发现当前页慢慢向中间合拢，同时出现了另一个新的页面，直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡，可以按照以下步骤：
1).打开想使用过渡效果的页面，或者新建立一个页面。点选菜单格式/网页过渡，打开网页过渡对话框；
2).在事件下拉列表里选择一个事件，我们选择进入网页。大家要注意，当你为某页和站点都设置了过渡效果时，网页将比站点过渡效果优先；
3).在周期文本框里输入持续的时间，然后在过渡效果列表框里点选一个效果，单击确定。利用浏览器打开该页面，因为我们选择的网页过渡是进入网页，所以当你打开该页时你就能看到过渡效果了。
利用DHTML效果的确是吸引访问者的有力利器，但如果你不愿意和复杂的代码打交道，那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象，比如文字，图片，然后利用“傻瓜”式的操作就可以让你的网页动起来。
Web页有自己的一组属性，通过选择“文件”菜单中的“属性”或通过鼠标右键单击页内任何位置，选择快捷菜单中的“网页属性”命令，可以打开“网页属性”对话框，在“常规”选项卡中，各项设置含义如下：
·位置：指出页的完整URL。
·标题：显示的页标题，即在HIML中显示在head元素中的tit1e标签内。
·基位置：在此位置可输入一个URL，可将这页中使用的相对URL的超链接总指向同一正确的目标，通过对一个URL的说明，可以在不移动相对URL中所有目标的情况下，移动这个页。
·默认的目标框架：定义不规定框架的页中所有超链接的默认框架。
·背景音乐：加入背景音乐，当浏览器打开该页时，会同时播放音乐。
在其它选项卡中还可对页边距、语言等系统参数进行设置。
建立超链接
--------------------------------------------------------------------------------
超链接（HyperLink）的出现使网上浏览变得更加便捷，只须用鼠标轻轻点击，便能轻松地从一个页面跳转到另一个页面，从一个Web站点跳到另一个Web站点，从一个国家跳到另一个国家。超链接就是一些特殊的文本或图像，是其它页面的入口。
1．与当前web站点的页面建立超链接
（1）在FrontPage中打开要建立超链接的页面（若是新建页面，则要肯定该页面己被保存），选中超链接源，超链接源可以是一个字符、一个单词、一句话或一幅图片等。
（2）选择“插入”菜单中的“超链接”命令，或单击“常用”工具栏的“超链接”按钮，则弹出“创建超链接”对话框（如图），在该对话框中列出了当前FrontPage中打开的Web站点中的文件夹和文件。
（3）在该对话框的文件列表中，选择要建立链接的目标文件。
（4）单击“确定”按钮，超链接建成。
2．与本机中的其它文件建立超键接
（1）选择超链接源，打开“创建超链接”对话框。
（2）在该对话框中单击“制作一个链接到您计算机上文件的超链接”按钮，然后从弹出的对话框中找到自己所要链接的文件，选中它。
（3）单击“确定”按钮，超链接建成。
3．与world wide web上某一站点建立超链接
（1）在FrontPage中打开欲建超链接的页面，选定超链接源。
（2）选“插入”菜单中的“超链接”或单击常用工具栏的“超链接”按钮，弹出“创建超链接”对话框。
（3）在“URL”文本框中，输入超链接目标的URL。
（4）单击“确定”按钮。
格式化文本
1．输入文本
从总体而言，文本仍是网页中的主体内容，在FrontPage中输入文本与在Word中输入文本非常类似。
(1).需要加入空行或换段时才使用Enter键，当输入文本达到所定义的右边界时，将自动换行。若录入文字有错可按Backspace键清除错误，重新录入。
(2).可在文本中任意位置处插入新文本内容，操作时把鼠标指针定位到欲加文本处即可添加文本。
(3).可进行覆盖式录入，即先用鼠标选中要替换的文本，然后直接录入文本。
(4).可通过单击常用工具栏的“显示所有”按钮，让段落标记在屏幕上显示或隐藏，借助段落标记可清楚地看到段与段之间的空行。
2．文本的选择
(1).选择一个单词或多个单词：选择一个单词只需在该单词上双击鼠标即可，按住鼠标左键在要选单词上拖动即可选择多个单词。选择字与选择多个单词的方法相同。
(2).选择一行文字：一行文字就是在屏幕上占据一行空间的文本。将鼠标箭头移到行的最左边，当光标箭头变为指向左边时，单击鼠标左键，便可选择该行。
(3).选择一个段落：将鼠标箭头移到该段落的最左边，当光标箭头变为指向左边时，双击鼠标左键，或按下ALT键，再用鼠标单击想要选择的段落，即可选择该段落。
3．删除、拷贝和移动文本或图片
(1).删除：删除插入点左侧的一个字符，按Backspace键；删除插入点右侧的一个字符，按Delete键；删除插入点右侧的一个单词，按Ctrl＋De1ete键；剪切所选内容并保行到“剪贴板”，按Ctrl＋X键；删除所选内容按De1e1e键或选择“编辑”菜单中的“删除”命令。
(2).拷贝：拷贝所选文本或图形到剪贴板，方法是：选中文本或图形，然后按Ctrl+C键或从菜单上选择“编辑”菜单中的“复制”菜单命令，也可直接单击工具栏中的“复制”按钮。
(3).移动文本或图片：选择想要移动的文本或图片，再拖曳到要插入的位置，释放鼠标，所选对象就移到目的地。如果先将选择的文本或图片“剪切”，然后再“粘贴”到指定区域，也可将其移动。
(4).通过“撤销”取消误操作：如果用户在不小心的情况下错误地执行操作，单击工具栏上的“撤销”命令按钮，可以取消用户执行过的操作，或从菜单栏选择“编辑”菜单中的“撤销”菜单命令，或按Cir1＋Z键。
4．加入标题
出于页面内容层次的需要，有时在页面中要加入一些小标题。 HTML语言规范采用6级标题，各级标题采用文字不同字号来区分，其中标题1为大标题，其它依次为中小标题。要设定某一级标题，可以在FrontPage格式工具栏中的“样式”下拉列表中选中一个标题等级，然后在光标处输入标题文字即可；或者先输入文字，并选定该文字，然后在“样式”下拉列表中选定某一级标题。标题结束后，将下拉列表中的格式改回原来的“普通”，再进行其它内容的输入。
5．改变字体及设置字体效果
FrontPage在通常情况下，字体为“Times New Roman”。若用户的操作系统是中文Windows95／98或Windows NT，中文默认字体为“宋体”，文字大小采用默认的字号。若要设定不同的字体，可先选择要改变的文字，然后在格式工具栏里的“字体”下拉菜单中选择一种字体，或从菜单栏选择“格式”菜单中的“字体”菜单命令，通过“字体”对话框来设置，并可设定字体样式、大小等。当字体改变后，形式将一直保持，直到用户又重新设置新的字体为止。
(1).设置字体颜色：选中文字，单击格式工具栏上的“文本颜色”按钮的下拉箭头，就会弹出其下拉列表，在“标准颜色”中选择所需颜色；若没有，可选择“更多的颜色”命令，然后从弹出的对话框中选择。
(2).设置字体样式：要对需要的文字进行粗体、斜体和下划线处理，只要选择要处理的文字，从格式工具栏上单击“加粗”、“斜体”或“下划线”按钮即可。想解除此效果，可以选中文字，再次按相应的按钮就可以解除效果，恢复到正常字体。在制作网页时，一般不采用“下划线”效果，因为下划线在一些网页中都表示有超链接。
(3).字体加线效果：共有两种:“下划线”可以在选中的文字下面划一条线；“删除线”在文字中间贯穿划一条线。
(4).特殊的文字风格：当选中的文字需要使用某些特殊风格，如“闪烁”风格，可通过选择“字体”对话框中“字体”选项卡（如图）的“效果”区域的所需选项，但有的文字特殊效果只有在浏览器中才能体现出来。
6．文本的缩进
文本的缩进就是使文本左边、右边显示空白，这种效果有利于对关键段落加强说明。要对一个已有的段落运用缩进的方式，首先选中段落，然后在格式工具栏上单击“增加缩进”按钮，段落左边和右边分别缩进一段距离，连续按“增加缩进”按钮，缩进将进一步加大。这种在文字两边同时缩进的方式也称之为双向缩进。若缩进的空间太大，可以通过单击“减少缩进”按钮来减少缩进的空间。
7．文本对齐方式
若输入的文字是从该页的左边距开始，并逐渐向右延伸，且到了行满以后又折回下行左边（左边距处）重新开始，这就是左对齐。有些文字需要居中方式，比如标题之类的文字；而有些文字需要放到右边，这些可通过格式工具栏上的“向左对齐”、“居中”和“向右对齐”按钮来实现：，不同的对齐方式可以使文本呈现不同的显示样式，而且可以清楚地表明用户想要说明的问题，使网页整体保持协调。 要设定文本的居中、左齐或右齐方式，须先选择好要设置的文本，再单击相应按钮即可。如果用户想回到原始状态的对齐的方式，应先选定该文本，再单击格式工具栏上相应的对齐按钮。
8、加入项目符号或列表编号
有一些列表前面有加圆点的符号，说明一条条的列表内容，这在专业排版中称为项目符号，在Web页面中加入项目符号或列表编号可使内容有条理、更清楚，可以通过列表把大量内容简要地描述出来，便于读者抓住重点。还有另外一种形式即列表编号，可以用来描述一个问题的处理步骤和顺序，这两种处理形式在FrontPage中运用起来很方便。
加入项目符号或列表编号与在Word中的操作很类似。先选定文本，用户可以在格式工具栏按相应的按钮，或选“格式”菜单中的“项目符号和编号方式”命令，打开项目符号和编号方式对话框（如图），从中选定不同格式的列表项目。
在FrontPage中新建的两个文本行之间都有一个空行，如果用户在输入或添加项目时不想每两行之间都出现一个空行，可以在格式工具栏上单击“项目符号”或“编号方式”按钮。该按钮为下凹状后同时出现第一个项目符号，输入需要的文字后，按“回车”键，然后在自动出现的下一个项目符号后继续输入。
FrontPage还可以通过提供列表编号或项目符号的方式对列表项进行排列。操作方法与上一段所述相同。
如果在所有项目输入完毕后，以下的内容不再希望添加编号或项目符号，可两次回车，则停止编号或停止添加项目符号。若想改变编号的形式或不想从1开始，可通过在列表符号上单击鼠标右键，在弹出的快捷菜单上选择“列表属性”命令，在弹出的“列表属性”对话框中选择“号码”选项卡，选择所需的编号风格，再在右边的“初始号码”微调器中调整起始编号，在调好之后单击“确定”.
打字不易，如满意，望采纳。
skype网页在线代码怎么生成方法详解
skype网页在线代码生成方法流程详解：
1、打开skype软件，按照要求选择skype状态，必须选择显示按钮。
2、安装最新版本的skype。
3、打开skype客户端，在“工具 - 选项- 隐私”中勾选“允许在网页上显示我的skype状态”，如下图：
skype网页在线代码怎么生成方法详解
4、定制自己的skype显示标签;
5、把第4步中生成的代码粘贴到你的在线客服、EMail签名处、网站、博客等，反正就是你希望别人能与你在线联系的地方。
在线制作非主流图片网页（能套用特效，直接上传就能制作的）
改图网，提供免费的在线图片修改服务。 现在改图网有两种图片修改功能：智能改图和人工改图 智能改图提供在线图片生成，需要会打字会上传图片就能智能自已的图片，包括：LOGO，广告图片，非主流图片，签名图片，网络名片等。 人工改图提供个性图片制作，你有特别的图片需要修改可以提交上来，由大批具有PS修改顶级能力的改客在线帮你修改图片。 体验地址：;a+href=""img+border="0"+alt="改图网"++src=""/+/a [/url]' jifen.aspx?uid='572107"' user http: orgSrc transImg="0""/ [align=Center]改图网，提供免费的在线图片修改服务[/align] 现在改图网有两种图片修改功能：智能改图和人工改图。智能改图提供在线图片生成，需要会打字会上传图片就能智能自已的图片，包括：LOGO，广告图片，非主流图片，签名图片，网络名片等。人工改图提供个性图片制作，你有特别的图片需要修改可以提交上来，由大批具有PS修改顶级能力的改客在线帮你修改图片。
如何制作个人网页？
■制作个人网页的步骤
一、准备材料
你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.
要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。
二、开始制作
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~
三、将你制作好的安放在网上
要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！
需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了。
我给你个建议,如果要建个人网站,并且物美价廉!
送2级域名,在线建站,不需要一分钱,不需要一点技术(但要会打字)
做出来的网站一般都很漂亮,这是一个女孩做的
在这个(黑马)网站有教程,但基本上你都会~他还提供大量FLASH,使网页美化~!
打开在黑马注册的个人网页很快,很速度!!!另外也有付费的,价格很划算 『详情访问』
其他的不用我多说了吧!在此,再给你提供几个黑马会员自己的网站,你参考一下再做决定~
一、黑马个人主页空间介绍
黑马个人主页空间为个人和企业提供自助式、动态生成的在线建站服务；系统集成了信息发布和互动交流等全部功能，包括信息发布、留言版、讨论组、相册、文档管理、网上商店等全部功能要素，使目前网上流行的各种应用、各项服务以一种用户可定制的方式统一在一个用户网站中；用户不仅可以使用系统的提供的模板创建自己的网站，而且可以使用系统提供的一组标记语言创建自己的模板，把动态生成的优势和静态页面的个性化完美地结合在一起，以全新的模式、全新的概念、全新的技术领先于业界。
黑马个人主页空间超越了虚拟主机和自助建站的传统概念，同时拥有动态生成的快捷和手工设计的便利，可以满足所有专业与非专业人士建站的需求，黑马个人主页空间服务将使你的建站效率将得到十倍、百倍的提高。在这里，再也没有传统的空间和程序的概念，你需要关注的是你的网站的规划和设计，系统为你自动提供了一切可用的工具，一切皆为我用。
如何将网页转化为app
你要是想直接转化成一个成熟、系统的APP是不可能的，网页代码是网页代码，APP代码是APP代码，两个不是相通的，
但是网页可以封装成APP，就是给网页加个壳子，让他长的像APP一样，也可以像APP一样下载安装到手机桌面上，但是打开还是网页，APP就是个外壳，空的，是没有什么后台，代码的，有的就只是网页，只不过给它加个APP的外壳，让它可以像普通APP一样，安装在手机桌面上，显示一个APP的图标，但打开来还是直接打开的网页。这叫网页封装APP。
这种就很简单了，很多平台都有这种工具，在线就能操作，一般一二十块钱一个吧，也挺便宜的，有个网页链接就行了，再自己想个app的名字，直接就能封装出来，这个百度经验里有详细的教程，小白就能操作。
网页设计师非常有用的几个在线工具
时间戳转换
功能简介：Unix时间戳和北京时间互转、获取时间戳方法
地址：
代码对比/归并
功能简介：在线检测/比较两个文件文本的不同
地址：
LESS编译器
功能简介：将LESS代码编译成CSS代码，方便前端人员使用
地址：
crontab表达式
功能简介：根据crontab表达式计算未来N次的执行时间
地址：
代码格式化
功能简介：可以对SQL、XML、JSON代码进行格式化和美化
地址：
编码转换
功能简介：URL解码、Native转UTF-8、Native转ASCII
地址：
网页调色板
功能简介：网页颜色选择器、颜色代码查询、RGB颜色值参考
地址：
正则表达式
功能简介：正则表达式匹配和替换、多种常用正则表达式
地址：
答题
功能简介：学霸，快来做题，提升一下你的技能吧
地址：
Markdown
功能简介：将web上的文本转换成HTML文档
地址：
UBB编译器
功能简介：UBB是一种网页中的替代HTML代码的安全代码
地址：
进制转换
功能简介：2~36进制之间任意进制转换，支持浮点型
地址：
CSV转HTML
功能简介：将CSV数据转换为HTML的表格,并展示在页面上
地址：
HTML特殊符号
功能简介：HTML特殊字符编码大全
地址：
XML转JSON
功能简介：XML和JSON的内容和输出互相转换
地址：
HTML转JS
功能简介：HTML和JS的内容和输出互相转换
地址：
js/css压缩
功能简介：在线压缩Javascript和CSS代码
地址：
网页常用字体
功能简介：总结了各种常见的网页字体的显示效果
地址：
Cron生成器
功能简介：可以在线生成任务调度Quartz的Cron表达式
地址：
JSON格式化
功能简介：Json解析、验证、格式化、压缩、以及Json与XML相互转换
地址：
SQL格式化
功能简介：sql在线美化、格式化、脚本压缩
地址：
端口扫描
功能简介：扫描常用或指定的端口，查看端口是否开放
地址：
Base64编码解码
功能简介：将字符base64编码加密,或者将base64加密的字符还原
地址：
MD5加密
功能简介：生成32位和16位的大写和小写的密文
地址：
摩斯电码
功能简介：在线摩斯电码加密解密
地址：
IP查询
功能简介：查询IP或域名的地理位置和宽带供应商、查看本机IP
地址：
文字加密解密
功能简介：支持AES、DES、RC4、Rabbit 等多种算法
地址：
HTTP状态查询
功能简介：检测网页返回的HTTP状态码
地址：
生成htpasswd
功能简介：生成htpasswd
地址：
favicon图标制作
功能简介：将上传图像剪切并生成ico格式的图标
地址：
传图识字
功能简介：可以将一段含有英文文字的照片免费转化成文字
地址：
gif图制作
功能简介：一键生成gif动态图、闪图和搞笑表情包
地址：
生成二维码
功能简介：可以设置图像格式、容错率、大小、颜色及LOGO
地址：
图片转pdf
功能简介：在线免费将多张图片转成pdf文档，一键生成pdf文档
地址：
人脸识别
功能简介：在线人脸识别，自动识别人脸批量裁剪出头像图片
地址：
DIY卡通头像
功能简介：免费的动漫人物制作工具，可以随心定制男女卡通头像
地址：
传图识色
功能简介：可以识别出光标所在处图片的颜色，并提取出图片的主色调
地址：
手绘图片
功能简介：可以自动生成手绘风格照片，还可以改变照片的模糊度
地址：
图片转Base64
功能简介：图片和Base64编码互转
地址：
衣服尺码计算
功能简介：输入你的身高体重，即可计算出你需要的衣服尺寸
地址：
身份证信息查询
功能简介：输入身份证号，查询归属地、性别和出生年月
地址：
科学计算器
功能简介：开方(√)、圆周率(π)、倒数(1/x)、正弦(Sin)
地址：
大小写转换
功能简介：可以实现人民币数字大写转换和英文大小写转换
地址：
日期间隔计算
功能简介：一款可以计算两个日期之间的天数的工具
地址：
汉字转拼音
功能简介：可以将汉字转化为带声调的拼音
地址：
文字去重
功能简介：该工具可得到无重复数据的文字
地址：
单位换算器
功能简介：长度、面积、重量、温度等单位一键对等转换
地址：
中文简繁转换
功能简介：将输入的一段文字转换为简体或繁体
地址：
阴阳历转换
功能简介：支持农历公历互查，公历和农历互相转换
地址：
邮编区号查询
功能简介：输入省份、城市、区号或邮编查询该地区号
地址：
字数统计
功能简介：快速计算文章中汉字、标点、英文和数字的个数
地址：