个人主页制作步骤教案.docxVIP

一、创建主页1、在硬盘中创建一个文件夹，命名为“XXX的个人主页”2、在新建的文件夹中复制提供的素材内容，galleria、images、menu.html3、打开Dreamweaver，在菜单窗口中找到文件列表，找到刚刚创建的个人主页文件夹4、鼠标右键，选择新建文件，在个人主页文件夹下面会出现一个untitled.html的网页文件。我们将文件重命名为index.html5、在head标签下的title标签中，将“无标题文档”改为“XXX个人主页”6、添加网页背景，这里用到了CSS，先不做理解，head标签中，紧挨着title标签，添加以下代码，添加完成后切换到设计视图会发现背景已经改变:style type=text/css!--.STYLE1 {color: #3333FF}body {background-image: url(images/hehua.jpg);}--/style7、添加一个4行2列的表格，宽度100%，边框粗细为08、将表格第一行合并单元格，添加主页的名称：“XXX的个人主页”,格式为标题19、跳过第二行的导航栏，先在第三行的左侧单元格插入自己个人的照片10、添加一个布局对象，div标签，在标签中插入一个标题1，用于我们写心情的主题，如“天气预报”11、在心情的后面插入一个水平线，用于分割标题与正文12、鼠标选中右侧的单元格，切换到代码或者拆分，将下面的内容粘贴到代码中，粘贴在div结束标签下面。marquee scrollAmount=3 direction=up style=font-size:18px; line-height:50px; font-weight: bold;xxxxbr //marquee13、，其中xxxx可以写你的个人简介、格言、座右铭等等内容。用“br/”换行。14、添加导航菜单iframe src=menu.html width=100% height=70px scrolling=no frameborder=0/iframe二、创建个人相册1、创建图片相册网页，并命名为“photo.html”2、按照主页中的方法，加入页面背景、标题、导航栏3、导入脚本，第一个导入jquery，第二个导入galleria，第三个导入load光标指向head标签中选择导入，如下图：4、加入相框，添加一个div，命名为“photo”，然后在div中插入图片三、关于菜单1、在菜单网页中，只需要将下图中变颜色的网页名称改为你自己网页，并且在后面进行说明，就可以跳转了