- 1、本文档共20页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
题目:设计一个个人网站
一、要求:
1.使用工具制作一个个人网站;
???2.包含至少个网页 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。
???3.网页中要有图片和文字内容,用表格进行页面布局;
???4.添加至少两种行为,并为首页添加背景音乐。 在网站中设计一个表单页面。 首页必须包含页面标题,导航栏。
输入站点名称后点击下一步,
选择“否,我不想使用服务器技术”,单击下一步
选择“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”,并选择路径,单击下一步
使用菜单“站点”“管理站点”打开站点管理对话框,进行操作
选择刚建立好的站点,并点“编辑”,得到下面的界面,用来编辑站点的高级选项(注:高级选项可不设置,因为我们建的是不使用服务器技术的简单站点)
点击确定就可以了得到这样一个界面。
下面看老师的第一条要求,是要至少四个网页,那我们就做四个
单击新建,然后单击文件
接下来,选择
然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字避免使用中文和长文件名,而且要“见其名知其意”。当然一个网站默认的索引首页名为index,这里也用index,
单击保存,这样得到第一个页面,以同样的方式建剩下的三个页面,这里我的首页默认为index.html,其他三个网页的名字分别为a.html、b.html、c.html(注:这里因为网页比较少,为方便起见就用了这种简单的命名。但事实上这种命名是不符合规范的,同学们自己命名网页的时候不要用这种不能识别网页主题的命名),我们这四个网页文件已经保存在我们建的文件夹里。
站点中已经有了四个文件。
接下来,我们开始编辑index.html。
单击index.html,显示为当前页面。
单击拆分,
然后我们看这个,这个就是网页名字,我们以张三为例,这个网页就叫张三之家,这样老师的第六条我们就完成一半了,同样的方法给其他三个网页改名字。
A网页标题
B网页标题
C网页标题
改好名字之后,一一保存,这个不多说了,接下来操作index.html。
显示首页为当前编辑页面。
首先为index.html页面添加背景音乐。
大家在代码视图里找到bodybody/,这个是什么意思就不解释了,我也不知道,就是这个了,在body后面输入代码bgsound,
然看见这张图片上,
我光标指在哪里了吧,单击空格键,这个时候注意输入法要为美式键盘字母格式,只要不是汉字就行,得到一个菜单,单击src选中,然后单击enter建,这个时候紧跟着src会出现一个浏览,单击浏览,然后出现对话框,
选择一首音乐,然后单击确定,
会继续弹出一个对话框点击是,保存到自己建好的文件夹里面,注意这里不能用汉字做音乐名字,必须改成字母或者数字
我是以beyond的歌为例,名字改为by,点击保存背景音乐就添加好了。
大家可以看一下,在站点目录下,已经有了这首歌曲。
接下来开始设计页面布局
这里用表格布局, 这个栏叫设计栏,由于大家都不会代码,所以我们主要在这个栏里操作,
下面大家点击常用里面的表格,就是下面这张图片
中的这个图标
得到对话框如图所示数据:
单击确定,得到如下界面
这个插入的表格式可以自动调整大小的,大家可以自己试一下,接下来用这些表格布局,给大家看两个图标, 这个图标就像是excel中那个合并和拆分单元格是一个意思,左边那个代表合并单元格,右面那个代表拆分单元格,excel大家都会把,就和那个布局差不错,我做一个简单的布局,为了方便,我把这个表格缩小,
这个布局很简单,第二行全部合并,第三行第二三列合并,大家可以根据自己的需要进行拆分合并,还可以在表格里面再次插入表格。
宽度和高度的设置时在代码里找到table width=900 border=0,之后把它变成table width=900 border=0 align=”center” height=””,其中align表示表格位置,height表示表格高度,大家可以根据自己的需要来填数字,默认是以像素为单位的。
接下来制作导航,这是老师第六条中的第二个要求,
注意我在这里给了两种方法,大家可以先看一下,再决定选择哪种
我没看懂什么叫动态按钮导航条,不知道是让这个字动呢,还是让这个字动呢?如果大家嫌麻烦,就直接输入汉字,结果就是下面这样的
如果要文字居中显示可以将这四个框同时选中,然后在水平栏里面选择居中
以后所有的文字格式都可以在这里面选,但是首先要选中自己所要操作的文字。
创建链接,选中首页两个字,然后单击右键——创建链接,选择index.html,然后以同样的方法,给其他三个栏里的文字做链接,创建链接的文字会有下划线,同时改变颜色
如果大
文档评论(0)