静态网页的制作实验报告
静态页面设计制作实验报告
静态页面设计制作实验报告1.引言1.1 概述概述在本实验报告中，我们将介绍静态页面设计制作的相关内容。
静态页面是指在页面中没有交互性或动态效果的网页，其内容和布局在初始时都是固定的。
本报告将介绍静态页面设计的基本原则、页面布局的设计方法、以及图片和颜色选择的注意事项。
通过本报告，我们将总结静态页面设计制作的实验结果，分享设计经验，并展望未来的发展方向。
通过本实验，我们希望能够深入了解静态页面设计的相关知识，并在实践中获得更多的经验和技巧。
1.2 文章结构文章结构部分可以包括对整篇文章内容的简要概括和安排，以便读者对整个实验报告有一个清晰的了解。
在这部分可以介绍各个章节的主要内容和连贯性，为读者提供一个整体的导览。
在本实验报告中，文章结构部分可以包括对引言、正文和结论三个部分的概述。
引言部分主要介绍了实验报告的背景和目的，正文部分包括了设计原则、页面布局以及图片和颜色选择的内容，结论部分对实验结果进行总结，并分享设计经验和对未来发展的展望。
这样的结构安排能够帮助读者更好地理解实验报告的内容，并清晰地掌握整体的思路和结构。
1.3 目的：本次实验的目的是通过设计和制作静态页面，掌握静态页面设计和制作的基本原理和技术，提高对页面设计、布局、图片和颜色选择等方面的认识和实践能力。
通过实验的过程，希望能够深入了解静态页面设计的相关知识，提升自己的设计水平和实践能力，为今后的学习和工作打下坚实基础。
内容2.正文2.1 设计原则静态页面设计的核心是遵循一系列设计原则，以确保页面的美观性、易用性和可访问性。
以下是一些常见的设计原则：一致性原则：页面的整体风格、排版和配色应该保持一致，以确保用户在浏览页面时不会感到混乱或不舒服。
例如，使用相同的字体和颜色方案来展示内容，以及保持相似的布局风格。
重点突出原则：在设计页面时，需要考虑到用户的关注点，对重要的信息进行突出展示，以吸引用户的注意力。
这可以通过加粗、加亮或采用对比鲜明的颜色来实现。
网页制作实验报告
网页制作实验报告一、实验目的。
本实验旨在通过实际操作，掌握网页制作的基本原理和技术，了解网页设计的基本要求和规范，培养对网页设计的兴趣和能力。
二、实验内容。
1. 学习HTML和CSS基础知识；2. 制作一个简单的静态网页，包括文本、图片和超链接等元素；3. 掌握网页布局和样式设计的基本方法。
三、实验步骤。
1. 学习HTML和CSS基础知识。
在实验开始前，我首先对HTML和CSS进行了系统的学习。
HTML是网页的标准标记语言，用于建立网页的结构；而CSS是层叠样式表，用于控制网页的样式和布局。
通过学习这两门技术，我对网页制作有了更深入的理解。
2. 制作一个简单的静态网页。
接下来，我开始动手制作一个简单的静态网页。
首先，我创建了一个HTML文件，并在其中编写了网页的基本结构，包括头部、导航栏、内容区和底部等部分。
然后，我利用CSS对网页进行了样式设计，包括字体、颜色、边框等样式的设置。
同时，我还插入了一些图片和超链接，丰富了网页的内容。
3. 掌握网页布局和样式设计的基本方法。
在制作网页的过程中，我深入学习了网页布局和样式设计的基本方法。
通过调整CSS样式表中的参数，我改变了网页的布局和样式，使其更加美观和易于阅读。
同时，我还学会了如何使用浮动、定位和响应式布局等技术，使网页在不同设备上都能够正常显示。
四、实验总结。
通过本次实验，我深入了解了网页制作的基本原理和技术，掌握了HTML和CSS的基础知识，学会了制作简单的静态网页，并掌握了网页布局和样式设计的基本方法。
这些知识和技能对我今后的学习和工作都具有重要的意义，我会继续努力学习，提高自己的网页制作能力。
五、实验感想。
网页制作是一门非常有趣和实用的技术，通过本次实验，我对网页制作有了更深入的了解，也增强了对这门技术的兴趣。
我相信，在今后的学习和工作中，我会继续深入学习网页制作技术，不断提高自己的能力，为将来的发展打下坚实的基础。
六、参考资料。
1. 《HTML5权威指南》。
静态网站实习报告
静态网站实习报告篇一：静态页实训报告页设计实训-个人休闲页作者:朱受燕班级:电商1211学号:1202583126指导教师：柴锁柱白顺科20XX年3月六日目录前言 (3)一.实训意义： (4)二、综合实训的目的 (5)三、对个人的要求 (5)四、实习内容及制作步骤： (6)（一）页设计的基本流程 (6)（二）、页面设计 (9)五、设计成果 (13)七、特色代码 (16)八、实习心得 (22)1. 收获 (22)2、不足 (23)九、参考文献 (24)十、感谢老师 (24)前言随着时代的发展，站建设越来越接近于一门艺术而不仅仅是一项技术。
页的艺术设计，日益被站建设者所注重。
在目前国内对此领域研究甚少的情况下，将页艺术设计与其他艺术设计形式进行比较，尝试从页艺术设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。
作者认为页艺术设计是艺术与技术的高度统一，指出页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。
在明确了页艺术设计与站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达站主题这一观点。
页艺术设计是伴随着计算机互联络的产生而形成的视听设计新课题，是页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着络技术的发展而发展。
表面上看，它不过是关于页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。
互联已经遍布在我们周围，读书、购物、银行、生活服务等一切都能通过互联中的站解决。
站是由众多的页组成的，我们可以通过这些页与站交互（如查询、搜索），这些页就是动态页，实现动态要感谢各种HTML标签和脚本语言。
其中javascript语言尤为重要，他是实现动态页的必要语言，要制作页就必须用javascript，要制作精美流畅的页，就必须学好javascript。
静态网页设计与制作 实训报告
静态网页设计与制作实训报告静态网页设计与制作实训报告静态网页设计与制作实训报告这一周我们进行了为期一周的静态网页设计与制作的实训。
在这一个星期中我感触很多，无论是从网站的刚开始的主题的确定设计还是后期的网站的发布与测试。
感觉又学到了很多新的东西。
从小到大，在自己的心底就有个音乐梦想。
我喜欢唱歌，喜欢跳舞，小的时候学过电子琴，上初中后父母认为学业更加要紧，于是所有与音乐有关的东西通通不被再提起。
但是自己还是仍旧喜欢着音乐。
上大学之后，自己终于可以重新“正大光明”地重新提起音乐了，于是想制作一个音乐网站的念头就在自己的脑海中闪现着。
我一直比较喜欢的华语男歌手是周杰伦，在上大一的那个10月份，周杰伦照例出着专辑，专辑的名字却很让人耐人寻味，《跨时代》，这我才突然意识到，从小学开始，周杰伦出道10年的十张专辑整整陪我走过了小学、中学的时光。
于是在这次比赛中想制作一个关于周杰伦出道十年纪念的这样一个音乐网站。
下面就让阐述下我制作这个网站的整体构思和具体设计方案。
关于网站的框架结构：在制作之前，我在网上搜索过许多周杰伦的官方网站，例如周杰伦中文网，周杰伦中文音乐网之类的。
我发现他们制作时框架紧凑明晰，同时也包括了几个音乐网站必须具有的模块。
于是，得到借鉴，我在我的主页上面也就添加了“杰迷必知”、“杰伦贴图”、“杰伦影音”、“每日杰讯”、“歌迷会通道”这样五个模块。
在添加这五个模块的时候，我不像一些很正式的网站，模块与模块之间凑得很紧，我尝试了下自由、随机的排放。
因为我做的是一个音乐兼娱乐的网站，想让网友们怀着轻松愉悦而不是严肃的心情来看我的这个网站。
关于网站的色彩搭配：这次制作的网页是主要关乎于歌手周杰伦，访问的人群绝大多数会是周杰伦的粉丝，也绝对是时尚范儿，因此网页的主色调我采用了永不衰竭的经典黑白色调，再者黑白搭配这种反差很大的撞色能够给人很大的视觉冲击力。
中间一些板块的边框我选择了用玫红色，玫红色可以提升整个网页的活泼，使黑白色调的网页看起来不死板，严肃而不失华丽。
实验一静态网页制作报告
信息科学与电气工程学院上机实验报告（电子版）学号：140811140姓名：孙梦瑶班级: 计算141课程：指导教师: 王成时间: 2017年3月18日一、实验名称静态网页制作二、实验目的1、通过本实验了解HTML标记语言的基本语法格式2、了解使用HTML语言制作静态网页的基本技术3、掌握HTML表格的设计方法4、设计一个学生成绩查询的 网站三、实验内容1.使用Windows记事本程序制作网页编写HTML代码：启动Windows附件中的记事本程序，编写HTML代码保存HTML文件代码：<%@Page Language="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default" %><!DOCTYPE html><html xmlns="/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/><script src="Scripts/jquery-1.7.1.min.js"type="text/javascript"></script><title>我的第一个网站</title></head><body><form id="form1"runat="server"><div><h1title="学生成绩登记表"align="center">学生成绩登记表</h1><table id="学生成绩表"border="5"align="center"bordercolor="0080FF"<tr><td>学号</td><td>姓名</td><td>班级</td><td>语文</td><td>数学</td><td>英语</td></tr> <tr><td>140811138</td><td>姜倩钰</td><td>计算141</td><td>100</td><td>100</td><td>100</td></tr><tr><td>140811139</td><td>王文倩</td><td>计算141</td><td>100</td><td>100</td><td>100</td></tr><tr><td>140811140</td><td>孙梦瑶</td><td>计算141</td><td>100</td><td>100</td><td>100</td></tr></table></div></form></body></html>运行结果截图2.设计一个用于学生成绩查询的 网站设计要求：假设某学校现在有3个班级，要求设计一个能在网络中通过IE浏览器进行各班级学生成绩查询的网站。
静态网页设计实训报告
静态网页设计实训报告1. 引言本文旨在介绍静态网页设计实训的过程和步骤。
静态网页设计是一种基础的网页设计方法，通过HTML和CSS来构建网页的结构和样式。
通过这个实训项目，我深入了解了静态网页设计的原理和技术，并通过实践提升了自己的设计能力。
2. 实训背景在进行实训之前，我首先进行了一些背景调研。
了解到静态网页设计是现代网页设计的基础，通过学习和实践可以提高自己的实际操作能力。
此外，静态网页设计也有助于理解网页的结构和样式，为后续学习动态网页设计打下基础。
3. 实训目标在开始实训之前，我明确了自己的实训目标。
我希望通过这个实训项目，能够掌握以下能力：•使用HTML语言构建网页的结构•使用CSS语言美化网页的样式•熟悉网页设计的基本原则和规范•学习使用一些常用的网页设计工具和资源4. 实训步骤4.1 确定网页主题在开始设计网页之前，我首先确定了网页的主题。
根据实训要求，我选择了一个简单的主题——旅游信息网站。
这个主题既有一定的实际意义，又符合我的兴趣，能够激发我的设计灵感。
4.2 设计网页结构在确定了网页主题之后，我开始设计网页的结构。
我使用HTML语言编写了网页的基本结构，包括头部、导航栏、内容区域和底部等部分。
通过HTML语言，我可以将不同的内容组织起来，并设置合适的标签和属性。
4.3 美化网页样式网页的样式是吸引用户的重要因素之一。
为了提升用户体验，我使用CSS语言对网页进行了美化。
通过设置合适的样式属性和选择器，我调整了网页的颜色、字体、布局等方面，使其更加美观和易读。
4.4 添加内容和功能除了基本的结构和样式，我还为网页添加了一些内容和功能。
我使用文本编辑器编写了网页的文本内容，并通过插件添加了一些图片和图标。
此外，我还为网页添加了导航链接和搜索功能，方便用户浏览和搜索信息。
4.5 测试和优化在完成网页设计之后，我进行了测试和优化工作。
我使用不同的浏览器和设备测试了网页的兼容性和响应式设计，并对存在的问题进行了修复和优化。
静态网页的实训报告书
一、实训目的通过本次静态网页实训，使学生掌握HTML、CSS、JavaScript等前端技术的基本原理和应用，提高学生的网页设计能力和实际操作能力，为今后从事网页设计和开发工作打下坚实的基础。
二、实训内容1. HTML基础知识（1）HTML基本标签及属性（2）表格、列表、表单等常用标签的使用（3）图片、音频、视频等媒体元素的使用2. CSS样式表（1）CSS基本语法及选择器（2）布局技术：浮动、定位、弹性盒子等（3）颜色、字体、背景等样式设置3. JavaScript编程基础（1）JavaScript基本语法及数据类型（2）函数、对象、数组等编程基础（3）事件处理、DOM操作等应用4. 常用网页特效（1）图片轮播、无缝滚动等（2）表单验证、日期选择等（3）弹窗、动画等三、实训过程1. 实训前期准备（1）安装并熟悉开发工具，如Dreamweaver、Sublime Text等。
（2）了解HTML、CSS、JavaScript等前端技术的基本概念和原理。
2. 实训阶段（1）学习HTML基本标签及属性，编写简单的静态网页。
（2）学习CSS样式表，美化网页布局和样式。
（3）学习JavaScript编程基础，实现网页交互功能。
（4）学习常用网页特效，丰富网页内容。
3. 实训成果展示（1）完成一个具有完整功能的静态网页，包括首页、关于我们、联系我们等页面。
（2）实现网页中的图片轮播、无缝滚动、表单验证等特效。
四、实训心得1. 学会了HTML、CSS、JavaScript等前端技术的基本原理和应用，提高了自己的网页设计能力。
2. 掌握了使用开发工具进行网页制作的方法，提高了实际操作能力。
3. 通过实训，培养了良好的团队协作精神和沟通能力。
4. 深刻认识到理论知识与实践操作相结合的重要性，为今后从事网页设计和开发工作打下了坚实的基础。
五、实训总结1. 通过本次静态网页实训，我深刻认识到HTML、CSS、JavaScript等前端技术在实际应用中的重要性。
静态网页设计专业实训总结报告
静态网页设计专业实训总结报告姓名：班级：指导教师：实训时间：20xx-11-22至20xx-12-10前言1.对静态网页设计的认识1.1网页设计介绍1.2网页设计及网页布局技术1.3静态网页设计的技术要点2.主要实训项目及效果2.1项目12.1.1项目介绍2.1.2关键技术应用2.1.3作品展示2.2项目22.2.1项目介绍2.2.2关键技术应用2.2.3作品展示2.3项目32.3.1项目介绍2.3.2关键技术应用2.3.3作品展示3.实训过程总结3.1实训收获3.2存在的问题及解决思路4.结束语前言Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针DREAMW EAVER对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTE AM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。
说到DREAMWEA VER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)，两者各有千秋。
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。
现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。
在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。
静态网页制作实习报告
一、实习背景随着互联网技术的飞速发展，网页设计已经成为计算机科学与技术领域的一个重要分支。
为了更好地了解和掌握静态网页的制作技术，提高自己的实践能力，我在本学期选择了静态网页制作作为实习项目。
本次实习旨在通过实际操作，深入了解HTML、CSS和JavaScript等前端技术，并尝试制作一个具有实用功能的静态网页。
二、实习目的1. 熟悉并掌握HTML、CSS和JavaScript等前端技术的基本原理和应用。
2. 培养良好的编程习惯和团队协作能力。
3. 提高自己的审美观和设计能力。
4. 制作一个具有实用功能的静态网页，为实际项目积累经验。
三、实习内容1. HTML学习在实习初期，我重点学习了HTML的基础知识，包括标签、属性、文档结构等。
通过查阅资料和在线教程，我掌握了HTML的基本语法和常用标签，如`<div>`,`<p>`, `<a>`, `<img>`, `<table>`等。
2. CSS学习接着，我学习了CSS的基本原理和应用。
CSS主要用于美化网页，控制网页元素的样式。
我学习了如何使用选择器、盒模型、布局技术（如浮动、定位）等，以及如何使用媒体查询实现响应式设计。
3. JavaScript学习为了使网页具有交互性，我学习了JavaScript的基本语法和常用函数。
JavaScript可以用来实现表单验证、动态内容更新、用户界面交互等功能。
通过学习，我掌握了事件处理、DOM操作、函数定义等知识。
4. 实践操作在理论学习的基础上，我开始尝试制作静态网页。
首先，我设计了一个简单的网页布局，包括头部、导航栏、内容区和尾部。
然后，我使用HTML和CSS完成了页面的结构设计和样式设置。
最后，我使用JavaScript添加了一些交互功能，如点击按钮切换图片、表单验证等。
5. 项目总结在实习过程中，我制作了一个具有实用功能的静态网页，包括以下功能：- 首页：展示网站的主要内容和导航链接。
静态网页实验报告
静态网页实验报告1. 实验背景静态网页是由HTML、CSS和JavaScript等前端技术构建的一种网页形式。
与动态网页相比，静态网页的内容在服务器端生成，然后发送给客户端进行展示，不涉及后台数据交互。
本实验旨在通过设计和开发一个静态网页，来掌握前端技术的基本知识和应用。
2. 实验目的本实验的主要目的如下：1.熟悉HTML标记语言的基本语法和常用标签；2.掌握CSS样式表的基本概念和使用方法；3.了解JavaScript的基本语法和DOM操作；4.设计并开发一个简单但具有一定交互性的静态网页。
3. 实验步骤3.1 设计网页结构首先，我们需要设计网页的整体结构。
可以考虑使用HTML的基本标签，如<html>、<head>、<body>等，来构建一个简单的网页框架。
3.2 编写HTML代码根据设计好的网页结构，我们可以开始编写HTML代码。
在HTML文件中，我们可以使用各种标签来定义页面的结构、内容和样式。
可以使用<div>、<p>、<h1>等标签来定义不同的区块和文本。
3.3 添加CSS样式为了美化网页并实现一定的布局效果，我们可以使用CSS样式表来定义网页的外观和样式。
可以为不同的HTML元素添加样式，如颜色、字体、边框等。
3.4 实现简单的JavaScript交互为了增加网页的交互性，可以使用JavaScript语言来实现一些简单的交互效果。
例如，可以使用onclick事件来定义点击某个元素时触发的操作，或者使用getElementById等方法来获取指定元素并修改其内容。
3.5 调试和优化在完成网页的基本开发之后，需要进行调试和优化工作。
可以使用浏览器的开发者工具来检查和修复可能存在的错误，同时对网页进行性能优化，以提升用户体验。
4. 实验结果经过上述步骤的设计和开发，最终我们成功完成了一个简单但具有一定交互性的静态网页。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">
clear:both;
line-height：24px；
}
</style>
</head>
<body>
<divid="header"><imgsrc="image/falali.jpg"height="400"
width="1002">
</div>
<divid="xiala">
跑车：
<selectname="select">
<br>                                                                                 - Copyright 2016 - 版权所有</div>
<title>Insert title here</title>
<styletype="text/css">
#header{
margin:0 auto;
height:400px;
width:1002px;
background="image/falali.jpg";
clear:both;
}
#xiala{
</div>
<divid="rside">
最新文章:<br>法拉利California T HS运动操控套件也亮相车展<br><imgsrc="image/falali2.jpg"height="200"width="302"><br>日内瓦，3月1日– 从一大早开始，在刚刚揭幕的日内瓦车展上，法拉利GTC4Lusso是众人镜头中的焦点。红色帷幕覆盖下的法拉利GTC4Lusso就已经万众瞩目。展示介绍于11：15开始，跃马展台前人潮汹涌，当帷幕揭开之时，镁光灯此起彼伏地闪烁着。在日内瓦车展上，帷幕下的四座四轮驱动转向的车型有两台：一台是BiancoItalia白色车身搭配BluSterling蓝色内饰，采用Low-e低辐射节能材料的车顶天窗，在阳光灿烂时，也能保持座舱内恒定舒适的温度，同时配有钻石抛光的锻造轮毂；第二台则是GrigioFerroMet灰色车身搭配Cognac干邑色半苯染皮革内饰。
height:600px;
width:700px;
background-color:pink;
float:left;
}
#topa{
height:300px;
width:350px;
background-color:#660000;
float:left;
}
#topb{
height:300px;
width:350px;
2016年3月制
成绩：
实验时间
2016年3月19日8时至12时
学时数
4H
1.实验名称
静态网页的制作
2.实验目的
1、掌握HTML标签元素的使用
2、会使用div+css布局网站首页
3、会使用JavaScript进行客户端数据校验
3.实验内容
1、根据前期作业中的项目概述，设计并完成一个网站首页
2、设计一个登陆页面（可以包含在首页中）
varstr1=username;
varExpression1=/[^\u4E00-\u9FA5]/;//3-10个 字母 数字 下划线 组成
varobjExp1=newRegExp(Expression1);
if(objExp1.test(str1)==true){
returntrue;
}else{
课程名称：__________ JavaWeb _______________
班 级：________________________
学 号：_______1_______________
姓 名：_________________________
辅导教师：_________________________
3、根据你的项目概述，设计一个表单页面采集数据，可以是报名页面或注册页面或其它的信息录入页面。
4.实验原理或流程图
用div+css创建3个页面，网站首页，登录页面，注册页面，用超链接把他们连接起来。用JavaScript进行一些常用的数据校验。
5.实验过程或源代码
网站首页：
<%@pagelanguage="java"contentType="text/html; charset=UTF-8"
</div>
</div>
<divid=footer>                 0Ferrari S.p.A. - 注册地址 viaEmiliaEst1163,Modena(Italy) - 股权资金 Euro 20.260.000 - VAT no. 00159560366
if(objExp4.test(str4)==true){
returnture;
}else{
returnfalse;}
}
functionchecktel(tel){
varstr3=tel;
varExpression3=/(\d{3}-)?\d{8}|(\d{4}-)(\d{7})/;
varobjExp3=newRegExp(Expression3);
</select>
优良传承：
<selectname="select3">
<optionvalue="马拉内罗">马拉内罗</option>
<optionvalue="媒体中心">媒体中心</option>
<optionvalue="历史">历史</option>
<optionvalue="合作伙伴">合作伙伴</option>
background-color:#333333;
float:left;
}
#bottoma{
height:300px;
width:350px;
background-color:#333333;
float:left;
}
#bottomb{
height:300px;
width:350px;
background-color:#660000;
if(objExp3.test(str3)==true){
returnture;
}else{
returnfalse;
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">
<title>Insert title here</title>