您的位置：首页 > 运维架构 > 网站架构

小白学网页（一）网站基础

2020-07-18 04:42 791 查看

写在开头的话：这一系列主要是对于网页设计与制作的课程的学习，我们学校的教学用书为：“网页制作与网站建设实战大全_丁士锋编著_北京：清华大学出版社_2013.07_788_13336765”，我们学校这门课是在大二上学期开设的，主要讲授网页制作的基本知识。

网站的组成结构

网站(Website)是网页的存放位置， 用来负责维系网页的正常运作， 以使互联网用户能够正常地浏览和操作网页的内容。用户通过浏览器访问网站， 网站将用户请求的一个个网页解析为浏览器可以理解的格式后， 通过HTTP协议发送给用户端的浏览器。
HTTP协议的全称是Hypertext Transport Protocol, 中文名称为：超文本传输协议。HTTP协议规定了浏览器和网站服务器之间通信的规则， 是访问网站服务器上网页的基本的数据传输协议。
一个网站由三部分组成：

  • 域名（Domain Name）:是指网站服务器所在的地址， 比如网易网站的域名是www.163.com, 用户可以通过这个域名进入网页进行浏览。域名就好像普通的家庭住址一样， 用来定位网站的位置。
  • 空间：存储网站提供的内容信息，比如：网页、音频、视频及下载的软件等。网站的空间可以是空间服务商提供的虚拟主机或虚拟空间，也可以是网站建设者自己架设的网站的空间信息。
  • 程序：用来解析网页是服务器程序，比如ASP.NET需要IIS服务器程序。而PHP程序需要Apache这样的服务器程序来解析，以便于将网页程序代码转变为浏览器可以识别的格式。

常见的网站分类：

  • 综合性网站：包括门户网站，比如新浪、搜狐、网易这样的大型综合类网站
  • 电子商务类网站：提供商务信息，通俗来说就是购物类网站，比如：淘宝、京东、亚马逊等
  • 娱乐资讯网站：比如：优酷、土豆、酷狗等
  • 社区交流类网站：交互式网站，比如：微博、博客、豆瓣等

网站开发的相关技术：

  • 网页设计工具：Photoshop图像处理软件、Adobe Dreamweaver网页设计软件、Adobe fireworks网页图形软件、Adobe flash动画设计软件等
  • 网页建设语言：HTML（超文本标记语言）、CSS（层叠式样式表）、JavaScript（脚本语言）
  • 网站服务器端编程语言

Dreamweaver制作简易网页

课程使用的为Dreamweaver CS6

新建一个HTML网页
可通过设计模式创建一个留言板，也可直接通过HTML代码创建

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网络留言板</title>
<script type="text/javascript">
function saveGuestBook()
{
objTable=document.getElementById("guesttable");
objRow=objTable.insertRow(objTable.rows.length);
objCell=objRow.insertCell();
objCell.innerText=document.getElementById("guestnote").value;
}
</script>
</head>

<body>
<p>欢迎使用留言板</p>
<table width="100%" border="1" id="guesttable">
<tr>
<td>已经留言的内容</td>
</tr>
</table>
<form id="form1" name="form1" method="post" action="">
<p>
<textarea name="guestnote" cols="100%" rows="10" id="guestnote"></textarea>
</p>
<p>
<input type="button" name="btnok" id="btnok" value="按钮" onClick="saveGuestBook()" />
</p>
</form>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航