两个简单的静态网页的主页面资源-CSDN下载

共46个文件

jpg：21个

gif：21个

htm：2个

静态网页

网页

简单网页

4星 · 超过85%的资源需积分: 50 126 浏览量 2011-03-18 15:50:55 上传评论 4 收藏 2.45MB ZIP 举报

标题中的“两个简单的静态网页的主页面”表明我们即将探讨的是关于静态网页设计的基础知识，主要聚焦于网页的主页部分。对于初学者来说，这是学习Web开发的第一步，因为静态网页通常包含HTML、CSS和JavaScript的基本元素，这些是构建任何网站的基础。静态网页指的是不依赖服务器端脚本（如PHP、Python或Java）来动态生成内容的网页。它们的内容在用户请求时不会改变，而是预先编写好并在浏览器中呈现。这种类型的网页主要由HTML（超文本标记语言）编写，用于定义网页结构；CSS（层叠样式表）用来控制网页的样式和布局；而JavaScript则用于增加交互性。我们需要了解HTML的基础知识。HTML是网页内容的基石，它使用一系列标签来表示文本、图片、链接等元素。例如，`<html>`标签定义整个文档，`<head>`包含元数据（如标题），而`<body>`包含了用户在浏览器中看到的实际内容。标题中的“主页面”通常会有一个`<header>`元素，用来展示网站的品牌或者导航菜单。接下来，CSS是让网页看起来美观的关键。通过选择器（如类名或ID）来指定HTML元素的样式，如颜色、字体、布局等。`<style>`标签可以放在`<head>`中，也可以外部引用。CSS允许我们创建响应式设计，使网页在不同设备上都能正常显示。 JavaScript则为网页增加了动态功能，比如按钮点击事件、表单验证或动画效果。JavaScript代码通常放在`<script>`标签中，或者链接到外部文件。对于初学者，了解基本的DOM（文档对象模型）操作、事件监听和AJAX（异步JavaScript和XML）请求是至关重要的。在压缩包文件“mysite1”和“mysite2”中，我们可以期待找到这两个静态网页的源代码文件，很可能包括HTML、CSS和可能的JavaScript文件。通过查看这些文件，初学者可以学习实际的代码结构，理解如何将HTML、CSS和JavaScript结合在一起，以创建一个完整的静态网页。总结一下，这个主题涵盖了HTML的基础结构、CSS的样式规则以及JavaScript的交互实现。对于想要学习Web开发的人来说，这是一个很好的起点，能够让他们掌握网页制作的基本技能，并通过查看示例代码深化理解。同时，这两个静态网页的实例也是实践和模仿的宝贵资源，帮助初学者提升他们的网页设计能力。

资源详情

资源评论

资源推荐

收起资源包目录

两个静态网页主页面.zip （46个子文件）

mysite1

pic

005.jpg 13KB

006.jpg 13KB

enter.jpg 18KB

004.jpg 14KB

001.jpg 34KB

002.jpg 16KB

toutupian.jpg 20KB

003.jpg 13KB

spacer.gif 43B

logo

gif027.gif 12KB

gif035.gif 36KB

gif037.gif 6KB

gif029.gif 14KB

gif021.gif 9KB

gif033.gif 11KB

gif018.gif 8KB

gif025.gif 12KB

gif028.gif 13KB

gif026.gif 12KB

gif036.gif 7KB

gif019.gif 8KB

gif034.gif 9KB

gif020.gif 9KB

gif017.gif 8KB

ziti.css 409B

index.htm 5KB

misic

gHard17.jpg 12KB

Hein002.jpg 11KB

FLWRC062.jpg 75KB

Flowerpot.jpg 10KB

Xxmas06.jpg 11KB

mysite2

pic

005.jpg 13KB

lldt.jpg 29KB

006.jpg 13KB

004.jpg 13KB

001.jpg 32KB

002.jpg 33KB

003.jpg 13KB

spacer.gif 43B

007.jpg 13KB

ziti.css 282B

gif

b.gif 403KB

c.gif 771KB

a.gif 669KB

d.gif 334KB

index.htm 11KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>暂无标题</title> <link href="ziti.css" rel="stylesheet" type="text/css"> </head> <body> <table width="1024" height="300" border="0" align="center" cellpadding="0" cellspacing="0" background="pic/lldt.jpg"> <tr> <td width="222" valign="bottom"><table width="222" border="0" cellpadding="0" cellspacing="0" class="ziti"> <tr> <td width="10"><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="right"></div> <div align="center">首页</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="right"></div> <div align="center">单一文章</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="right"></div> <div align="center">分类列表</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="right"></div> <div align="center">文章列表</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="right"></div> <div align="center">图片列表</div></td> </tr> </table></td> <td width="549"><img src="pic/spacer.gif" width="549" height="300"></td> <td width="253" valign="top"><table width="253" border="0" align="center" cellpadding="0" cellspacing="0" class="ziti"> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="center">信息反馈</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="center">法律声明</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="center">管理登录</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="center">联系我们</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="center">主页文章</div></td> </tr> <tr> <td><img src="pic/spacer.gif" width="1" height="33"></td> <td><div align="center">新浪在线</div></td> </tr> </table></td> </tr> </table> <div align="right"> <table width="1024" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF00FF"> <tr> <td width="222" height="816" valign="top"><table border="0" cellpadding="0" cellspacing="0" bordercolor="#0000FF"> <tr> <td colspan="2"><table width="222" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="81"><table border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"><img src="pic/spacer.gif" width="100" height="10"></td> </tr> <tr> <td width="7"> </td> <td valign="top"><img src="pic/001.jpg" width="212" height="150"></td> </tr> <tr> <td><img src="pic/spacer.gif" width="10" height="100"></td> <td valign="top"><img src="pic/002.jpg" width="212" height="150"></td> </tr> </table></td> </tr> <tr> <td height="13"> </td> </tr> </table></td> </tr> <tr> <td height="31" colspan="2" valign="bottom" class="ziti2"><div align="center">文章列表A</div></td> </tr> <tr> <td width="10" height="266" rowspan="4"><img src="pic/spacer.gif" width="10" height="1"></td> <td width="212" height="155" class="A"><p><br> 什么是主机？什么又是虚拟主机？<br> <br> 什么是功能主机？</p> <p>功能主机的特点以及与自主建站的<br> <br> 区别是什么？</p> <p>功能主机系统能够实现它们有什么<br> <br> 样的网站效果？</p> <p align="left">功能主机系统可以建设和维护大中<br> <br> 型网站么？</p> <p align="left"> </p></td> </tr> <tr> <td height="22" class="A"><div align="right">更多...</div></td> </tr> <tr> <td class="A"></td> </tr> <tr> <td class="A"></td> </tr> <tr> <td height="10" colspan="2"><img src="pic/spacer.gif" width="1" height="10"></td> </tr> <tr valign="bottom"> <td height="31" colspan="2" class="ziti2"><div align="center">分类列表A</div></td> </tr> <tr valign="top"> <td height="83" class="ziti2"><img src="pic/spacer.gif" width="10" height="1"></td> <td height="83" class="A"><p><br> 数码电子类产品01号</p> <p>数码电子类产品02号</p> <p>数码电子类产品03号</p> <p>数码电子类产品04号</p></td> </tr> </table></td> <td width="541" valign="top"><table width="541" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"><img src="pic/spacer.gif" width="1" height="10"></td> </tr> <tr> <td width="264" height="29" valign="middle" class="ziti2"><div align="left">  文章列表A</div></td> <td width="275" valign="middle" class="ziti2"><div align="right">更多...   </div></td> </tr> <tr> <td height="7" colspan="2"><div align="left"><img src="pic/005.jpg" width="540" height="7"></div></td> </tr> <tr> <td height="31" class="A">       功能主机系统介绍</td> <td height="31" class="A">    初级教程部分分解</td> </tr> <tr> <td height="31" class="A">       培训教程初级应用</td> <td height="31" class="A">    初级培训应用教程</td> </tr> <tr> <td height="31" class="A">       应用分解培训教程</td> <td height="31" class="A">    安装程序的应用包</td> </tr> <tr> <td height="31" class="A">       安装程序的下载版</td> <td height="31" class="A">    功能主机相关介绍</td> </tr> <tr> <td height="13" colspan="2"><img src="pic/spacer.gif" width="1" height="13"></td> </tr> <tr> <td height="7" colspan="2"><div align="left"><img src="pic/006.jpg" width="540" height="7"></div></td> </tr> <tr> <td height="19" colspan="2"><img src="pic/spacer.gif" width="1" height="19"></td> </tr> </table> <table width="541" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="29" class="ziti2"><div align="left">  单一文章<br> </div></td> </tr> <tr> <td></td> </tr> <tr> <td><div align="left"><img src="pic/005.jpg" width="540" height="7"></div></td> </tr> <tr> <td height="103" class="zijianju"><div align="left">    发达的反对施工地方噶德国的德国大事的德国的的噶的嘎的时光的噶德国的撒过啊德国大使馆打过大国的过的地方德国的过的都是噶地方德国郭德纲德国的噶的法国德国的大