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

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

ID:45744949

大小:1.37 MB

页数:11页

时间:2019-11-17

web网页设计和制作实习报告_第1页
web网页设计和制作实习报告_第2页
web网页设计和制作实习报告_第3页
web网页设计和制作实习报告_第4页
web网页设计和制作实习报告_第5页
资源描述:

《web网页设计和制作实习报告》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、网页设计与制作实验报告学生姓名班级学号指导教师文志华2015.5.23实验一简单网页制作一、实验目的1.熟悉Dreamweaver软件的操作界面。2.掌握建立本地站点的方法。3.掌握简单网页制作方法。4.掌握超链接的建立方法。三、操作步骤1.创建“潜水俱乐部”站点(1)在D盘新建文件夹,命名为shiyan1;(2)将images文件夹和gallery文件夹复制到中shiyan1中;(3)启动Dreamweaver,使用“站点|新建站点”命令创建站点。2.制作“俱乐部首页”。(1)新建网页。(2)使用

2、“文件|保存”命令保存网页,命名为index.html。(3)在文档工具栏上设置网页标题“泡泡潜水俱乐部欢迎你”。(4)从“文本.txt”中将首页的相关文字粘贴到网页中。(5)设置一级标题、二级标题、三级标题、项目列表、编号列表。(6)插入图像。(7)在Copyright后插入版权符号©。(8)在电话号码之间插入半角空格。(9)在电子邮箱地址上建立超链接,mailto:vip@BubbleUnder.com。(10)选中网页内容,然后单击“插入Div标签”按钮,分别插入header、navigati

3、on、mainContent、footer共4个Div。(11)保存网页,按F12,预览网页。四.实验结果实验二XHTML语言一、实验目的1.掌握XHTML语法。2.掌握XHTML标记及属性。3.掌握XHTML标记校验的方法。二、实验内容制作“学校主页-新闻中心-学校新闻-校领导赴包装设计艺术学院调研”的网页校领导赴包装设计艺术学院调研浏览:2827次日期:2015-03-21三、操作步骤1)创建站点(1)在D盘新建文件夹,命名为shiyan2;(2)将“文本.txt”和images文件夹复制到中s

4、hiyan2中;2)用记事本打开“文本.txt”。3)选择“文件

5、另存为”命令,将文件另存为shiyan2.html。4)在网页中添加XHTML标记和属性。实验标题字体黑体蓝色40px日期字体宋体灰色大小12px正文字体楷体大小14px5)用浏览器打开,并修改发现的错误。四、实验制作结果实验三导航栏制作一、实验目的1.掌握垂直导航条的制作方法。2.掌握水平导航条的制作方法。二、实验内容制作学校样式的导航条。三、操作步骤导航栏制作

6、>body,div,ul,li,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}#nav{width:800px;height:51px;margin:100pxauto;background:url(nav_bg.jpg)repeat-x;}#navul{list-style-type:none;}#navulli{float:left;width:100px;height:51px;background:url(nav_01.jpg)no-repeatrigh

7、tcenter;}#navullia{display:block;width:100px;height:51px;line-height:51px;text-align:center;color:#ffffff;text-decoration:none;}#navullia:hover{width:100px;height:51px;background:url(nav_03.jpg)no-repeat;}

  • 8、f="#">学校概况

  • 学科建设
  • 科学研究
  • 师资队伍
  • 教学管理
  • 招生就业
  • 对外交流
  • 学校首页
四、实验制作结果图实验四

9、应用背景图像一、实验目的1.掌握CSS背景(background)属性。2.掌握设置背景图像位置的方法。3.掌握使用背景图像替换文本的方法。4.掌握使用背景图像制作圆角框的方法。二、实验内容1.制作圆角框。2.制作泡泡俱乐部首页。三、实验步骤1.制作圆角框。(1)创建站点。(2)创建内部样式表。在浏览器中的效果如下:制作圆角框四、实验结果实验五浮动(float)页面布局一、实验目的1.掌握固定宽度网页布局的方法。2.深入理解浮动的概念。3.掌握三列布局网页的典型逻辑结

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。