个人网页html

第一篇：个人网页html

北邮HTML静态网页制作

信息网络应用基础课程设计

题目: HTML静态网页制作

姓名

学院电子工程学院 专业电子信息科学与技术 班级

2014211202

学号

2014210

班内序号 指导教师范春晓 目录

一、 实验要求 .......................................................................... 3

二、 实验主题 .......................................................................... 3

1、 设计主题 .......................................................................... 3

2、 功能 ................................................................................. 3

3、 运行流程 .......................................................................... 4

4、 每部分功能及应用的HTML技术 ......................................... 4

三、 实验内容运行结果 ............................................................ 5

1、 整体布局 .......................................................................... 5

2、局部 .................................................................................... 9

四、 实验心得与感受 .............................................................. 12

1、遇到的问题 ....................................................................... 12

2、实验心得 ........................................................................... 12

一、 实验要求

1、有明确的主题。

2、页面制作精美、大方，看着舒服。

3、至少选择以下三类技术完成网页： (1) 多媒体(图像、声音) (2) 超链接(三种) (3) 表格(表格中的链接) (4) 表单 (5) 多框架

二、 实验主题

1、 设计主题

旅行——洛杉矶

本次信息网络应用基础实验需要运用HTML语言自行设计一个网页，要求能在本机上运行。

根据自己的兴趣爱好，我设计了介绍“旅行——洛杉矶”为例的网页。洛杉矶是美国一个非常著名的城市。在网页中运用文字、图片、音乐、表格、超链接等简要介绍了这个地方的美景、文化、旅游路线等等，页面中使用了表单用于用户的登录。达到了预期的效果。

2、 功能

(1)打开网页后可以播放背景音乐，且可以暂停或调节音量。

(2)界面有视频，可以点击控制视频界面的三种大小模式(放大，缩小，普通)。 (3)超链接到美国国家地理网。

(4)显示表格，并且向表格的单元格中添加图片和万维网的链接。 (5)还有图像超链接，点击图像跳转到另一设计的HTML文件中。 (6)表单可以输入想要用户名和密码。

(7)表格是各个关于洛杉矶的模块，点击模块链接后页面显示相应模块。

(8)每个模块显示相应内容。 (9)返回顶部的设置，在界面底部点击“返回顶部”即回到界面的最顶部界面中。

3、 运行流程

(1)打开名为“我的追梦者”的html文件。

(2)播放背景音乐。可选择暂停或调节音量。

(3)在表单栏中可以输入用户名和密码，其中密码是“

”模式。

(4)其中在表单中设置有6个链接，可以查看各种你对于洛杉矶的印象而搜索。

(5)界面的视频，是关于洛杉矶美景的一个视频，点击即可播放，对于界面的大小有放大、缩小、普通三种选择。

(6)三种超链接，点击“美国国家地理网”即可进入其官网，表格中的超链接点击即可进入相应的模块，图片超链接点击即可跳转到“北京，北京”网页中去。

(7)在界面最底部，点击“返回顶部”即可回到界面顶部。

(8)全部浏览完成。

4、 每部分功能及应用的HTML技术

(1)显示文字：加入段落。

(2)显示背景图片：“src”，即“source”。

(3)播放音乐：“audio”插入播放器。

(4)登录界面：插入表单。

(5)跳转相应模块：超链接之“同一文档的其他位置”。

(6)显示表格：添加表格。

(7)跳转万维网：超链接之“美国国家地理网”。

(8)跳转另一设计的网页：超链接之“北京，北京”。

(9)返回顶部：“href”进行。

三、 实验内容运行结果

运行结果、运行图片及其运行代码。

1、 整体布局

(1) 主界面

(2)文字链接及图片链接

a.美国国家地理网：

b.其他地方，例如北京

(3) 目录简介里的各个界面链接：

a.洛杉矶简介

b.相关美景

c.电影的魅力 d.音乐风云

e.明星阵容

f.游玩路线

2、局部

(1)背景音乐及文字超链接

运行代码：

(2)登录界面

运行代码：

(3)目录简介

运行代码：

(4)视频模块

运行代码：

(5)图片超链接

运行代码：

(6)返回顶部

运行代码：

(7)主题，文字

运行代码

四、 实验心得与感受

1、遇到的问题

在插入视频播放的时候，总是自动播放，然而我是想一开始是不播放的。 开始排版的时候不能让输入的文字按自己想放置的位置而放置。 解决方法：

把“controls”给去掉即可解决这个问题了。

排放的文字书上是用

来弄的，即使文字部分加入空格键也是不能改变它的位置，而我换用

这个即可解决这个问题了。

2、实验心得

这次的实验中，终于学会了一直以来很好奇网页的编写。 从最初的一无所知，到逐渐的熟练掌握。尤其是做的内容还是我很喜欢的城市。做的认真不言而喻。最终完成后浏览成果时，给别人展示、讲解功能时，真的很开心。然而，这仅仅是开始。需要走的路，需要学习的知识，还有很多很多。希望在今后的学习生活中，能像这次的实验一样，可以将个人兴趣和知识融合在一起。让我们学的更有动力、更有趣味性。

第二篇：网页设计与HTML课程设计补考

要求：

1. 网站主题为“**班级网站建设”，页面数3-4页，其中一页为主页;

2. 小组人数2-4人

3. 站点内容丰富，站点目录结构清晰，符合规范;

4. 页面布局合理，美观大方;

5. 能综合应用网页制作技术，Photoshop，flash，Dreamweaver，HTML，

CSS等;

6. 撰写课程设计报告;

7. 提交文档：

网站：软件

课程设计报告：纸质，A4纸打印，装订成册

8.提交时间：

2013-3-19日之前由谢小芳同学统一收齐，交网页老师处

课程设计补考名单：阿拉坦敖都、梁启明、李洋洋、夏伟达、于泽鹏、张磊(112131047)、张鹏

期末考试补考名单：阿拉坦敖都、梁启明、李永竞、石涛、夏伟达、杨超、于泽鹏、张磊(112131047)

第三篇：《网页设计与制作(HTML+CSS)》课程教学大纲

任课教师：张志慧 编写时间：2018-12-14

一、课程的性质与目标

《网页设计与制作(HTML+CSS)》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。

二、课程的主要内容及基本要求

第四篇：个人简历html语言编写

第五篇：个人网页制作过程：

制作个人网页的目的就是向大家介绍自己，我制作个人网页的过程如下

(1) 首先是熟悉并熟练一款网页制作软件的使用方法，这样制作出来的个人主

页才不会显得粗糙，我选择的是frontpage，这款软件比较适合于初学者来使用。虽然在制作效果上也许会逊色一点，但是其优点的是比较容易上手。

(2) 其次就是选择素材了，网页上那些好看的背景还有点缀以及一些装饰，标

志性的图片，元素都是需要自己来选择的。选择好了这些图片元素会为你的网页增添很多生气。这里介绍一个比较好的网站。我的所有图片元素以及背景都是从这里面找的。

(3) 所需要介绍的当然是自己的个人信息，包括自己的基本信息以及自己的爱

好，工作以及一些零碎的感悟。这些都是要在网页里面表达出来的文本信息，所以必须要实现准备好。

(4) 现在就是需要布置自己的网站了，我的计划是用多页面网站来介绍自己，

制作个人主页。首先必须有一个主页，里面是我的基本信息，然后有几个选项，分别超链接我的爱好，我的工作以及我的感悟。在下面会有三个子网页，分别就是我的爱好，我的工作以及我的感悟。出去剩下的两个不在超链接以外，我的爱好会再向下借三个子网页，分别是我喜欢的歌，我喜欢的书和我喜欢的电影。

(5) 有了明确的目标就开始着手制作，在上面那个网站里下载的背景和矢量图

都是需要加工的，需要利用绘图工具把需要的元素从整个照片里抠出来，把不需要的多余的部分擦除，在这个时候什么图片需要放置在什么地方用来做什么已经有一个大致的想法。

(6) 没有用其他的网页制作工具，frontpage里面需要事先插入表格，将图片

文本信息填到适合的表格里，这里面的布局工作就需要自己动手了，以个人爱好而定，里面遇到了不少问题，但都最终被我解决了。这里面插入图片需要在插入选项里面选择插入图片，设置背景则是在格式选项里选择背景，背景图片也要在绘图工具里设定好尺寸。一开始我选择的网页形式是新建一个只有一个网页的网站，后面的子网页可以在网站里新建网页来实现。