网页设计作业成品代码，大一网页设计作业

编程之家2026-07-01620次浏览

大家好，关于网页设计作业成品代码很多朋友都还不太明白，今天小编就来为大家分享关于大一网页设计作业的知识，希望对各位有所帮助！

求网页设计作业

求网页设计作业.确定网页的主体色调风格。

我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.规划网站的整体布局——导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3.准备和归类素材——图片、音频、视屏、文章等。

制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

.4建立自己的主页，按照之前的定的风格设计布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

求dreamweaver网页设计作业你可以直接把你们老师的要求发出来根据你们老师的要求来做，一般来说还是很简单的。

求DW网页设计作业我大学时候的作业，是一个个人主页主题，要是不符合你的要求，你可以自己修改一下

已发，请查收

速求网页设计作业你为什么要让别人帮你呢？我们星期一就要学网页设计了 FLASH我很熟悉因为以前自学过温习一下就可以了我现在好想我的网页设计技术要是能继续提高我就能帮别人设计网站不但对自己有好处对别人也是还是你学完后是不是外边工作？你在什么行业上工作？电脑？要是那样你把这个问题解决了自己去做网页因为那样会害了你你自然学电脑就是给自己学的不是让别人给你做开小车把做好的给了老师就完成了你觉得那有意思？你学了网页设计你想你的个人网站框架了吗？学网页设计没有兴趣制作自己的个人网站那等于没学你要是今天不把问题解决你这靠子和电脑行业无缘为了证明你把分都给我...就说明你有决心有信心在IT行业上发展成为对祖国IT行业有贡献的人我相信你我也会为祖国IT行业做贡献的因为我现在就是在学电脑明年学编程把我在代码上的缺陷解决...相信你看了我的回答会有启发...谢谢...

2009-10-30 9:15 Yoogal回答

急求DW网页设计作业需要几个页面的啊？要求可不可以详细点？+

我可以给你做。

急求网页设计作业我有大二时做的dreamweaver的网页作业。有20份作业的源文件。任你挑选。

邮箱我就不单独发了，为了方便大家下载参考。

我把网页作业源文件打包上传到我的百度网盘。可以直接下载，不需要注册，也不需要积分。

网盘的下载地址，附在了下面

打字不易，如满意，望采纳。

求网页设计作业作品建议你可以直接把你们老师的要求发出来。根据你们老师的要求来做。一般来说都还是比较简单的。

dw网页设计作业确定好建设什么主题没有，确定好以后准备建设素材就能制作了

求一个html或者css、js的网页设计作业

<!DOCTYPE HTML>

<!--

*{margin:0;padding:0;border:0;}

body{

font-family: arial,宋体, serif;

font-size:12px;

}

#nav{

width:180px;

line-height: 24px;

list-style-type: none;

text-align:left;

/*定义整个ul菜单的行高和背景色*/

}

/*==================一级目录===================*/

#nav a{

width: 160px;

display: block;

padding-left:20px;

/*Width(一定要)，否则下面的Li会变形*/

}

#nav li{

background:#CCC;/*一级目录的背景色*/

border-bottom:#FFF 1px solid;/*下面的一条白边*/

float:left;

/*float：left,本不应该设置，但由于在Firefox不能正常显示

继承Nav的width,限制宽度，li自动向下延伸*/

}

#nav li a:hover{

background:#CC0000;/*一级目录onMouseOver显示的背景色*/

}

#nav a:link{

color:#666; text-decoration:none;

}

#nav a:visited{

color:#666;text-decoration:none;

}

#nav a:hover{

color:#FFF;text-decoration:none;font-weight:bold;

}

/*==================二级目录===================*/

#nav li ul{

list-style:none;

text-align:left;

}

#nav li ul li{

background:#EBEBEB;/*二级目录的背景色*/

}

#nav li ul a{

padding-left:20px;

width:160px;

/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/

}

/*下面是二级目录的链接样式*/

#nav li ul a:link{

color:#666; text-decoration:none;

}

#nav li ul a:visited{

color:#666;text-decoration:none;

}

#nav li ul a:hover{

color:#F3F3F3;

text-decoration:none;

font-weight:normal;

background:#CC0000;

/*二级onmouseover的字体颜色、背景色*/

}

/*==============================*/

#nav li:hover ul{

left: auto;

}

#nav li.sfhover ul{

left: auto;

}

#content{

clear: left;

}

#nav ul.collapsed{

display: none;

}

-->

#PARENT{

width:300px;

padding-left:20px;

}

</style>

<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">网页教学网</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

var LastLeftID="";

function menuFix(){

var obj= document.getElementById("nav").getElementsByTagName("li");

for(var i=0; i<obj.length; i++){

obj[i].onmouseover=function(){

this.className+=(this.className.length>0?"":"")+"sfhover";

}

obj[i].onMouseDown=function(){

this.className+=(this.className.length>0?"":"")+"sfhover";

}

obj[i].onMouseUp=function(){

this.className+=(this.className.length>0?"":"")+"sfhover";

}

obj[i].onmouseout=function(){

this.className=this.className.replace(new RegExp("(?|^)sfhover\\b"),"");

}

function DoMenu(emid)

{

var obj= document.getElementById(emid);

obj.className=(obj.className.toLowerCase()=="expanded"?"collapsed":"expanded");

if((LastLeftID!="")&&(emid!=LastLeftID))//关闭上一个Menu

{

document.getElementById(LastLeftID).className="collapsed";

}

LastLeftID= emid;

}

function GetMenuID()

{

var MenuID="";

var _paramStr= new String(window.location.href);

var _sharpPos= _paramStr.indexOf("#");

if(_sharpPos>= 0&& _sharpPos< _paramStr.length- 1)

{

_paramStr= _paramStr.substring(_sharpPos+ 1, _paramStr.length);

}

else

{

_paramStr="";

}

if(_paramStr.length> 0)

{

var _paramArr= _paramStr.split("&");

if(_paramArr.length>0)

{

var _paramKeyVal= _paramArr[0].split("=");

if(_paramKeyVal.length>0)

{

MenuID= _paramKeyVal[1];

}

if(_paramArr.length>0)

{

var _arr= new Array(_paramArr.length);

}

//取所有#后面的，菜单只需用到Menu

//for(var i= 0; i< _paramArr.length; i++)

{

var _paramKeyVal= _paramArr[i].split('=');

if(_paramKeyVal.length>0)

{

_arr[_paramKeyVal[0]]= _paramKeyVal[1];

}

if(MenuID!="")

{

DoMenu(MenuID)

}

GetMenuID();//*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果

menuFix();

--></script>

网页设计作业

我有大二时做的dreamweaver的网页作业。有20份作业的源文件。任你挑选。

邮箱我就不单独发了，为了方便大家下载参考。

我把网页作业源文件打包上传到我的百度网盘。可以直接下载，不需要注册，也不需要积分。

网盘的下载地址，公布于本人的百度空间的文章中。

找不到或者有什么问题的可以私信我

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！

js效果有哪些 js最简单的几个特效代码检查工具sonar，代码扫描工具sonarqube