【Class Note】Web开发技术

网站设计课堂笔记qwq

Posted by GJ on March 11, 2020

第一章 网站设计基础知识

一、网站概述

  1. Web概述
  2. Web前端开发技术
  3. Web前端开发工具
  4. Dreamweaver软件
1. WWW服务

① WWW(World Wide Web)万维网

② 基于HTML(超文本标记语言),通过超链接🔗,任何web页面可以相互访问

③ 网站是多个网页及资源的一个集合

2. URL(统一资源定位器)

① 用于完整地描述Internet上网页和其他资源地地址

	例: http://www.zjnu.net/xyjw/xyjw/htm

② 协议:http,FTP等——http

http—超文本传输协议 FTP—文件传输协议

域名:网络上主机的名称(和IP地址对应)——www.zjnu.net

路径:表示主机上的文件地址——xyjw/xyjw.html

3. 域名

① 域名:Internet上某一台计算机或计算机组的名称

② 由两组或两组以上的ASCII或各国字符构成,各组字符间由点号分隔开,最右边的字符组称为顶级域名

例:zjnu.edu.cn
   一级 二级 顶级
   域名 域名 域名

③ 顶级域名

Ⅰ. 按地理模式:例 中国 cn 美国 us 日本 jp

Ⅱ. 按组织模式:例 公司 com 网络机构 net 非盈利组织 org 教育机构 edu 政府部门 gov 军事部门 mil

Ⅲ. 新顶级域名(New gTLD): .xyz .top .red .men等一千多种域名

4. Web访问原理

5. 静态网页

① 用HTML语法构造的,无法与使用者产生互动的网页。

② 静态网页只能够单纯地显示网页内容,而无法针对不同的网页浏览状况做出实时响应

6. 动态网页

① 包含HTML标记和程序语言(ASP,JSP,PHP)

② 是在得到页面请求之后动态生成的页面,可以根据用户的请求生成不同的内容,以实现和用户的交互

静态网页&&动态网页的区别 动态网页与数据库交互,内容是变化的,是根据不同的请求生成不同的页面。需要在服务器上进行程序代码的运行

③ 动态网页开发技术

Ⅰ. ASP:是微软公司推出的用于Web应用服务的一种编程技术。采用的脚本语言:VBScript和JavaScript。(简单易学,应用广泛)

Ⅱ. PHP:是一种跨平台的服务器端嵌入式脚本语言,支持目前绝大多数数据库,并且是完全免费的。

Ⅲ. JSP:开放的,跨平台的结构,可以运行在所有的服务器上,使用java编程语言。

7.网页目录结构

① 顺序结构

② 网状结构

③ 层次结构

8.网页布局

① T型布局 简单明了

② 冂型布局

③ “三”型布局 简洁

④ 框架布局 (部分区域不变,部分区域根据目录显示不同的页面)方便导航

⑤ Pop布局 海报式布局

⑥ Flash布局

二、新建站点

1. 站点简介

① 网站:包含网页及其他文档的文件夹

② 服务器:用于提供网络服务,对于WWW浏览服务,网络服务器主要用于存储用户所浏览的Web站点 (将站点发布到服务器上,才能被用户访问到

③ 本地站点:是在本地计算机上创建的站点,其内容都保存在本地计算机上。本地站点上的内容需发布到服务器上才能拿被他人访问。

2. Internet信息服务(IIS)

① IIS提供了对站点的管理

Ⅰ. 在本地计算机上安装IIS,实际上是将本地计算机构建成一个真正的Internet服务器

Ⅱ. IIS安装在本机成功后,本机就成为一个Web服务器了。默认的存放网站的位置是 C:\inetpub\wwwroot

Ⅲ. 在地址栏内输入localhost就可以实现访问 本地访问

②Internet Information Server(简称IIS)是Windows系统提供的一种服务,它包括WWW服务器、FTP服务器和SMTP服务器,是架设个人网站的首选。

程序 ——> 管理工具 ——> Internet信息服务

3. Dreamweaver站点建立

① 建立站点

② 新建网页 主页 index.html

③ 网页三种视图

  • 设计视图 ——进行可视化编辑
  • 代码视图
    • html标记
    • head标记
    • body标记
  • 拆分视图

④ 插入图片,保存站点

⑤ 站点预览