本文目录
- 如何设计网站模板
- 新手怎么制作自己的个人网站
- 小学生网页设计制作，需要一个简单的网页框架和模板，可自行编辑谢谢！
- 求做一份简单的网页
- 简单网页制作
- 求帮忙做网页设计期末作品
- dw简单网页制作成品 学生作业 静态网页
- 怎么制作个人主页网站
如何设计网站模板
第一步：确定网站定位
先要想明白你打算用这个网站做什么，是做个人博客网站，用来记录生活，还是想做一个简历网站，用来找工作？或者是做一个自媒体网站，用来积累粉丝？不同类型的网站要用到不同的模板，所以在建站前一定要想清楚，这样你建站时才能有清晰的主题方向。
第二步：找一个靠谱的建站工具
现在市面上的自助建站系统很多，新手尽量选择操作简单、零门槛上手、模板设计美观、知名度较高的类型，比如「上线了」，后台都是可视化操作，而且模板设计感强，简洁欧美范儿，做出来的个人网站也好看。
第三步：搭建网站页面
进入「上线了」官网，注册账号后选择【创建网站】，再选择一个“个人”或“作品集”模板。
新手怎么制作自己的个人网站
新手建议下载自助建站系统来，
1、下载PageAdmin系统后，如果本机或服务器安装，请参考：PageAdmin安装教程 ，如果购买虚拟主机，通过ftp上传PageAdmin文件压缩包到你购买的网站空间，然后解压，输入你的网站空间绑定的域名即可打开安装界面。
2、第一次安装PageAdmin，默认打开PageAdmin的安装界面，如下图：
3、点击下一步，进行权限检测，检测通过后进入设置界面，在这里设置网站的主域名，约束方式默认即可，后台目录默认admin，可以自行修改。
数据库设置：本机或服务器请参考sql配置教程，如果购买的网站空间，数据库参数资料联系空间商。
根据实际参数填写好好进入下一步。
4、设置好默认管理员和密码。
5、安装完毕后，点击管理网站进入管理后台。
6、进入管理员登录界面，如下图，输入管理员账户和密码后即可登录管理后台。
小学生网页设计制作，需要一个简单的网页框架和模板，可自行编辑谢谢！
小学生都可以网页设计了？深感惭愧啊！你问的很抽象，不过我还是给你一个吧，一个比较常用的框架，不知道是不是你想要的
求做一份简单的网页
网站设计八步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
★要想学做网页，首先得了解制作网页的工具。
制作网页主要有以下一些工具
Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。
Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。
另外一个工具就是代码工具，例如写字本、EditPlus等，这些工具主要asp等动态网页。
此外还有一些网络编程工具，javascript、java器等。
网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。
大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。
总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！
祝你成功。
简单网页制作
一、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）设置网页背景在“网页”视图中的文档窗口底部，单击“设计”
（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）选中“首页”，单击常用工具栏中的
（2）用同样的方法将“自荐信”链接到zijian.htm、“个人简历”链接到jianli.htm、“荣誉证书”链接到zhengshu.htm、“才艺展示”链接到zhanshi.htm、“联系方式”链接到lianxi.htm。
7.保存文件，按F12键预览网页
四、制作本网站内其他页面
首先在文件夹列表中将 index.htm 复制 5个，分别重命名为 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lia
图6-78
图6-79
求帮忙做网页设计期末作品
给你一些静态模板，楼主修改下文字就可了。这里有三个html静态源码模板。如果没有满意的，楼主自己百度搜索下葡萄家园素材网，他们那里还有很多，找个适合你的静态源码模板修改。我是从他们那里下载下来的。
dw简单网页制作成品 学生作业 静态网页
《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"》
《html xmlns="http://www.w3.org/1999/xhtml"》
《head》
《meta http-equiv="Content-Type" content="text/html; charset=utf-8" /》
《title》发表评论《/title》
《script type="text/javascript"》
var fireworks = function(){
this.size = 20;
this.rise();
}
fireworks.prototype = {
color:function(){
var c = ;
var t = ;
t.sort(function(){return Math.random()》0.5?-1:1;});
return ’#’+t.join(’’);
},
aheight:function(){
var h = document.documentElement.clientHeight-250;
return Math.abs(Math.floor(Math.random()*h-200))+201;
},
firecracker:function(){
var b = document.createElement(’div’);
var w = document.documentElement.clientWidth;
b.style.position = ’absolute’;
b.style.color = this.color();
b.style.bottom = 0;
b.style.left = Math.floor(Math.random()*w)+1+’px’;
document.body.appendChild(b);
return b;
},
rise:function(){
var o = this.firecracker();
var n = this.aheight();
var c = this.color;
var e = this.expl;
var s = this.size;
var k = n;
var m = function(){
o.style.bottom = parseFloat(o.style.bottom)+k*0.1+’px’;
k-=k*0.1;
if(k《2){
clearInterval(clear);
e(o,n,s,c);
}
}
o.innerHTML = ’.’;
if(parseInt(o.style.bottom)《n){
var clear = setInterval(m,20);
}
},
expl:function(o,n,s,c){
var R=n/3,Ri=n/6,Rii=n/9;
var r=0,ri=0,rii=0;
for(var i=0;i《s;i++){
var span = document.createElement(’span’);
var p = document.createElement(’i’);
var a = document.createElement(’a’);
span.style.position = ’absolute’;
span.style.fontSize = n/10+’px’;
span.style.left = 0;
span.style.top = 0;
span.innerHTML = ’*’;
p.style.position = ’absolute’;
p.style.left = 0;
p.style.top = 0;
p.innerHTML = ’*’;
a.style.position = ’absolute’;
a.style.left = 0;
a.style.top = 0;
a.innerHTML = ’*’;
o.appendChild(span);
o.appendChild(p);
o.appendChild(a);
}
function spr(){
r += R*0.1;
ri+= Ri*0.06;
rii+= Rii*0.06;
sp = o.getElementsByTagName(’span’);
p = o.getElementsByTagName(’i’);
a = o.getElementsByTagName(’a’);
for(var i=0; i《sp.length;i++){
sp.style.color = c();
p.style.color = c();
a.style.color = c();
sp.style.left=r*Math.cos(360/s*i)+’px’;
sp.style.top=r*Math.sin(360/s*i)+’px’;
sp.style.fontSize)*0.96+’px’;
p.style.left=ri*Math.cos(360/s*i)+’px’;
p.style.top=ri*Math.sin(360/s*i)+’px’;
p.style.fontSize)*0.96+’px’;
a.style.left=rii*Math.cos(360/s*i)+’px’;
a.style.top=rii*Math.sin(360/s*i)+’px’;
a.style.fontSize)*0.96+’px’;
}
R-=R*0.1;
if(R《2){
o.innerHTML = ’’;
o.parentNode.removeChild(o);
clearInterval(clearI);
}
}
var clearI = setInterval(spr,20);
}
}
window.onload = function(){
function happyNewYear(){
new fireworks();
}
setInterval(happyNewYear,1000);
}
《/script》
《style type="text/css"》
.STYLE2 {font-size: 24px; color: #FFFFFF; }
《/style》
《script language="javascript"》
function mbcheck()
{
if(document.form1.text.value=="")
{
alert("请输入留言内容");
document.form1.text.focus();
return false;
}
return true;
}
《/script》
《style type="text/css"》
《!--
body {
background-color: #CCFFFF;
}
--》
《/style》
《/head》
《body 》
《table width="1099" height="120" border="0" align="center"》
《tr 》
《td width="120" height="120" align="left" valign="top"》《img src="picture/未命名-1.png" width="1100" height="120" /》《/td》
《/tr》
《/table》
《table align="center"》
《tr align="center"》
《td width="122" height="40" bgcolor="#6666FF" class="STYLE10"》《a href="index.asp"》首页《/a》《/td》
《td width="148" bgcolor="#6666FF"》《span class="STYLE14"》言情小说《/span》《/td》
《td width="145" bgcolor="#6666FF"》玄幻小说《/td》
《td width="127" bgcolor="#6666FF"》都市言情《/td》
《td width="118" bgcolor="#6666FF"》历史武侠《/td》
《td width="96" bgcolor="#6666FF"》恐怖小说《/td》
《td width="147" bgcolor="#6666FF"》网络小说《/td》
《td width="148" bgcolor="#6666FF"》论坛《/td》
《/tr》
《/table》
《/p》
《form id="form1" name="form1" method="post" action="tiezi-save.asp" onsubmit="return mbcheck();"》
《table width="600" height="250" border="1" align="center" bordercolor="#171717"》
《tr》
《td colspan="2" bgcolor="#8E8E8E"》《div align="center"》《span class="STYLE2"》发帖《/span》《/div》《/td》
《/tr》
《tr》
《td width="178" bgcolor="#BEBEBE"》《span class="STYLE3"》《/span》用户名《/td》
《td width="406" bgcolor="#BEBEBE"》《span class="STYLE3"》
《label》
《input name="name" type="text" id="name" /》
《/label》
《/span》《/td》
《/tr》
《tr》
《td bgcolor="#BEBEBE"》《span class="STYLE4"》请问你想说《/span》《/td》
《td bgcolor="#BEBEBE"》《span class="STYLE3"》
《label》
《textarea name="message" id="message"》《/textarea》
《/label》
《/span》《/td》
《/tr》
《tr》
《td colspan="2" bgcolor="#BEBEBE"》《span class="STYLE3"》《/span》《span class="STYLE3"》
《label》
《div align="center"》
《input type="submit" name="Submit" value="提交" /》
《input type="reset" name="Submit2" value="重置" /》
《/div》
《/label》
《label》《/label》
《/span》《/td》
《/tr》
《/table》
《/form》
《p class="STYLE2"》 《/p》
《/body》
《/html》
怎么制作个人主页网站
准备服务器域名（西部数码最便宜的虚拟主机一年68元。180M空间）
接下来就是构思一下自己的个人网站要展示些什么内容，以及你网站的主题。
着手制作网站。自己不会写的话可以去下载一些网站模板来修改。或者直接找人帮你做。做好之后再找个后台管理程序，推荐dedecms比较简单易懂。
网站制作完成之后需要备案，一般你购买服务器的服务商那都会帮助你备案的，但是需要自己提交资料。备案时间比较长，大概在20个工作日左右。
备案完成之后你的域名就可以解析到你的服务器进行绑定。别人就可以通过你的这个域名访问你的个人主页网站了。
纯手打，望采纳
