Web课程设计报告电脑网Word格式文档下载.docx
- 文档编号:7533264
- 上传时间:2023-05-08
- 格式:DOCX
- 页数:23
- 大小:429.08KB
Web课程设计报告电脑网Word格式文档下载.docx
《Web课程设计报告电脑网Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《Web课程设计报告电脑网Word格式文档下载.docx(23页珍藏版)》请在冰点文库上搜索。
行情中心,让已经选择好爱机的人们了解价格走势,什么时候是入手的最好时机,方便购买。
运行环境:
Dreamwaver8.0
设计步骤
1.先找到太平洋电脑网,了解什么是一个电脑网站所要包含的内容,以确定自己的网站需要包括些什么。
2.收集资料,把所需的文章,图片,下载保存,以便使用。
3.为自己的网站设计一个名字。
4.为网站做页面布局。
5.将不同的内容安置在之前布局时设计好的网页的位置。
6.将子页面配上插图和文章。
7.将主页的内容添加链接链接到子页面上。
8.保存并浏览做好的网站,将不完美的地方加以改进。
9.发布网站。
制作的前期策划和准备
在制作的前期,我先浏览了个大电脑网站,确定以哪一个网站为模板,建立自己的网站。
在综合各大网站之后,我确定了太平洋电脑网。
然后我依据太平洋电脑网的页面及内容来确定我的网站需要有些什么内容,应该怎样布局。
最后将需要的文章和图片(素材)保存在电脑中以便使用。
具体设计方案
首先,我在网页的最上方加入网站的标题,并在右边加入滚动图片作为网站logo,并以代码实现鼠标放在图片上图片停止滚动,鼠标挪开图片继续滚动。
在网站的名字下方以代码实现显示当时时间。
接下来以表格形式为各个部分布局,插入图片,添加链接。
首页部分代码
<
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
htmlxmlns="
//www.w3.org/1999/xhtml"
--DW6-->
head>
--Copyright2005Macromedia,Inc.Allrightsreserved.-->
title>
电脑网<
/title>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
/>
linkrel="
stylesheet"
href="
mm_spa.css"
type="
text/css"
/head>
bodybgcolor="
#990000"
background="
mm_bg_red.gif"
tableborder="
0"
cellspacing="
cellpadding="
<
trbgcolor="
#220103"
tdcolspan="
2"
rowspan="
nowrap="
nowrap"
imgsrc="
图片/8.jpg"
\user\tingting\desktop\8.jpg"
width="
258"
height="
220"
border="
/td>
/tr>
#FF9900"
<
5"
mm_spacer.gif"
alt="
"
1"
#FF080E"
td>
&
nbsp;
4"
18"
id="
dateformat"
||<
ahref="
1.html"
产品介绍<
/a>
||<
2.html"
关于我们<
||<
4.html"
登陆<
5.html"
新品上市<
tr>
tdwidth="
12"
tdvalign="
top"
colspan="
3"
br/>
&
610"
7"
class="
pageName"
产品<
22%"
110"
3.html"
图片/9.jpg"
\User\tingting\Desktop\9.jpg"
smallproductphoto"
214"
164"
图片/1.jpg"
234"
166"
图片/2.jpg"
237"
167"
图片/3.jpg"
232"
168"
tdclass="
detailText"
valign="
javascript:
;
台式电脑<
Price:
$3000.00<
$3200.00<
笔记本电脑<
$4200.00<
主机<
$811.00<
<
tdheight="
图片/4.jpg"
218"
图片/5.jpg"
244"
169"
图片/6.jpg"
241"
172"
图片/7.jpg"
238"
175"
白色笔记本<
$4300.00<
笔记本<
$4000.00<
$1200.00<
平板<
电脑<
$1800.00<
/table>
286"
365"
602"
10"
/body>
/html>
过程分析
在我的网站的制作过程中,最困难的部分就在于排版。
在DW中,是不可以通过很过个空格来移动位置的。
于是我想到了表格,通过表格来排版最大的好处就在于可以任意移动每行每列的位置,然后通过合并和拆分单元格就能很好的排版,再把边框设置为0就能不显示排版的痕迹而有排版的效果。
此外,在用DW做网站的时候还遇到了一个小问题,直接在页面插入背景在网站上无法显示,而在表格中插入背景则没有这个问题。
连接数据库:
Dimdb
Setdb=Server.CreateObject("
ADODB.Connection"
)
db.Open"
Dbq="
Server.Mappath("
shuju.mdb"
)&
Driver={MicrosoftAccessDriver(*.mdb)}"
显示:
%>
/p>
hr
center>
spanclass="
STYLE4"
add_form.asp"
添加记录<
/span>
100%"
>
#E0E0E0"
STYLE6"
名称<
STYLE11"
网址<
简介<
删除<
修改<
%
DoWhileNotrs.Eof%>
30"
%=rs("
name"
)%>
//<
URL"
target="
_blank"
intro"
delete.asp?
link_id=<
link_id"
update_form.asp?
%rs.MoveNextLoop%>
/center>
各子网页的设计
产品介绍:
html>
图片/13.jpg"
fontface="
华文彩云"
color="
#33FF00"
size="
+1"
从一个专业的自有品牌,到营销全球的国际3C品牌,华硕自始至终都坚持不可妥协的质量与创新。
在中文命名以「华人之硕」为期许,而英文命名的灵感则来自希腊神话中的天马「PEGASUS」,其象征着圣洁、完美与纯真的形象,代表着华硕永不懈怠、追求卓越的精神。
p>
Untitled-1.html"
返回<
关于我们:
图片/16.jpg"
新宋体"
#000099"
华硕笔记本电脑的目标:
br/>
■通过不懈的努力去满足每位客户的要求;
■要专心致志,打造民族品牌,走向国际;
■要用创意去打动人,而不是用精致外观表白;
■品牌形象是产品品质加优秀的笔记本电脑。
回到首页<
专属:
图片/15.jpg"
\User\tingting\Desktop\15.jpg"
华硕网络会员专属。
是华硕为了感谢广大客户新品推出,性能全面提高。
市场价:
5200.00
再看看<
登陆界面:
asp+access用户登录代码,其中
huiyuan.mdb数据库名
pUser213表名
y_username用户名字段,y_password密码字段.
login.htm页面
登录<
body>
formname="
form1"
method="
post"
action="
loginnew.asp"
tablewidth="
200"
align="
center"
divalign="
/div>
57"
用户名<
137"
inputname="
username"
text"
id="
25"
密码<
password"
inputtype="
submit"
name="
Submit"
value="
提交"
/form>
loginnew.asp网页
%
dimusername,password
username=request.form("
)
password=request.form("
setrs=server.createobject("
adodb.recordset"
conn="
DBQ="
+server.mappath("
huiyuan.mdb"
)+"
DefaultDir=;
DRIVER={MicrosoftAccessDriver(*.mdb)};
sql="
select*frompUser213wherey_username='
username&
'
rs.opensql,conn,1,1
ifrs.eofthen
response.write"
script>
alert('
登录失败'
);
history.back();
/script>
response.end
else
ifrs("
y_password"
)<
passwordthen
response.end
endif
session("
admin"
)=username
response.write"
登录成功'
location.href='
index.asp'
endif
新品推出:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 课程设计 报告 电脑
![提示](https://static.bingdoc.com/images/bang_tan.gif)