学生个人静态网页制作模板(学生个人静态网页制作模板代码)
怎样制作简单的静态的网页设计
你好。首先下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html
打开页面后,选着设计窗口,如图所示。设计窗口可以快速布局网页,不需要自己编辑代码。
打开你要设计的网页的设计图,本经验是百度经验首页为例,首先我们制作顶上的搜索条,点击插入—表格(如图所示)。打开表格属性编辑表格属性。插入1行和5列,表格宽度为1130,(即为网页的宽度),边距,间距分别为0,此表格只是为了定位,因此不设边框。
设置好表格后,可在表格里面插入你的内容,首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整,鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框,点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图,文本框上班还要添加内容,因此,可选择单元格右击选择表格—拆分单元格,此处是需要添加一行的内容,因此拆分为两行,如图所示。
用同样的办法拆分上面的行,因为要添加10个选择项,因此拆分为10列(右击选中的行—拆分单元格—10列—确定)。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮,同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接,本次经验分享的是静态网页,因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接,或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加,调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面,把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
学生html静态页面该如何做?(很容易哦)
对于刚开始学习网页开发的童鞋们来说,掌握了比较简单的HTML语言基础后,会迫不及待地想着手制作自己的第一个网页,然而DW等软件的安装却不尽人意。今天小编为饱受心灵摧残的童鞋们带来了福音,为大家讲解一下如何不用安装软件也能轻松建立一个HTML文件。
(下图是成品)
向左转|向右转
工具/原料
一台电脑
方法/步骤
向左转|向右转
向左转|向右转
向左转|向右转
首先,在电脑桌面新建一个记事本文件,然后打开。
向左转|向右转
接着,在里面输入HTML语言,记得开头第一行要加上!DOCTYPE HTML,缩进以一个“tab键”为标准,加上html/htmlhead/head这些基本标签,在里面输入内容即可。
向左转|向右转
向左转|向右转
输入完成后,点击左上角的“文件”“另存为”,在“保存类型”中选择“所有文件”。
向左转|向右转
向左转|向右转
然后将文件名更改成“XXXX.html”的格式,选择好保存的地址,点击保存。接着就生成了我们开始看到的文件。(在这里小编要说一下,之所以文件会有“360浏览器”的标志是因为小编已经默认用该浏览器打开此类文件了,这并非是固定的,可根据个人喜好设置)
向左转|向右转
打开文件后,一个最简单的网页就出现了,有标签还有内容。
向左转|向右转
最后,小编跟大家说一下,这个HTML文件是可以持续性更改的。先选中文件,然后右键,在“打开方式”里选择“记事本”。
向左转|向右转
向左转|向右转
向左转|向右转
打开记事本之后,你就可以在里面进行编辑了。修改完成之后直接点击“文件” “保存“ 就行了。最后打开文件,你会发现网页内容已经更改了。
实在不行,中国不是有某宝吗,我以前也是被搞的焦头烂额,只能找被人帮忙咯,唉,没办法。尽量找个技术行,便宜的,只能这样:网页链接
如何用Photoshop制作个人静态网页模板
如果你会切割的话,对网页的表格之类的要求又不高,那事情就很好办了。。。切片切好后,直接选择存为web格式,一般选4联图片的第二联,分辨率较高,尺寸最小,哦,对了要是有按钮的话你用切片编辑工具设置为按钮,填好链接,最后保存,包括一个HTML页面和他放图片的IMAGE都保存了。
请问怎么制作个人静态网页?兴趣爱好这些方面都可以!
一般网页的内容不需要改动才适合做成静态页面。如果你的日志、相册后续要添加内容,那么就不适合做成静态页面,需要伪静态。单纯的静态页面就是一些HTML代码。
dw简单网页制作成品 学生作业 静态网页
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
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 = ['0','3','6','9','c','f'];
var t = [c[Math.floor(Math.random()*100)%6],'0','f'];
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(k2){
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;is;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; isp.length;i++){
sp[i].style.color = c();
p[i].style.color = c();
a[i].style.color = c();
sp[i].style.left=r*Math.cos(360/s*i)+'px';
sp[i].style.top=r*Math.sin(360/s*i)+'px';
sp[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+'px';
p[i].style.left=ri*Math.cos(360/s*i)+'px';
p[i].style.top=ri*Math.sin(360/s*i)+'px';
p[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+'px';
a[i].style.left=rii*Math.cos(360/s*i)+'px';
a[i].style.top=rii*Math.sin(360/s*i)+'px';
a[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+'px';
}
R-=R*0.1;
if(R2){
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"/spanspan 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