爱站程序员基地写在开头的话：这一系列主要是对于网页设计与制作的课程的学习，我们学校的教学用书为：“网页制作与网站建设实战大全_丁士锋编著_北京：清华大学出版社_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>
