随着网络的快速发展,越来越多的人通过网络得到了许多有用的信息。从以前看别人的网站,到现在更多的人儿疫诱翡想拥有自己的网站,在网上展示自己,很多网络爱好者已经开始自己做网站。
工具/原料
Dreamweaver软件
方法/步骤
1、新建文档。选择【文件】【新建】菜撮劝丛食单命令,弹出【新建文档】对话框,选择【空白页】选项卡,然后在【页面类型】列表框中选择【HTML】选项,在【布局】列表框中选择【(无)】选项。
2、单击【创建】按钮,创建一个空白文档
3、选择【文件】,【另存为】菜单命令,弹出【另存为】对话框。在【文件名】文本框中输入“index.html”,然后单击【保存】按钮保存文档。
4、将光标放置在【标题】文本框中,输入“我的网站“
5、插入表格。将光标放置在页面中,选择【插入】,【表格】菜单命令
6、弹出【表格】对话框,将【行数】设置为“1”,【列】设置为“2”,【表格宽度】设置为“778”像素。
7、单击【确定】按钮插入表格。选择表格,然后在【属性】面板中将【对齐】设置为【居中对齐】。
8、选择【修改】,【页面属性】菜单命令,弹出【页面属性】对话框,设置【上边距】和【左边距】的值都是“0”。然后单击【确定】按钮。
9、插入顶部图像将光标放置在第1列单元格中,选择【插入】,【图像】菜单命令,弹出【选择图像源文件】对话框。
10、选择图像文件,然后单击【确定】按钮插入图像。
11、将光标放置在第2列单元格中,选择【插入】,【图像】菜单命令,弹出【选择图像源文件】对话框。
12、选择图像文件,然后单击【确定】按钮插入图像
13、插入表格。选定第1次插入的表格边框线后,按向右方向键一次,然后选择【插入】,【表格】菜单命令,弹出【表格】对话框
14、将【行数】设置为“1”,【列】设置为“6”,【表格宽度】设置为“778”像素,然后单击【确定】按钮插入表格
15、选中表格,在【属性】面板中,将【对齐】设置为【居中对齐】。
16、插入导航图像。将光标放置在第1列单元坼黉赞楞格中,然后切换到拆分视图下,在相应的位置输入如下代码:<scriptlanguage=JavaScript1.2>varisnMon墉掠载牿th=newArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");varisnDay=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");today=newDate();Year=today.getYear();Date=today.getDate();if(document.all)document.write(Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()])</script>
17、将光标放置在第2列单元格中,选择【插入】,【图像】菜单命令,弹出【选择图像源文件】对话框。
18、选择图像文件,然后单击【确定】按钮插入图像。
19、将光标放置在第3列单元格中,选择【插入】,【图像】菜单命令,弹出【选择图像源文件】对话框。
20、选择图像文件,然后单击【确定】按钮插入图像。
21、重复步骤2-3,用同样的方法插入其余的导航条图像。保存文档,按【F12】键在浏览器中浏览网站导航条效果。
22、制作网站的主体部分。选定图像【首页】,打开【属性】面板,从中选择【矩形热点工具】将光标移到图像上,在【首页】上拖动鼠标,绘制一个矩形热点。
23、在【属性】面板中,单击【链接】文本框右边的【浏览文件】按钮,弹出【选择文件】对话框。选择链接文件,单击【确定】按钮。
24、将光标移到【我的简介】图像上,并在其上方拖动鼠标,绘制一个矩形热点。然后在【属骂宙逃慈性】面板中,设置图像的链接(此处设置为空链接)。按照步骤1~4,在其他导航图像上绘制矩形热区,并设就女蒿鸳置相应的链接(此处设置为空链接)。
25、插入表格.将光标定位于导航栏的右侧,选探怙鲔译择【插入】【表格】菜单命令,在弹出的【表格】对话框中,将【行数】设置为“1”,【列】设置为“3”,【表格宽度惋鸺倦濯】设置为“778”像素,并设置表格的【对齐】属性为【居中对齐】。
26、创建公告栏和祝福栏。将光标放置在第1行单元格中,选择【插入】,【图像】菜单命令,在弹出擢爻充种的【选择图像源文件】对话框中选择图像文件,然后单击【确定】按钮插入图像。添加其他内容以此类推。