简单网站(简单网站首页怎么做)
大家好,今天小编来为大家解答以下的问题，关于简单网站，简单网站首页怎么做这个很多人还不知道，现在让我们一起来看看吧！
简单企业网站模板
楼主可以去TempleteMonsterChina（怪兽模板）中国区官方网站看一看，里面各种行业的网站模板，包括普通的静态展示网站模板，动态FLASH网站模板，joomla，mambo，WordPress，drupal等CMS系统及博客系统的网站模板，以及ZenCart，oscommerce等购物系统的网站模板!
您可以在搜索引擎的类别中选择商业网站网页模板，在商品类型中选择带有管理系统的CMS&Blog类型，搜索即可，有几百种类似的模板供选择，希望可以帮到你！
简单网站首页怎么做
首先创建一张文本文档，然后在文档中输入html的头部和主体代码，接着更改文档后缀名为.html，再打开该网页即可。
先写出html的基本框架代码。
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
然后再主体部分输入段落标签代码。
<p></p>，标签一般都是成对出现。
然后再段落区写上文字。
<font>天朝有战国之策</font>
然后再修改写字体的背景颜色，即style="background-color:yellow"，背景颜色是黄色。
然后再写另一个段落，
<p>
<font>小邦亦有御敌</font>
</p>
然后再做一个超链接<a rel="external nofollow" rel="external nofollow" href="url">这是一个超链接</a>，点击这个超链接，会跳转到rel="external nofollow" rel="external nofollow" href="url"页面。
<a rel="external nofollow" href="https://www.sogou.com/">这是一个超链接</a>，然后点击这个链接，会跳转到搜狗页面。
简单网页制作
一、FrontPage 2003简介
FrontPage 2003是由Microsoft公司推出的Office 2003组件之一。FrontPage 2003的启动与退出、文件的打开与保存与Office系列中其他软件相同。FrontPage 2003启动后，主窗口如图6-61所示，菜单部分外貌与Office中的其他软件相似。
与以往的版本相比，FrontPage 2003有以下几个新功能：
（1）自定义浏览器分辨率预览检查；
（2）描摹图像；
（3）层功能；
（4）插入交互式按钮；
（5）行为的应用；
（6）使用网页重定向；
图6-61 FrontPage 2003启动界面
图6-62“新建”任务窗格
（7）检查网页错误；
（8）优化HTML代码；
（9）规划页面布局。
二、制作简单网页
我们在前面已经学会了用Word进行排版，其实你已经会制作一个简单网页了，只需将原来排好的Word文档，另存时选择保存类型为“Web页（*.htm；*.html）”就可保存为一个网页文件。
下面我们用FrontPage 2003制作一个简单网页。步骤如下：
1.启动FrontPage 2003
选择“开始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令，打开如图6-61所示的界面。
图6-63新的空白的网页
图6-64“网页模板”对话框
2.建立新网页
选择“文件”/“新建…”菜单命令，打开“新建”任务窗格，如图6-62所示。单击“空白网页”，也可以通过工具栏上的“新建”按钮建立一个新的空白的网页。如图6-63所示。
如果要根据 Microsoft FrontPage的模板创建网页，单击“其他网页模板”，打开如图6-64所示的“网页模板”对话框，再单击所需模板类型的选项卡，然后单击某个模板。
3.输入如下内容
图6-65
4.编辑操作
网页中的文本编辑操作与Word的编辑操作类似。
本例中，将“我的第一个网页”应用“标题一”样式，并设为隶书，水平居中；将“你好！欢迎光临”应用“标题二”样式，将其余内容应用“普通”样式，并将行距设为“1.5倍行距”，设置完成后效果如图6-65所示。
5.保存网页文件
选择“文件”/“保存”命令，弹出“另存为”对话框，指定保存位置和文件名，然后单击“保存”按钮即可完成操作。
三、制作多媒体个人主页
我们以制作一个简易的个人网站为例，进一步学习使用FrontPage 2003。
1.规划
网站规划包括规划网站的风格、网站的结构和网站的配色等，是对网站的整体定位。本例设置了6个栏目，包括首页、自荐信、个人简历、荣誉证书、才艺展示、联系方式，链接的文件名分别为index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。当然也可以结合自己情况进行修改。页面布局如图6-66所示。
2.建立网站
在FrontPage 2003中，所谓网站，就是一些网页和程序的集合，各个网页之间通过超链接联系在一起，所有的网页和文件保存在一个文件夹中，通过网站把这些文件和网页统一起来。本地网站是指本地硬盘上用来存放整个网站的所有文档的文件夹。远程网站是指网络服务器上的网站，供用户浏览。
建立一个新网站，事实上就是建立一个单独的文件夹，然后在这个文件夹中建立各个网页文件，并且把它们链接在一起。
网页制作可以在新建网站中完成，也可以像前面那样单独新建一个网页。建议用新建网站的方法来制作网页。
下面我们首先创建新的FrontPage网站：
（1）在“文件”菜单上，单击“新建”，出现如图 6-66所示的“新建”任务窗格。
图6-66
（2）在“新建”任务窗格中，单击“由一个网页组成的网站”。
（3）在“网站模板”对话框中，在“常规”选项卡下，单击需要的网站模板，本例选择“只有一个网页的网站”，并在指定新网的位置栏中，键入或选择新网的路径及名称，这里我们将默认的mysite改为myhome，如图6-67所示，然后单击“确定”按钮，出现创建新网站对话框，完成站点创建，完成后如图6-68所示。左边一列是文件夹列表，可以通过右键快捷菜单新建文件夹，对文件或文件夹进行复制、删除、重命名等操作。
图6-67“网站模板”对话框
图6-68
3.准备素材
将本例所需的图片动画素材复制到网站内的images文件夹下。
4.制作主页页眉
在“网页”视图中的文档窗口底部，单击“设计”
。
在文件夹列表中双击index.htm，打开该网页并进入编辑状态，开始首页制作。
（1）设置网页大小在“视图”菜单上，指向“网页大小”，单击
设置网页大小。
（2）设置网页背景在“网页”视图中的文档窗口底部，单击“设计”
，右击网页编辑区，在弹出菜单中单击“网页属性”项，弹出“网页属性”对话框，在标题框内输入“欢迎访问小慧的个人电子简历”；单击“格式”选中格式选项卡，选中背景栏下的“背景图片”，并单击“浏览”按钮选择背景图片。如图6-69所示。单击“确定”按钮完成网页背景设置。也可在“格式”菜单上单击“背景”来设置。
（3）插入一个一行两列的表格方法与在Word中插入表格相同。
在显示设计视图模式下，通过常用工具栏的“插入表格”按钮，或在“插入”菜单上，指向“插入”，在级联菜单中单击“表格”；右击插入的表格，在弹出菜单中单击“表格属性”，并将单元格衬距、单元格间距和粗细栏均设为0，如图6-70所示，单击“确定”按钮。
图6-69网页属性
图6-70表格属性
（4）在第一个单元格内插入图片将插入点放在第一个单元格，在“插入”菜单上，指向“图片”，再单击“来自文件”。找到要添加的文件（网站下images文件夹下的logo.gif），如图6-71所示，然后单击“插入”。
更简单的方法是从文件夹列表拖动图片文件到编辑区指定的位置即可。
（5）在第二个单元格内插入Flash动画单击第二个单元格，在“插入”菜单上，指向“图片”，再单击“Flash影片”。弹出与图6-71相似的“选择文件”对话框，找到要添加的文件（网站下images文件夹下的banner_007.swf），然后单击“插入”。
（6）在第一个表格下插入一个1行1列的表格同样将单元格衬距、单元格间距和粗细栏均设为0，设置好背景颜色，本例是选的其他颜色，如图6-72所示，在“值”文本框中输入Hex={C1，E8，C9}。
（7）制作滚动字幕在第二个表格的单元格内单击，在“插入”菜单上，单击“Web组件”，弹出插入Web组件对话框，默认选中的是字幕，因此单击“完成”按钮，弹出字幕属性对话框，在“文本”框内输入：衷心感谢您垂阅我的简历，单击“确定”按钮。如图6-73所示。
图6-71插入图片对话框
图6-72“其他颜色”对话框
5.制作正文和页脚
（1）在第二个表格下插入一个1行2列的表格，同样将单元格衬距、单元格间距设为0，但粗细设为1，暗边框设为白色，亮边框则设为其他颜色，在如图6-72所示的“值”文本框中输入Hex={99，CC，FF}。
（2）设置单元格背色。右击此表格的第一个单元格，在弹出菜单中单击“单元格属性”，弹出如图6-74所示的对话框，背景设为其他颜色，在如图6-72所示的“值”文本框中输入Hex={F1，F5，FC}。同样方法将第二个单元格设为白色。
图6-73字幕属性对话框
图6-74单元格属性
（3）调整单元格宽度，使之与第一个表格相同。
（4）在第一个单元格内插入一个8行1列的表格，并将单元格衬距、单元格间距和粗细栏均设为0。在单元格属性中将单元格对齐属性设为水平居中，垂直居中，行高调整为40。
在刚插入的表格第二行内插入图片homepage.gif，并在其后输入“首页”；在第三行内插入图片sub_dot.gif，并在其后输入“自荐信”，后面四行插入的图片均为sub_dot.gif，输入的文字依次为“个人简历”、“荣誉证书”、“才艺展示”、“联系方式”。
（5）在表格三的第二个单元格内插入一个3行3列的表格，并将单元格衬距、单元格间距和粗细栏均设为0。将中间一列调宽一些。
在该表格第一行第二列中输入“自荐信”，在第二行第二列输入自荐信的内容。设为1.5倍行距。
（6）在表格三后面插入一个2行1列的表格，并将单元格衬距、单元格间距和粗细栏均设为0；并且第一个单元格背景色设为与表格二背景色相同，在第二个单元格内输入“联系电话：023-683568XX E-mail：xiaohui＠163.com”并设为居中。
6.链接网站文件
选中要建立超链接的文字或图像，单击常用工具栏中的“插入超链接”按钮或在“插入”菜单上单击“超链接”，或者是右击选中区域并单击“超链接”，均可打开“插入超链接”对话框。如图6-75所示。
图6-75“插入超链接”对话框
（1）选中“首页”，单击常用工具栏中的
按钮，在打开的如图6-75所示的“插入超链接”对话框中，在“地址”框内输入index.htm，并单击“确定”按钮。
（2）用同样的方法将“自荐信”链接到zijian.htm、“个人简历”链接到jianli.htm、“荣誉证书”链接到zhengshu.htm、“才艺展示”链接到zhanshi.htm、“联系方式”链接到lianxi.htm。
7.保存文件，按F12键预览网页
四、制作本网站内其他页面
首先在文件夹列表中将 index.htm复制 5个，分别重命名为 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需将每个文件中自荐信部分修改为相应内容即可，页眉、超链接栏和页脚均不变。
五、网站发布
当我们完成上述内容后，需将制作的网页发布到Internet上的Web服务器中，才能供网上的访问者浏览。首先要到Internet服务提供商（ISP）那里申请购买存放网页的空间和域名，以前有很多网站（如网易等）都提供免费的个人主页存放空间，现在相对较少了，中国学生网仍在提供50M免费空间服务，大家可到http://web.6to23.com/去申请一个免费空间。
发布网站可以使用专门的FTP工具。但为了给用户提供方便，FrontPage 2003内置了网页发布功能，利用它，只需进行简单的设置，就可以轻松地完成网站发布任务。FrontPage 2003中的远程网站视图可以帮助我们将整个网站或单独的文件和文件夹发布到任何位置：扩展的 Web服务器、支持文件传输协议（FTP）或基于 Web的分布式创作和版本控制（WebDAV）的Web服务器或文件系统中的某个位置。
下面我们利用FrontPage 2003及文件传输协议（FTP）发布网站，步骤如下：
1.打开FrontPage网站
在“文件”菜单中单击“打开网站”或单击工具栏上的“打开”按钮边上的下拉标志，从下拉菜单中选“打开网站”，在弹出的“打开网站”对话框中找到需要打开的网站并单击“打开”按钮。
2.转至“远程网站”视图
若要转至该视图，请单击“网站”选项卡，然后单击窗口底部的“远程网站”按钮。或在“视图”菜单上，单击“远程网站”。如图6-76所示。
3.设置“远程网站属性”
在文档窗口顶部，单击“远程网站属性”。在弹出的对话框中，在“远程网站”选项卡上，在“远程 Web服务器类型”下，单击“FTP”。在“远程网站位置”框中，键入自己所选定的远程网站的地址及 FTP协议（本例中输入“ftp://125.91.6.75”），如图6-77所示。单击“确定”按钮，在打开的“要求提供用户名和密码”对话框中输入ISP提供的用户名和密码，单击“确定”按钮。如图6-78所示。
图6-76
图6-77
4.发布网站
通过单击窗口右下角的“发布网站”按钮即可发布所有文件。也可发布单个文件，在本地网站选择一个文件，然后单击“本地到远程”按钮
。如图6-79所示。
图6-78
图6-79
谁能推荐比较简单的网页制作软件
网页制作软件的选择
u选择一个适合自己的网页编辑工具
了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。
Frontpage
Frontpage是 Microsoft出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML语法。
但 Frontpage的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage的确是最好的入门级网页编辑工具。
常见的版本为 Frontpage98和 Frontpage2000。
Dreamweaver
Dreamweaver是 Macromedia公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage不同，Deamweaver采用的是 Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver的直观性与高效性是 Frontpage所无法比拟的。
Dreamweaver对于 DHTML的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与 Flash、Firework并称为 Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev更支持 Asp，Jsp。因此，说Dreamweaver是高级网页制作的首选并不为过。
常见的版本为 Dreamweaver4.0和 Dreamweaver UltraDev 1.0
flash
flash也是 Macromedia公司的产品，Flash是交互式矢量图和 Web动画的标准。网页设计者使用 Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。
firework
firework也是 Macromedia公司的产品，是真正的网页作图软件。Fireworks与 Dreamweaver结合很紧密，只要将 Dreamweaver的默认图像编辑器设为 Fireworks，那么在 Fireworks里修改的文件将立即在 Dreamweaver里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD格式图片导入。它是用来画图用的，它相当于结合了Photoshop(点阵图处理)以及CorelDRAW(绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks中做起来都非常方便，修改图形也是很容易的。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。
Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页
gifanimator
Ulead GIF Animator 4.0是目前最快和最易使用的 GIF动画工具，它在一个软件包中提供了顶级的功能，用于动画编排、编辑、特效和优化。 GIF Animator差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime电影、Autodesk动画或图像序列。用户可以生成适当的 HTML代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE文件，以便通过电子邮件发布和在任何地方来查看。
u制作主页
制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。
u申请的主页空间，把你制作的主页传上去
我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。
常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。
可能你开始的主页只是非常简单，但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。
好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！