web前端实训报告

《web前端实训报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、web前端实训报告aerdaifu.）、法国的紫色浪漫风情（French.）、在雅典，我愿意带你，走遍阳光洒过的地方（XILA.）、行走在巴黎（BaLi.）、巴塞罗那（Basailuona.）、ReadMe（ReadMe.），所有图片都经过”PS处理过。1.首页（index.htm）：采用了CSS布局页面。1）创建了style1.css文件在style文件中。2）插入的Div标签有：date标签，menu标签，main标签，make标签。3）在代码中插入了背景音乐<bgsoundsrc=pic/吴雨霏-流萤.mp3loop=true/>。4）menu

2、标签中分别设置了5个超级链接。5）插入了APDiv1显示歌词、APDiv2滚动歌词文字，并设置了歌词栏的“显示-隐藏”。2.马尔代夫的蓝色心情（Maerdaifu.）：采用Spry选项卡式面板+Ap层布局。1）采用spry选项卡式面板布局。2）面板中设置了四个选项：马尔代夫简介+景点游玩及指南1+景点游玩及指南2+图片欣赏。3）设置了APDiv1-APDiv14个层。4）APDiv8插入了滚动歌词，APDiv13插入滚动图片。5）在代码中插入了背景音乐<bgsoundsrc=pic/水木年华-多少人曾爱慕你.mp3loop=-1/>。3.法国的紫色浪

3、漫风情（French.）：1）采用spry选项卡式面板布局。2）面板中设置了五个选项：普罗旺斯简介+活动+主角(1)+主角(2)+图片欣赏。3）设置了APDiv2-APDiv15几个层。4）APDiv15插入了滚动歌词，APDiv12插入了滚动图片。5）在代码中插入了背景音乐<bgsoundsrc=pic/花粥-二十岁的某一天.mp3loop=-1/>。4.在雅典，我愿意带你，走遍阳光洒过的地方（XILA.）：1）采用表格布局。2）表格中设置了3个模块：伯罗奔尼撒半岛(Peloponissos)+圣托里尼岛(Santorini)+雅典(Athens)

4、。3）设置了APDiv2-APDiv20几个层。4）在代码中插入了背景音乐<bgsoundsrc=pic/ClaudeKelly-IHateLove.mp3loop=-1/>。5.行走在巴黎（BaLi.）：1）采用Ap层布局。2）设置了APDiv1-APDiv5几个层。3）APDiv2设置为滚动图片。4）在代码中插入了背景音乐<bgsoundsrc=pic/杨丞琳-差一个拥抱.mp3loop=-1>。6.巴塞罗那（Basailuona.）：1）采用spry选项卡式面板布局。2）设置了APDiv1-APDiv5几个层。3）APDiv3设置为

5、滚动图片。4）在代码中插入了背景音乐<bgsoundsrc=pic/王胜男-不想去上班.mp3loop=-1/>。7.ReadMe（ReadMe.）：1）采用Ap层布局+表格布局。2）设置了APDiv1-APDiv2两个层。3）APDiv2设置为滚动字幕，并插入了日期。心得通过《>标记被用于创建一个表单，action、method、name为表单标记<form>的常用属性。action属性用于指定接收并处理表单数据的服务器程序的url地址。method属性用于设置表单数据的提交方式，其取值为get或post。其中，get为默认值，这

6、种方式提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制。post方式的保密性好，并且无数据量的限制，使用method=post可以大量的提交数据。input控件：定义单行文本输入框、单选按钮、复选框、提交按钮、重置按钮等控件。select控件：可以定义下拉菜单效果。其中，<select></select>标记用于在表单中添加一个下拉菜单，<option></option>标记嵌套在<select></select>标记中，用于定义下拉菜单中的具体选项，每对<select&

7、gt;</select>中至少应包含一对<option></option>。textarea控件：定义的多行文本输入框。cols和ro>标记定义表单，并在其中嵌套相应的表单控件。另外，由于表单控件属于内块元素，不会单独占据一行，可以通过<p>标记嵌套表单控件使其独占一行。2、样式分析(1)通过最外层的div对页面进行整体控制，需要对其设置宽度和高度以及背景图片等。(2)通过form对表单进行整体控制，需要对其设置宽度和内外边距样式。(3)定义表单标题的样式，主要控制其文本样式及内外边距。(4)定义各个表单控件

8、的样式，主要控制他们的宽