实验一 客户端脚本编程

news/2024/9/30 13:22:14

一、实验目的

通过设计一个个人主页网站,学习常用的HTML标记,学习使用CSS对页面进行美化,掌握JavaScript的语法和常用的浏览器对象,初步学会使用Eclipse创建网站和编辑网页的方法。

二、实验内容和要求

1) 自己设计网页内容做一张展示自己页。要求展示的主要内容有:基本资料、学习经历、所得奖励、最新动态等。

2) 在网页的合适位置加入一些JavaScript特效,如显示当前时间、图片定时切换、文本自动滚屏等。

3) 将网页源代码和浏览器截图写入实验报告并提交

、实验步骤

1) 打开Eclipse软件,新建一个web项目Lab01,并设置其部署程序为Tomcat

2) 编写具有个人主页

3) ×××. ×××文件代码

……

4) 程序截图

四、心得体会

通过设计个人主页网站,我深入学习了HTML标记的常用语法和结构,比如创建标题、段落、列表等元素,并学会了如何正确地嵌套和组织这些标记,以确保页面的结构清晰。

在美化页面方面,我掌握了CSS的基本知识,包括如何选择元素、设置样式属性、使用盒模型进行布局等。通过调整字体、颜色、背景等样式属性,我能够使页面看起来更加美观和吸引人。

此外,我还学习了JavaScript的语法和常用的浏览器对象,例如文档对象模型(DOM)和事件处理程序。这使我能够为网页添加交互功能,例如响应用户的点击事件、表单验证等。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/45205.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

模拟集成电路设计系列博客——7.2.1 流水线ADC基本介绍

7.2.1 流水线ADC基本介绍 流水线ADC和逐次比较型ADC类似,通过迭代搜索查找能够精确反应模拟输入信号的数字码。但是,相比较于通过单个模拟电路执行迭代,流水线ADC有着独立的模拟级来专门执行每次转换。流水线ADC的信号流如下图所示:所有的模拟级在每个时钟周期时进行工作,…

vue2 实现可拖拽悬浮球

实现效果相关代码点击查看代码 <template><div class="float-box"><divclass="button-box"@mousedown="mousedown"@mousemove="mousemove"@touchmove="mousemove"@mouseup="mouseup"@touchstart=&…

Linux 提权-MySQL UDF

本文通过 Google 翻译 MySQL User Defined Functions – Linux Privilege Escalation 这篇文章所产生,本人仅是对机器翻译中部分表达别扭的字词进行了校正及个别注释补充。导航0 前言 1 什么是用户定义函数 (UDF) ? 2 枚举 UDF 漏洞利用条件2.1 手动枚举 UDF 漏洞利用条件2.1…

1.2 陶瓷电容(MLCC)选型----硬件设计指南(持续补充更新)

本系列文章是笔者总结多年工作经验,结合理论与实践进行整理备忘的笔记。希望能直接指导硬件工程师的设计实操,争取每一条设计要点指南都做到有理有据。既能帮助自己温习整理避免遗忘也能帮助其他需要参考的朋友。笔者也会不定期根据遇到的问题和想起的要点进行查漏补缺。如有…

Profibus转Modbus网关帮助PLC实现智能激光设备通讯

通过Profibus转Modbus网关(XD-MDPB100),可以实现PLC与激光设备之间的无缝连接,实现数据的实时传输与指令的可靠执行。本文将深入探讨PLC通过Profibus转Modbus网关(XD-MDPB100)与激光设备进行通讯的应用案例,带您一窥其中的奥秘。它简单易实现,具有良好的兼容性和可靠性…

【Spring】Bean管理

获取Bean 要从IOC容器当中来获取到bean对象,需要先拿到IOC容器对象@Autowiredprivate ApplicationContext applicationContext; //IOC容器对象Spring容器中提供了一些方法,可以主动从IOC容器中获取到bean对象,下面介绍3种常用方式:根据name获取bean Object getBean(String …

记录--createObjectURL这个API真好用,我举几个场景你们就懂了

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 随着我用 URL.createObjectURL 这个 API 越来越多次,越发感觉真的是一个很好用的方法,列举一下我在项目中用到它的场景吧~图片预览 以前我们想要预览图片,只能是上传图片到后端后,获取到url然后赋予给img标签,…

linux 部署jar包

1.准备工作 linux如果没有配置java环境变量的话,具体操作见文末推荐。 2.启动jar包 linux操作系统下启动jar包的方式和windows操作系统没有区别。 用法都是遵循java语法规范。 前提:跳转到要启动的jar包所在目录。cd jar包所在绝对路径使用默认jdk启动 查看当前jdk版本 java …