1、文字
2、图片
3、动画
4、标记语言
5、动态程序
6、数据库
文字不用说了,网页上用的最多的。
动画,包括,GIF动画,FLASH动画等。
标志性语言,就是HTML描述性语言。其实HTML描述性不能称作是一种程序,只是一种描述性语言。就是我们可以打开一个页面或者一个站的时候,点右键点“查看源文件”看到的东西,是程序以及执行了以后反馈回客户端的编码。
动态程序:就是我们说的交互语言。比如asp,php,cgi,jsp .net程序语言。
数据库和语言是不同的。数据库是存放数据的地方,而程序是操作数据库的,下面介绍一下网站的制作一般流程。
1,需求分析。
当你准备下手做一个网站的时候,要明确要做什么?就是需求分析。比如要做一个产品网站。
2.收集素材。
你需要收集产品图片,联系信息,简介等等。
3.制作平面视图。
为什么要制作平面图,应为只有这样你才能看到整个的效果,版面的分格,平面图一般用photoshop做。
4.切割
就是你做好平面图的时候把它切成网页格式,切成小图,导出成.html文件格式。
5.排版。
导出后的.html文件是不能直接用的,因为直接用的会版面错位,而且有很多垃圾图片,所以我们要用Dreavweaver来排版。
6.做动画。
就要用PHOTOSHOP或者FLASH 做成局部动画,让整个版面不死版。
7,嵌套程序。
就是你要把规划好的栏目用程序的方式把它实现,那么什么才是一个优秀的网页?
1、页面下载速度快。速度决定一切,就算你做的再漂亮,但是下载速度慢,还是没有人看的。
2、使用方便。
3、保持系统正常运行。如果一个网站服务器老是断,是没有人愿意去访问的,或者是数据库不稳定。
4、无错误链接。不要出现点开始无法显示的现象。
5、联系信息方便多样。要让浏览者很容易的能联系到你。
6、不同浏览器兼容性。比如FLASH导出格式,一般6.0就可以,没有必要导出成更高版本的。有的低版本的IE就显示不了。
网站与网页区别是什么?
网站是由许多网页组成的,而网页是一个单独的页面。
页面的分类:
首页:首页顾名思义就是第一页,是一个网站的门面,如同公司的形象,特别注重设计和规划。
框架页:网站的主要结构页面,又称次首页、内页,大型网站往往框架页即首页,如一些门户网站。框架页主要是网站内部主要栏目的首页,讲究风格的一致性,并于主页呼应。
普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确、文字无误、图文并茂,并沿袭网页的风格。
弹出页:一般用于广告、新闻、消息、到其他网站的链接等等,一般用的很少。
按程序类型来分类分为:
静态页面和动态页面。动态又分为:.asp .php .aspx .jsp等
下来讲一下Dreamweaver8.0的操作环境。
内容可能让你觉得枯燥乏味,不过,“工欲善其事,必先利其器”,让我们一起来了解Dreamweaver8的操作环境,完成站点的创建。
一、Dreamweaver8 的操作环境。
在首次启动Dreamweaver8时会出现一个“工作区设置”对话框,启动的时候注意,启动先创建一个新的页面,点一下“文件”-“新建”,然后就出现一个对话框
在此我们以静态页面为例,选择“基本页”,然后点“创建”,这样就打开一个新的网页。如图:
在对话框左侧是Dreamweaver8的设计视图,空白的地方就是我们要编辑的页面区域,最上面是工具栏,最底下是“属性”,最右边是“浮动面板”,Dreamweave 8的菜单共有10个,即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。
文件:用来管理文件。例如新建,打开,保存,另存为,导入,输出打印等。
编辑:用来编辑文本。例如剪切,复制,粘贴,查找,替换和参数设置等。
查看:用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。
插入:用来插入各种元素,例如图片、多媒体组件,表格、框架及超级链接等。
修改:具有对页面元素修改的功能,例如在表格中插入表格,拆分、合并单元格,对其对象等。
Dreamweaver8.0本地站点的搭建与管理。
就是如何在本地建立一个“站点”,要制作一个能够被大家浏览的网站,首先需要在本地磁盘上制作这个网站,然后把这个网站传到互联网的web服务器上。放置在本地磁盘上的网站被称为本地站点,位于互联网web服务器里的网站被称为远程站点,Dreamweaver 8提供了对本地站点和远程站点强大的管理功能。
1、规划站点结构。
网站是多个网页的集合,其包括一个首页和若干个分页,这种集合不是简单的集合,为了达到最佳效果,在创建任何Web站点页面之前,要对站点的结构进行设计和规划。决定要创建多少页,每页上显示什么内容,页面布局的外观以及各页是如何互相连接起来的,我们可以通过把文件分门别类的放置在各自的文件夹里,使网站的结构清晰明了,便于管理和查找。
2、创建站点。
在Dreamweave 8中可以有效的建立并管理多个站点,搭建站点可以有两种方法。一是利用向导完成,二是利用高级设定来完成,我们先看一下向导建立站点。在搭建站点前,我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹,为了统一,我们把文件夹起名为“web”,放到D盘根目录下面,即d:/web。
(1)选择菜单栏--站点--管理站点,
点击“新建”按钮,选择弹出菜单中的“站点”项。就会出现两项,基本、高级。
我们在此以“基本”为例子。点“基本” 在文本框中,输入一个站点名字以在 Dreamweaver8.0中标识该站点,这个名字可以是任何你需要的名字,比如我们叫:火狐下载。
这个一般不填写,
这个主要是软件带的有上传远程服务器的功能,但是一般上传速度比较慢。所以我们一般不采用,一般用专用的FTP上传软件。单击“下一步”。出现向导的下一个界面,询问是否要使用服务器技术。我们现在建立的是一个静态页面,所以选择“否”,点下一步,在文档框设置本地站点文件夹的地址。
就是我们刚建立的D:/WEB,然后点击浏览选中“WEB”文件夹。我们将在站点建设完成后在与FTP链接,这里选择“无,
点下一步,进入站点定义,
单击“完成”按钮,结束“站点定义”对话框的设置。单击“完成”按钮,文件面板显示出刚才建立的站点。
火狐下载的站点就出现了,到此,我们完成了站点的创建。
说明一下,我们为什么要建立站点,而不直接编辑那?
1、可以让你站点的文件集中。当你建立站点,制定你站点的文件夹的时候,你以后编辑网页(站点里面的)所有取得元素,比如图片,FLASH等都会默认保存到你的WEB站点下面。
2、链接路径。当你单独编辑网页的时候,你在本地链接其它页面的时候,你连接的页面的路径是绝对路径,比如说你打开一个网页,把“下载”两个字链接到D:/33/INDEX.HTM的时候,链接路径是D:/33/INDEX.HTM,打不开的,而同一个站点就不会出现这种情况,都是相对路径。
3、模块化操作。当你传到服务器上的时候链接的路径是D:/33/INDEX.HTM,举个简单的例子。比如我想把整个站点里面所有的“创始”两个字改成”太有才了“四个字字,那么我只要选择整个站点替换就都修改了。
你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=6637830