一章开发网站们什么教程.pptx

第一章开发网站，我们需要什么;开发一个网站需要做哪些事情

用DreamWeaver开发网页和开发网站的方法

一个网页的基本构成

开发一个网站的大致流程

网站的基本布局方式;网站需要什么;;网站需要什么;网站需要什么;网站需要什么;5需要空间和域名

一个店铺都要有一个地址，比如是某某区某某路多少号，根据这个地址，人们才能找到这个店铺，同样，一个网站需要有自己的域名，这样才能让别人通过浏览器来访问你所做好的网站。

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

域名可分为不同级别，包括顶级域名、二级域名等。顶级域名又分为两类：一是国家顶级域名（nationaltop-leneldomainnames，简称TLDs），目前200多个国家都按照ISO3166国家代码分配了顶级域名，例如中国是cn，美国是us，日本是jp等；二是国际顶级域名（nationaltop-leneldomain-names，简称iTDs），例如表示工商企业的，表示网络提供商的.net，表示非盈利组织的.org等。

域名和网站是一一对应的关系，人们只需要在浏览器里输入某个域名，就能进入到对应的站点里，如下图所示，其中我们通过输入这个域名，进入到了百度的网站。;网站需要什么;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;通过DreamWeaver开发DIV+CSS程序;第二步，在1.2.4部分里我们编写好的HTML程序的第8行，我们定义了DIV标签，如果要在这个DIV里引入CSS，可以直接在DIV里引入ID=“myCSS”代码，就能在这个DIV里引入CSS效果。现在的代码如下所示：

!DOCTYPEhtml

html

head

metacharset=gb2312/

linkhref=”bk.css”rel=”stylesheet”

title我的第一个页面/title

/headbody

divid=”myCSS”此处显示新Div标签的内容/div

/body

/html;通过DreamWeaver开发DIV+CSS程序;一个简单的网页需要包含什么;2、body部分

Body也叫页面里的正文标记，其中，页面里所有的文字、图像、动画、超链接以及其他HTML相关的内容都是定义在body部分里。

Html、head和body可以构成一个基本的页面，下面我们就来看一下这个页面的示例：

这里我们将实现一个具有最简单效果的页面，如下图所示，其中，通过定义head，在网页左上方显示“我的第一个页面”内容，而且，需要在网页的正文部分，添加“这是我第一个HTML程序”的内容。;这部分的代码如下所示，其中，在第2到第4行，用head里的title，定义了页头，而在第6行，在body标签里，定义了文字。

html

head

title我的第一个页面/title

/head

body

这是我第一个HTML程序

/body

/html

这里我们给出的是一个简单的没有任何装饰的HTML页面，它就好像一间毛坯房间，在这本书的后文部分里，我们将通过HTML标签，DIV和CSS，设计出各种装饰风格的精美的房间。

;一个简单的网页需要包含什么;一个简单的网页需要包含什么;开发一个网站有一套比较科学的流程，这里我们来讲述一下，当然这个不是固定的，每个公司每个个人都可以按各自的情况做一下变通。

1、美工先用Photoshop给出样式

一个网站里包含着诸多的页面，所以在用HTML语言开发网站之前，需要请美工用PhotoShop，设计出每个网页的效果，一般出样的文件格式是PSD。

这个PSD文件可以理解成网站的草稿，如果是开发商业网站，开发者就需要拿着这批网站的草稿和网站的需求方沟通，最后确定出网站的样式。

2、通过切图，