初学者网页设计实验：小游戏代码示例

需积分: 50 42 浏览量更新于2024-09-08 收藏 1.32MB DOC 举报

"这是一个关于web前端开发技术的实验报告，主要目标是熟悉EDITPLUS开发环境，掌握HTML标签、web基础知识以及CSS样式。报告中提供了一个简单的静态网页代码示例，展示如何创建一个介绍作者家乡威海的网页，包含段落和图片的插入，以及使用了不同样式的CSS类。" 实验报告详细解析： 1. **实验目的**： - **EDITPLUS集成开发环境**：EDITPLUS是一款轻量级的文本编辑器，常用于编写HTML、CSS和JavaScript等代码，它提供了语法高亮、自动完成和代码折叠等功能，便于初学者进行Web开发。 - **HTML标签的使用**：HTML（HyperText Markup Language）是网页内容的结构语言，如`<title>`定义网页标题，`<p>`表示段落，`<img>`插入图片等。学习HTML是理解网页基本结构的基础。 - **Web基本概念和知识**：包括HTTP协议、URL、浏览器与服务器的工作原理等，这些是构建和理解Web应用的基础。 - **物理样式标记**：通常指HTML内的内联样式，如`<span style="...">`，直接在元素内部定义样式。 - **逻辑样式标记**：指的是CSS（Cascading Style Sheets），通过外部或内部样式表来分离内容和表现，使得网页设计更加灵活和易于维护。 2. **实验内容**： - **制作静态网页**：这里以“我的家乡威海”为主题，通过HTML编写网页内容，包括标题、段落和图片，体现了网页的基本结构和内容表达。 - **CSS样式应用**：在`<style>`标签内定义了多个CSS类，如`.style1`到`.style5`，分别设置字体大小、颜色等样式属性，用于美化网页中的文本。 3. **代码示例**： - HTML文档声明：`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`，定义了文档类型为HTML4，使用Transitional DTD，允许使用一些非标准的HTML元素。 - `<head>`部分包含了`<meta>`标签，用于定义页面的字符编码，以及`<title>`标签，显示在浏览器的标题栏。 - CSS类定义：如`.style1`设置了24px的字体大小，`.style3`设置了字体颜色为#00FF99。 - `<body>`部分包含实际的网页内容，如`<h4>`定义四级标题，`<center>`居中显示，`<marquee>`实现滚动文字效果。 4. **学习重点**： - 掌握HTML基础结构和语法规则，如标签的嵌套和闭合。 - 理解CSS如何影响HTML元素的样式和布局。 - 了解静态网页的制作流程，从内容编写到样式设计。 - 实践EDITPLUS的使用，提高代码编辑效率。这个实验报告提供了一个基础的Web开发入门实例，有助于初学者理解HTML和CSS的基础知识，为进一步学习动态网站开发、响应式设计等进阶话题打下基础。

实验报告

课程名称________web

前端开发技术 _______

实验名称________个人网页设计_________

实验类型____________设计型______________

实验地点__计通

304 __实验日期__2016.3.11-3.18__

指导教师____________王宏亮_____________

专业____软件工程____

班级___软件

1402 ___

学号__1411030210__

姓名__丛搏________

成绩 ______________

下载后可阅读完整内容，剩余9页未读，立即下载

学啥，啥不会

粉丝: 0
资源: 1

初学者网页设计实验：小游戏代码示例

c语言游戏代码.txt

小游戏。txt

C语言_贪吃蛇游戏代码.txt

小游戏代码小游戏贪吃蛇

c++小游戏 c++小游戏代码

连连看小游戏代码

java小游戏代码

小游戏代码开发

flash小游戏 代码

扫雷小游戏代码

最新资源

flash小游戏代码