第1章 开发网站,我们需要做些什么

1. 网站需要什么?

  1.1 需要HTML文件

    a. HTML 表示超文本标记语言(Hyper Text Markup Language),是WWW的描述语言。

    b. HTML 文件是一种可以被多种网页浏览器读取,传递各类资讯的文件。从本质上来说,Internet(互联网)是一个由一系列传输协议和各类文档所组成的集合,HTML 文件就是其中的一种文档。这些HTML 文件存储在分布世界各地的服务器硬盘上,用户通过传输协议可以远程获取这些文件所传达的资讯和信息。

    c. HTML 文件也叫网页,它的文件扩展名是.html、.htm(或是.asp等)。网页要通过Web 页面浏览器(例如IE)来阅读

  1.2 需要DIV来“圈地”

    a. 使用DIV ,在HTML 页面上划分区域,然后在特定的区域内放置具体的页面内容。

  1.3 需要CSS来定义样式

    a. 网页可以为每个DIV 区域定义独特的CSS 样式,这里的CSS 样式可以是“背景图放什么”、“文字采用什么字体什么颜色”或“字体的排列”方式等。

    b. 通过CSS 样式,我们可以将DIV 部分变成我们所需要的风格、样式。

  1.4 需要JavaScript

    a. JavaScript 是一种为了使网页能够具有交互性,能够够包含更多活跃的元素,而嵌入在网页中的技术。

    b. JavaScript 是一种能让你的网站更加生动活泼的程序语言,也是目前网页设计中最容易学又最方便的语言。

  1.5 需要空间和域名

    a. 域名是企业、政府、非政府组织等机构或个人在互联网上注册的名称,是互联网上企业或相互联络的网络地址。

    b. 域名可分为不同高级别,包括:

      ⑴ 顶级域名

        ① 国家顶级域名(national top-lenel domainnames,简称nTLDs),目前200多个国家都按照ISO3166 国家代码分配了顶级域名,例如中国是cn、美国是us、日本是jp等。

        ② 国际顶级域名(national top-lenel domain-names,简称iTDs),例如表示工商企业的.com,表示网络提供商的.net,表示非盈利组织的.org等。

      ⑵ 二级域名等。

2. 通过Dreamweaver 开发 DIV + CSS 程序

  2.1 安装Dreamweaver

    a. Dreamweaver 是美国MacroMedia 公司开发的集网页制作和网站管理一身的网页编辑器。

    b. Dreamweaver 是一个可视化的网页设计和网站管理工具,它支持最新的Web 技术,包含HTML 检查、HTML 格式控制、HTML 格式化选项、可视化网页设计和图像编辑等技术。

  2.2 使用Dreamweaver

    

  2.3 Dreamweaver 的三种工作方式

    a. 代码、拆分、设计,三种工作方式。

  2.4 通过Dreamweaver 在 html页面中发展DIV

    a. 插入--> 布局对象--> Div 标签

  2.5 通过Dreamweaver 开发CSS程序

3. 一个简单的页面需要包含什么

  3.1 head 部分

  3.2 body 部分

  3.3 注释

4. 开发一个网站的总体流程

  4.1 美工给出效果

  4.2 通过切图,得到素材

  4.3 搭建DIV

  4.4 搭建CSS 和JS 效果

  4.5 测试网页

posted @ 2015-09-02 15:59  被盗的小偷  阅读(80)  评论(0)    收藏  举报