- 1、本文档共17页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网页设计与制作
专周报告书
学 生:
小组成员:
学 号:
班 级:
指导教师:
实习日期:
成 绩:
目 录
一、 专周实验题目 ………………………………………………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)、经过讨论我们一致决定创建以笔记本为主的电脑资讯网站;
、搜集了许多关于电脑的图片,各种硬件图片,还有各种笔记
的详细参数,市场参考价格等等。
、在专周开始之前就将主页构思好了,并且完成了大概,之后
构思个人主页,由于我们做的是个人网站,所以由我们每人做各自的
分工部分
、用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.alldocument.getElementById) {
navRoot = document.getElementById(nav);
for (i=0; inavRoot.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;
//--!]]/sc
文档评论(0)