web网页设计与制作实习报告

网页设计与制作实 验 报 告 学生姓名班级学号指导老师文 志 华2025.5。23实验一 简单网页制作一、实验目的1．熟悉 Dreamweaver 软件的操作界面。2．掌握建立本地站点的方法。3．掌握简单网页制作方法。4．掌握超链接的建立方法.三、操作步骤1．创建“潜水俱乐部”站点(1)在 D 盘新建文件夹,命名为 shiyan1；（2)将 images 文件夹和 gallery 文件夹复制到中 shiyan1 中；（3）启动 Dreamweaver,使用“站点｜新建站点”命令创建站点。2．制作“俱乐部首页”。（1）新建网页.（2)使用“文件｜保存”命令保存网页,命名为 index.html。（3）在文档工具栏上设置网页标题“泡泡潜水俱乐部欢迎你”。（4）从“文本。txt”中将首页的相关文字粘贴到网页中。（5）设置一级标题、二级标题、三级标题、项目列表、编号列表.（6）插入图像。(7）在 Copyright 后插入版权符号©。（8）在电话号码之间插入半角空格。（9）在电子邮箱地址上建立超链接,mailto： vip＠BubbleUnder.com。（10）选中网页内容,然后单击“插入 Div 标签"按钮，分别插入header、navigation、mainContent、footer 共 4 个 Div.（11）保存网页，按 F12，预览网页。四.实验结果实验二 XHTML 语言一、实验目的1．掌握 XHTML 语法。2．掌握 XHTML 标记及属性。3．掌握 XHTML 标记校验的方法。二、实验内容制作“学校主页—新闻中心-学校新闻—校领导赴包装设计艺术学院调研”的网页校领导赴包装设计艺术学院调研浏览：2827 次 日期：2025-03-21三、操作步骤1）创建站点（1）在 D 盘新建文件夹,命名为 shiyan2；（2）将“文本.txt”和 images 文件夹复制到中 shiyan2 中；2）用记事本打开“文本.txt"。3)选择“文件 ｜ 另存为"命令，将文件另存为 shiyan2。html。4）在网页中添加 XHTML 标记和属性.实验标题 字体黑体 蓝色 40px 日期 字体宋体 灰色 大小 12px 正文 字体楷体 大小 14px5）用浏览器打开,并修改发现的错误。四、实验制作结果实验三 导航栏制作一、实验目的1．掌握垂直导航条的制作方法。2．掌握水平导航条的制作方法。二、实验内容制作学校样式的导航条。三、操作步骤body，div，ul,li，h1,h2,h3,h4，h5,h6｛margin:0px；padding：0px；}#nav{width:800px；height:51px;margin:100px auto;background：url（nav_bg.jpg） repeat—x;}#nav ul｛list—styl...