网页设计专周报告

时间:2024.4.14

网页设计与制作 专周报告书 学 生:

小组成员:

学 号:

班 级:

指导教师:

实习日期:

成 绩:

目 录

一、 专周实验题目 ………………………………………………3

二、 专周实验目的 ………………………………………………3

三、分工……………………………………………………………3

四、专周实验内容…………………………………………………5

五、网站设计………………………………………………………5

六、实验专周心得体会……………………………………………16

七、结束语…………………………………………………………17

八、参考文献………………………………………………………17

一、 专周实验题目

运用所学知识构建网站

二、专周实验目的

1、培养学生的创新思维能力,学以致用,把学到东西充分应用。进一步做到理论和实践相结合;

2、增强学生运用所学课程《基于Web标准的网页设计与制作》的理论知识和

技能,分析解决网页设计与制作的实际问题的能力;

3、提高学生对创建网站的实际动手能力;调查研究、查阅技术文献、资料、

手册的能力;

4、通过专周实习,学生在指导教师的指导下,以课题小组协作方式完成设计课题的全部内容。

专周基本要求如下:

(1)、掌握创建网站的基本知识;

(2)、掌握对各种技能的应用;

(3)、通过收集和调查有关技术资料,设计班级网战;

(4)、熟练掌握对dreamweaver软件的使用;

(5)、掌握设计网站的基本步骤和方法;

三、分工:

由于我们组有明确的分工,我主要负责子网页的笔记本电脑部分的制作。张成明负责做超级链接和寻找资料。而谭艺利用所学的PS知识,负责美工、主页和一些另外几个子网页。

这是网站的首页

网页设计专周报告

这是我做的笔记本主页

网页设计专周报告

标题栏是用一张图片经过PS以后生成的,面导航条则是用div标签,a标签,b标签,再用标签选择器,最后做出了这样的效果。图片则是可以链接到联想笔记本的介绍部分。

这是链接后的网页,背景是白色的,看着比较纯净。主要采用的是表格布局,一半文字一半图片的布局可以让人在浏览电脑参数的同时也能欣赏到电脑外观。

网页设计专周报告

四、专周实验内容(步骤)

(1)、经过讨论我们一致决定创建以笔记本为主的电脑资讯网站;

(2)、搜集了许多关于电脑的图片,各种硬件图片,还有各种笔记

的详细参数,市场参考价格等等。

(3)、在专周开始之前就将主页构思好了,并且完成了大概,之后

构思个人主页,由于我们做的是个人网站,所以由我们每人做各自的 分工部分

(4)、用PS修改搜集来的图片使其达到想要的效果,最终设计出

有良好的视觉效果的页面设计方案。

五、网页设计

下面为我设计的笔记本副主页的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript"><!--//--><![CDATA[//><!--

startList = function() {

if (document.all&&document.getElementById) {

无空格*/

} navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; /*问题3 不能 } } } node.onmouseout=function() { } this.className=this.className.replace(" over", "");

}

window.onload=startList;

//--><!]]></script>

<script type="text/javascript" src="jquery-1.2.6.js"></script><script type="text/javascript"> $(document).ready(function(){

function changeImage(element,index){

var arryImgs =

["images/lianxiang4.jpg","images/lianxiang5.jpg","images/lianxiang6.jpg"];

$(".clickButton a").removeClass("active"); }); function autoChangeImage(){ } function clickButton(index){ } $(".clickButton a:nth-child("+index+")").click(); for(var i = 0; i<=10000;i++){ window.setTimeout("clickButton("+(i%3+1)+")",i*1000); } $(".clickButton a").attr("href","javascript:return false;"); $(".clickButton a").each(function(index){ $(this).click(function(){ changeImage(this,index); }); }); autoChangeImage();

$(element).addClass("active");

$(".imgs img").attr("src",arryImgs[index]);

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

</script>

<style type="text/css">

<!--

img{

} border:0px; float: left;

border:1px gray dashed; .imgsBox{overflow:hidden;width:900px;height:176px;

margin:10px 10px 10px 0;

padding:5px;

float:left;}

.imgs a{display:block;width:900px;height:164px;}

.clickButton{background-color:#888888;width:282px;height:12px;position:relative;top:-1px;_top:-5px;}

.clickButton div{float:right;}

.clickButton a{background-color:#666;border-left:#ccc 1px

solid;line-height:12px;height:12px;font-size:10px;float:left;padding:0

7px;text-decoration:none;color:#fff;}

.clickButton a.active,.clickButton a:hover{background-color:#d34600;}

-->

</style>

<style type="text/css">

#nav,#nav ul{

li {

}

li ul {

display: none;

position: absolute; float: left; width: 110px; position:relative; padding: 0; margin: 0; list-style-type:none; }

top: 22px;

}

li:hover ul {

display: block;

}

li:hover ul,li.over ul { /*IE 6不支持非a元素的伪类,故IE6不显示下拉菜单*/

}

ul li a{

}

ul li a:hover{

}

body {

}

.beijingse {

}

h2 {

}

.tongzhi {

}

.tupian {

}

.daohang {

} display: block; display:block; font-size:14px; text-align:center; border: 1px solid #ccc; padding:3px; text-decoration: none; color: #00F; height:1em; background-color: #FFF; background-color:#F00; background-image: url(images/12345.jpg); background-repeat: no-repeat; background-position: center; color: #333; background-image: url(images/113.JPG); background-color: #FFC; background-image: url(images/12.jpg); float: left; color: #000;

body {

}

.one {

}

#FlashID {

}

p {

}

.firstLetter{

}

.p1{

}

.anniu {

}

.hu {

}

.hu {

}

</style>

</head>

<body>

<table width="816" height="360" border="1" align="center"> <tr>

<td width="806" height="182"><img src="images/22.gif" width="567" height="142" font-size: 14px; line-height: 1.5; margin: 0px; text-indent: 2em; float: left; color: #F00; font-size:3em; float:left; width:240px; float:left; margin:10px; margin-left:0; padding:10px; background-image: url(images/123456.jpg); background-repeat: no-repeat; background-position: center; color: #3CF; font-size: 24px; color: #6CF; font-weight: bold; font-style: italic; font-family: "Arial Black", Gadget, sans-serif;

/><img src="images/08.gif" width="205" height="156" /></td>

</tr>

<tr>

<td height="33"><ul id="nav"> <li><a href="index.html" class="anniu"><strong>首 页</strong></a></li>

<li><a class="anniu"><strong>硬件</strong>介绍</a>

<ul>

<li><a href="cpu.html">CPU</a></li>

<li><a href="zhuban.html">主 板</a></li>

<li><a href="xianka.html">显 卡</a></li>

<li><a href="xianshiqi.html">显示器</a></li>

<li><a href="jianshu.html">键 鼠</a></li>

<li><a href="zhengzaijianshe.html">更 多</a></li>

</ul>

</li>

<li><a class="anniu" href="index.html"><strong>软件</strong>下载</a> <ul>

<li><a href="exe/QQ2011Beta3.exe">腾讯QQ</a></li>

<li><a href="exe/暴风影音5.exe">暴风影音</a></li>

<li><a href="exe/多米音乐_0.2.3.4.exe">酷我音乐盒</a></li> <li><a href="exe/SogouExplorer_3.1.0.3846_3354.exe">搜狗浏览器</a></li>

<li><a href="exe/360安全卫士8.5Beta.exe">360安全卫士</a></li> <li><a href="zhengzaijianshe.html">更 多</a></li>

</ul>

</li>

<li><a class="anniu" href="index.html"><strong>系统维护</strong></a> <ul>

<li><a href="yingjianweihu.html">硬件维护</a></li>

<li><a href="ruanjianweihu.html">软件维护</a></li>

<li><a href="wangluoanquan.html">网络安全</a></li>

<li><a href="bingduchasha.html">病毒查杀</a></li>

<li><a href="xitonghuanyuan.html">系统还原</a></li>

<li><a href="zhengzaijianshe.html">更 多</a></li> </ul>

</li> <li><a href="#" class="anniu"><strong>品牌电脑</strong></a>

<ul>

<li><a href="lianxiang.html">联想</a></li>

<li><a href="huipu.html">惠普</a></li>

<li><a href="huashuo.html">华硕</a></li>

<li><a href="Apple.html">苹果</a></li>

<li><a href="Sony.html">索尼</a></li>

<li><a href="zhengzaijianshe.html">更 多</a></li> </ul>

</ul></td>

</tr>

<tr>

<td valign="top" class="beijingse"><div class="imgsBox">

<div class="imgs" align="center">

height="164" />

</div> <div class="clickButton"> <div> <a class="active" href="">1</a> <a class="" href="">2</a> <a class="" href="">3</a> <a href="Lenovo.html"> <img id="pic" src="images/lianxiang4.jpg" width="900" </a>

</div>

</div>

</div>

<img src="images/lianxiang7.jpg" width="894" height="417" /><img

src="images/lianxiang8.jpg" width="897" height="416" /><img src="images/lianxiang9.jpg" width="904" height="428" />

<p>&nbsp;</p>

<h2>前言</h2>

如今,市场上的品牌电脑可谓众星云集,各有千秋,而联想电脑却始终凭借着其稳定的性能、完善的品质和优异的服务为消费者的至爱,让我们来细细品味:

<div></div>

<h2><a name="2" id="2"></a>公司介绍</h2>

● 联想是一家营业额达210亿美元的个人科技产品公司,客户遍布全球 160多个国家。

<div></div>

● 联想是全球第二大个人电脑厂商,名列《财富》世界500强,为全球前五大电脑厂商中增长最快 。自19xx年起,联想一直蝉联中国国内市场销量第一,现占中国个人电脑市场超过三成份额。

<div></div>

● 凭借创新的产品、高效的供应链和强大的战略执行,联想锐意为全球用户打造卓越的个人电脑和移动互联网产品。集团由联想及前IBM个人电脑事业部所组成,在全球开发、制造和销售可靠、优质、安全易用的技术产品及优质专业的服务。

<div></div>

● 联想产品系列包括Think品牌商用个人电脑、Idea品牌的消费个人电脑、服务器、工作站以及包括平板电脑和智能手机在内的家庭移动互联网终端。

<div></div>

● 联想的「保卫和进攻」战略为集团下阶段的发展奠定了坚实的基础,在这项战略

下,联想围绕新兴市场和成熟市场的独特业务架构运营,以便因应不同的市场特色,迅速而有效地执行适当的战略。

<div></div>

● 一流的世界级研发团队分驻于日本大和研究所、中国北京、上海、深圳及美国北卡罗莱纳州的罗利。

<div></div>

● 在中国的北京、上海、惠阳及深圳、印度的庞帝其利(Pondicherry)、墨西哥的蒙特雷(Monterrey)及美国的格林斯博罗(Greensboro)设有个人电脑制造和物流基地,并于全球采用合同制造及OEM。

<div></div>

● 全球员工约24,000名。

<div></div>

● 联想在香港联合交易所上市(香港交易所股份编号:0992),并且设有美国预托证券在美国进行买卖 (预托证券代码:LNVGY) 。

<div></div>

<h2><a name="3" id="3"></a>质量</h2>

联想电脑的最大卖点就是<a href="/view/13930.htm" target="_blank">质量</a>。联想电脑生产时是专业化、流水线作业,出厂关都经过严格的质量把关,由专业人员在电磁干扰、高低温、辐射等方面进行严格规范化测试。质量上绝对不是仅靠一把螺丝刀组装的<a

href="/view/706987.htm" target="_blank">兼容机</a>能比的,其故障率比兼容机要少得多。联想电脑所采用的配件性能并不算优秀,不过联想电脑就是让您在使用中表现得稳定、出色,这也体现出厂家的实力。

<div></div>

<h2><a name="4" id="4"></a>个性设计</h2>

<div id="alb_4090661" log-set-param="album_view">

<p><a href="/albums/16950/16950.html#1388705$" target="_blank"><img

src="/baike/abpic/item/9f6e190850c09367e82488f5.jpg" alt=""

data-src="/baike/abpic/item/9f6e190850c09367e82488f5.jpg" /></a></p> 联想电脑(16张)</div>

看过联想电脑天骄、锋行、家悦系列的朋友,你们是否被它们新颖的造型、绚丽的色彩所吸引呢?这种高水平的创意和时尚化的设计,让人感觉到:&ldquo;原来电脑可以更美的!&rdquo;一部外形独特、做工精细的电脑,也是对家庭及办公环境的一种装饰。最新产品天骄i660,超小机身,只占传统主机的七分之一(一本词典的厚度,一本杂志的<a

href="/view/51849.htm" target="_blank">宽度</a>),吸入式光驱,感应开关,隐蔽式接口设计,无线鼠标和键盘,底部有&ldquo;U&rdquo;型情感灯,28分贝超底静音,10合1读卡器,可与客厅电视连接,千兆网卡,纳米防辐射涂层,样式更美观。

<div></div>

<h2><a name="5" id="5"></a>易用</h2>

联想电脑的说明书详细通俗,让您一看就懂;而兼容机的说明书不仅多,而且英文多多,让人看着头疼。联想电脑的驱动盘格式统一,标注得清楚,而兼容机除了驱动盘标注不统一外,还分放在不同的产品包装盒里,让人找起来费神劳力。联想电脑特别是<a

href="/view/560170.htm" target="_blank">家用电脑</a>,还在&ldquo;网络化、易用化&rdquo;上大做文章,有很多贴心的设计,如&ldquo;一键上网&rdquo;、&ldquo;<a

href="/view/3323.htm" target="_blank">多媒体</a>播放&rdquo;、&ldquo;手写输入&rdquo;等,降低了操作难度,提高了工作效率,让老百姓更容易使用电脑。

<div></div>

<h2><a name="6" id="6"></a>服务</h2>

电脑产品不同于<a href="/view/204363.htm" target="_blank">一般</a>家电,它包括<a href="/view/25278.htm" target="_blank">硬件</a>和<a href="/view/37.htm" target="_blank">软件</a>两个方面,出现故障的机率也比较高,因此厂家的<a href="/view/300225.htm"

target="_blank">售后服务</a>也显得尤为重要。这一联想电脑的优势就非常明显,它不仅配备了高素质的今后服务和技术咨询队伍,提供了三年保修和及时、迅速的上门服务,让<a href="/view/99548.htm" target="_blank">消费者</a>真正做到&ldquo;买得放心、用得安心!&rdquo;。

<div></div>

<h2><a name="7" id="7"></a>附赠产品</h2>

联想电脑附赠了各种软件,包括<a href="/view/880.htm" target="_blank">操作系统</a>、文字处理、家庭娱乐、杀毒及上网软件,内容丰富,简单易学,很适合初学者使用。当然更让人动心的是送手写板、电子词典等东西。另外,您还可以用更优惠的价格购买<a href="/view/7836.htm" target="_blank">打印机</a>、扫描仪、<a href="/view/30816.htm" target="_blank">掌上电脑</a>等<a href="/view/1214.htm" target="_blank">产品</a>。 <div></div>

<h2><a name="8" id="8"></a>附赠软件</h2>

根据电脑的不同,赠送的软件也不同。主要有<a href="/view/2369612.htm"

target="_blank">幸福之家</a>一系列软件、<a href="/view/26977.htm" target="_blank">金山软件</a>、nero、联想宽带通、数码家电、联想安全中心、诺顿杀毒软件、<a

href="/view/28493.htm" target="_blank">金山毒霸</a>、一键恢复、<a href="/view/363604.htm" target="_blank">网络爸爸</a>、联想100分学校、系统拯救、闪电恢复、<a

href="/view/6599.htm" target="_blank">金山词霸</a>……。

<div></div>

<h2><a name="9" id="9"></a>联想商用电脑产品线</h2>

按照目标消费者的不同,<strong>联想</strong>建立了覆盖个人、中小企业、大企业三类用户的完整商用产品线,包括:针对高端商务个人的<a href="/view/1344818.htm"

target="_blank">ThinkPad笔记本</a>,针对中小企业的V系列、扬天系列,以及针对大客户的ThinkCentre、<a href="/view/651776.htm" target="_blank">昭阳</a>、启天系列: <div></div>

<strong>个人商用电脑:</strong>

<div></div>

<strong>笔记本产品:</strong>

<div></div>

<strong>ThinkPad R</strong><strong>系列</strong>:高性价比的典范

<div></div>

具有主流性能与ThinkPad特性,具备高性价比,是理想的家庭及办公的笔记本工具。 <div></div>

<strong>ThinkPad SL</strong><strong>系列</strong>:成长型全功能笔记本

<div></div>

专为成长型企业量身定制,集性能、无线及多媒体功能于一身、可轻松投入的<a

href="/view/7690.htm" target="_blank">笔记本电脑</a>。

<div></div>

<strong>ThinkPad T</strong><strong>系列</strong>:性能与便携的完美平衡 <div></div>

将强大的性能与便携性完美结合,并包括更为强大、专业的已通过 ISV 认证的移动工作站。

<div></div>

<strong>ThinkPad X</strong><strong>系列</strong>:终极便携

<div></div>

极致轻薄设计,超长电池使用时间专为移动商务人士设计,产品包括全新的轻薄领袖 ThinkPad X301。

<div></div>

<strong>ThinkPad X</strong><strong>平板系列</strong>:可变式平板电脑

<div></div>

可作为书写板和笔记本电脑使用,直接在屏幕上灵活书写每一个想法。

<div></div>

<strong>ThinkPad W</strong><strong>系列</strong>:终极移动工作站

<div></div>

ThinkPad移动工作站采用英特尔&reg; 酷睿?2 计算技术和 NVIDIA 高端独立<a href="/view/2882.htm" target="_blank">显卡</a>。

<div></div>

<strong>中小企业商用电脑:</strong>

<div></div>

<strong>笔记本产品:</strong>

<div></div>

<strong>IdeaPad V</strong><strong>系列:</strong>

<div></div>

IdeaPad V系列宽屏超便携高性能笔记本电脑以时尚动感的家族Family ID设计 + 尖端科技的商务应用设计 + 体贴入微的人性关怀设计,创造三维体验设计的时尚精品,给用户带来耳目一新的商务娱乐应用体验。

<div></div>

其采用最新英特尔&reg;迅驰&reg;2<a href="/view/50152.htm" target="_blank">处理器</a>技术,结合联想最新科技结晶,是专门针对高端商用用户量身打造的笔记本精品。能同时满足用户对于笔记本便携性和丰富多媒体应用的需求,是睿智工作、精彩生活完美结合的移动平台。

<div></div>

<strong>台式机产品:</strong>

<div></div>

<strong>扬天A</strong><strong>系列</strong>:卓越品质

<div></div>

扬天A系列产品是专为100人以上的中型企业用户设计的一款产品。支持Intel AMT技术。

<div></div>

<strong>扬天M</strong><strong>系列</strong>:主流商务

<div></div>

扬天M系列产品是专为100人以下零散型采购的中小企业用户量身打造的一款产品。 <div></div>

<strong>扬天T</strong><strong>系列</strong>:实用超值

<div></div>

扬天T系列是一款经济实用的平台产品;外观朴素大方,简洁得体。

<div></div>

<strong>地税专用机</strong>:地税专用

<div></div>

联想专门为普通#5@p用户设计的专用电脑,专门用于企业用户的普通#5@p项目。 <div></div>

<strong>国税专用机</strong>:国税专用

<div></div>

一键开票为税控用户量身定制,专门用于&ldquo;金税工程&rdquo;企业增值税防伪税控项目。

<div></div>

<strong>大客户商用电脑:</strong>

<div></div>

<strong>台式机产品:</strong>

<div></div>

<strong>ThinkCentre M</strong><strong>系列:</strong>

<div></div>

ThinkCentre M<a href="/view/2056588.htm" target="_blank">塔式机箱</a>系列立足商业大客户的安全稳定的应用需求,是专为企业级客户设计的节能、环保型商务办公平台。扩展性强是塔式机箱的最大优势,可以对硬盘、光驱、内存、扩展卡等PC部件进行灵活特配。ThinkCentre M塔式机箱系列凭借高品质、绿色环保、易管理三大顶尖特性,将绿色转化为企业竞争力,助力客户实现可持续发展。

<div></div>

<strong>启天系列:</strong>

<div></div>

启天系列具有节约能源、环境友善、保护健康三大顶尖特性:

<div></div>

<strong>节能</strong>:全面通过国家节能认证,超低功耗显示器,获得国家能效标志1级认证,节能效率高达30%;

<div></div>

<strong>环保</strong>:通过了<a href="/view/61891.htm" target="_blank">中国</a>的RoHS(无铅)认证,减少对环境的影响。<a href="/view/396570.htm" target="_blank">整机</a>通过国家环保局十环认证;

<div></div>

<strong>健康</strong>:键盘、鼠标采用抗菌材料,避免细菌吸附(抗菌率达99%);经过严格的测试,保证电脑在使用过程中,无有害物质的挥发。主机通过国家电磁辐射最高级(B级)标准;

<div></div>

<strong>笔记本产品:</strong>

<div></div>

<strong>昭阳K</strong><strong>系列:</strong>

<div></div>

昭阳K系列是联想第一次汇聚全球顶尖研发人才,专为中国大客户高端业务需求打造的商务精品。

<div></div>

<strong>昭阳E</strong><strong>系列:</strong>

<div></div>

新的E系列定位于&ldquo;主流商务、实用安全&rdquo;,具备主流客户所需求的高性价比。

<div></div>

<strong>昭阳M</strong><strong>系列:</strong>

<div></div>

昭阳M系列是基于商业应用设计的专业笔记本,主要定位于追求笔记本产品便携性、功能实用性,以及有特殊定制需求的客户。

<div></div>

<strong>加固笔记本系列:</strong>

<div></div>

加固系列是联想最新开发的高可靠性笔记本电脑,产品定位为安全的宽环境计算机 <div></div>

★<a href="/view/69005.htm" target="_blank">联想公司</a>介绍

<div></div>

★<a href="/view/75723.htm" target="_blank">联想集团</a>成立于<a

href="/view/46077.htm" target="_blank">19xx年</a>,由<a href="/view/24553.htm"

target="_blank">中科院</a>计算所投资20万元<a href="/view/16730.htm" target="_blank">人民币</a>、11名<a href="/view/1043923.htm" target="_blank">科技人员</a>创办,到了今天已经发展成为一家在信息产业内多元化发展的大型<a href="/view/70550.htm"

target="_blank">企业集团</a>。20xx年年营业额达到202亿港币,目前拥有员工14000余人,于19xx年在<a href="/view/2607.htm" target="_blank">香港</a>上市(股份编号992),是<a href="/view/24239.htm" target="_blank">香港恒生指数</a>成份股。20xx年,联想电脑的市场份额达28.99%(数据来源:IDC),从<a href="/view/286684.htm" target="_blank">19xx年</a>以来连续9年位居国内市场销量第一,至20xx年3月底,联想集团已连续16个季度获得<a href="/view/398058.htm" target="_blank">亚太</a>市场(除<a href="/view/1554.htm" target="_blank">日本</a>外)销量第一(数据来源:IDC);20xx年,联想台式电脑<a href="/view/1434307.htm" target="_blank">销量</a>全球排名第五。

<p>&nbsp;</p></td>

</tr>

</table>

</body>

</html>

以上就是我做的笔记本副主页的代码,还有其他关于笔记本详细参数的网页,这里就不一一介绍了。

六、实验专周心得体会

. 这次的网页专周,不仅让我们在这短短的一周时间中把这学期所学的知识全部连接起来,拼凑成我们需要的达到的一个效果,也让我们明白了全组的组员合作才能把一件事情做好。

通过一周的专周实习,使我们对相关网页设计与制作的知识有了一个全新的认识。并且从中找到了小小的成就感,也对创建网站的认识不似之前的模糊了.有继续学习好网页技术与制作这门课程的兴趣与决心.在老师的辅导和我组成员们的共同协作下,基本完成了本次专周的要求,能准确的掌握网站创建的基本步骤和要领,达到了预期目标。当然,由于初次对网站创建的实习,在此过程中问题也在所难免,其问题在于:对创建网站不熟悉,对dreamweaver软件的不熟悉,之前我们都是看着书为div盒子添加css样式的代码,导致我们自己做的时候都不知道怎样添加css样式,通过了专周对网站的建立,我们都知道了css基本的添加。

通过网页设计与制作实验专周,我们脑海里对创建一个中小企业网站的基本步骤和基本需要,以及必要的注意事项有了总体的思路,对以后创建同样的类似网站和工程有了指导方向。在设计的过程中,使我们对网站的总体规划布局有了更深层次的理解,与实践密切结合,让书本上的知识融会贯通。更有意义的是,通过自己动手设计,我们对网站设计产生了浓厚的兴趣,这对于将来的进一步学习,受益很大。

网页设计与制作专周确实给我们带来了很多知识和兴趣,以后会加倍把网页设计与制作学好!

七、结束语

在本次网业设计与制作专周实验设计中,非常感谢XX老师平时对我们的细心知道,耐心授课,不厌其烦的回答我们的问题,对我们的细心指导和帮助,给我们提出了宝贵的意见和建议,还有我们组员的共同的努力,正是有了我们的团结互助,使我明白了团结就是力量,特别是以小组做事的时候大家更需要体谅以及良好的交流,大家多交流思路,多多讨论,当然这次能够顺利的完成网站并做到如此的效果。我们还要适应这种小组或是团队的工作方式,因为以后工作我们不太可能是一个人,特别是我们计算机专业的,如果以后从事这个职业的话,都是一个团队工作的,所以现在我们就得适应这种工作方式,要学会团队相处,不能太以自己为中心,太固执,要尊重其他成员的意见。还有使我对网页设计与制作的知识有了更进一步的理解和掌握,在创建网站的学习上迈出了重要的一步!

八、参考文献

[1] 唐四薪等编 《基于Web标准的网页设计与制作》 清华大学出版社

[2]

[3] 中关村在线

更多相关推荐:
网站设计课程设计报告

一设计内容与设计要求1课程设计目的全面熟悉掌握信息资源管理基本知识把信息资源管理的概念理论知识与技术融入到实践当中从而加深对该课程的认识和理解掌握分析问题的若干有效方法进一步提高问题思考和解决能力为后继课程信息...

网页设计课程设计报告书

河南城建学院《网页设计》课程设计报告题目:旅游河南网一、设计目的31、课程目的32、背景3二、需求分析41、河南旅游现状分析42、网站所需功能53、资料需求分析5三、功能模块分析及设计61、功能模块图62、功能…

《网页设计》课程报告模板

《网页设计》课程报告学号:专业:姓名:题目:设计时间:电子信息与计算机工程系20##年11月目录一、设计目的...2二、课程设计题目...2三、课程设计要求...3四、需求分析...3五、技术分析...4六、创…

网页设计与制作课程设计报告

网页设计与制作课程设计报告学校邵阳学院课题制作邵阳学院之旅网站专业班级电气工程及其自动化姓名吴鹏辉学号104120xx14指导教师牛莉邵阳学院电气工程系吴鹏辉网页设计与制作目录1设计目的12设计思想13网页详细...

网页制作课程设计报告

长江师范学院数学与计算机学院网页制作课程设计报告1设计目的12设计思想121网站整体结构规划思想122主页设计思想123子页的设计思想13网页详细设计分析14结论1长江师范学院数学与计算机学院网页制作课程设计报...

网页课程设计与报告

华东交通大学理工学院课程设计报告书所属课程名称网页设计与制作课程设计题目网站首页分院电信分院专业班级信息管理与信息系统1班学号20xx02104501XX学生姓名何XX指导教师程志平20xx年12月24日华东交...

网页设计课程内容

网页设计课程内容众所周知现在网页设计的发展可以说是飞流直上发展得非常的迅速很多行业都设计到了网页设计的应用现在网页设计的需求非常的多因为随着网页设计的飞速发展很多设计培训班也纷纷开设了网页设计这门课程越来越多的...

203网页设计报告

华东交通大学理工学院课程设计报告书所属课程名称网页设计与制作题目制作一个旅游静态网页分院电信分院专业班级信息管理与信息系统学生姓名曾小花指导教师魏建红20xx年12月29日课程设计论文评阅意见评阅人职称20年月...

网页设计课程设计报告

重庆交通大学信息科学与工程学院网页设计实验报告专业学号姓名实验所属课程通信网通信信息网络网页设计指导教师12级通信工程2班1网页设计课程设计报告一网站设计目的和任务一学期的网页设计理论和实践课程都结束了根据老师...

网页设计的课程设计报告

华东交通大学理工学院课程设计报告书所属课程名称所学的课程名称题目DIVCSS设计企业网站首页分院电信分院专业班级学号学生姓名指导教师20xx年6月25日1华东交通大学理工学院课程设计报告目录第1章素材的准备2第...

网页设计课程设计报告

湖南文理学院网页设计期末作业报告院系物理与电子科学学院专业电子信息科学与技术学生班级20xx级3班姓名徐荣盛学号20xx11020xx620xx年6月摘要根据本学期所学知识本人制作了一个班级网站本网站仿效一些大...

10网页设计报告

华东交通大学理工学院课程设计报告书所属课程名称网页设计题目DIVCSS制作静态网页分院电信分院专业班级信息管理与信息系统学号学生姓名指导教师2014年12月29日课程设计论文评阅意见评阅人职称20年月日华东交通...

网页设计课程设计报告(30篇)