网站设计课件基本知识.pptx

网站设计与开发王斌

信息科学与技术学院王斌教材《基于Web标准的网页设计与制作》

唐四薪清华大学出版社《网络程序设计--ASP》

尚俊杰清华大学出版社《网站设计与建设》

刘运臣清华大学出版社《网站设计与开发》

杨晓钟机械工业出版社

信息科学与技术学院王斌课程主要内容1.网站的基本知识2.网站的安装与配置3.HTML语言基础4.Javascript5.网站设计流程6.CSS7.动态网页的实现（asp、jsp、php）8.网站安全与发布(测试、发布、推广)

信息科学与技术学院王斌第一讲网站设计概述Internet和WWW1网站相关知识2网站的规划3

信息科学与技术学院王斌1.1Internet和www1.InternetEmail、Telnet、FTP、WWW…2.WWW统一资源定位器（URL）超文本传输协议（HTTP）超文本标记语言（HTML）网页（WebPage）与主页（HomePage）超链接（HyperLink）(绝对、相对路径)Web服务器与浏览器（Browser）

信息科学与技术学院王斌WWW工作原理客户端服务器端发出请求发回网页

信息科学与技术学院王斌URLURL（UniversalResourceLocator）是统一资源定位器的英文缩写，每个站点或站点上的每个文件（网页及所有资源文件）都有一个唯一的地址，浏览器是通过URL来定位目标信息的URL的一般格式为：协议名://主机名[:端口号][/文件夹名/文件名]协议名一般有：http（超文本传输协议，用于传送网页）；ftp（文件传输协议，用于传送文件）示例：

信息科学与技术学院王斌1.2网站相关知识一、网站的基本概念1.网站定义：广义：构架在计算机网络基础之上的，具有一定客观功能的网络设备、网页等元素的集合体。狭义：一个网站对应磁盘上的一个文件夹。2.网站构成要素（之间的关系）：域名(作用)IP地址主机网页、其他文件、数据库等3.网站的结构

信息科学与技术学院王斌域名的作用1.方便记忆IP地址2.作为主机头信息识别请求的网站

信息科学与技术学院王斌网站结构Wgzxwebindex.htmimagesstyle.cssabout.htmlh1.htmh2.htmh3.htm首页文件的直接上级目录，是网站根目录首页文件的间接上级目录，不是网站根目录

信息科学与技术学院王斌二、网站的分类从专业角度分专业型、个人网站从内容角度分娱乐休闲、文学艺术、计算机、教育科技…….从形式上分资讯门户类资讯与形象相结合形象类

信息科学与技术学院王斌三、网站建设常用语言1.HTML（静态网页）2.网页脚本语言（VBScript、JavaScript）3.动态网页ASP、JSP、PHP4.XML动态网页与静态网页的区别

信息科学与技术学院王斌静态网页最初的都是用HTML来实现的.一般后缀为.htm或.html不包含服务器端代码的html文件。如果要显示不同的内容，需修改网页，更改源代码，并重新上传。静态网页示例

信息科学与技术学院王斌静态网页工作原理接受请求找到静态网页发送网页服务器端

信息科学与技术学院王斌动态网页所谓动态网页，就是服务器端可以根据客户端的不同请求动态产生网页内容。含有服务器端代码的asp、jsp、php等文件。两个显著特点：可以动态产生页面支持客户端和服务器端的交互功能动态网页示例

信息科学与技术学院王斌动态网页的工作原理接受请求找到动态网页发送网页服务器端运行动态网页，生成静态网页问题：动态网页与静态网页的测试？

信息科学与技术学院王斌四、构成网页的基本要素1.文字2.图像（GIF、JPEG、PNG）3.超级链接4.多媒体音频、动画常用网页设计软件：制作工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。Dreamweaver、Flash、Photoshop

信息科学与技术学院王斌网站建设流程网站策划创意风格设计网页制作程序设计数据库设计域名解析注册域名租用空间宣传推广邮件设置信息更新网站维护上传文件

信息科学与技术学院王斌本讲要点网页和网站的关系Web服务器和浏览器动态网页和静态网页域名与主机的关系URL的结构

信息科学与技术学院王斌复习题1.Internet上的域名和IP地址是（ ）的关系。A.一对多 B.一对一 C.多对一 D.多对多2.网页的本质是（ ）文件。A.图像 B.纯文本 C.可执行程序 D.图像和文本的压缩3.下列哪项不是动态网页的特点（ ）。A.动态网页可每次显示不同的内容