最简便网站建设流程.ppt
- 文档编号:2119810
- 上传时间:2022-10-27
- 格式:PPT
- 页数:41
- 大小:1.48MB
最简便网站建设流程.ppt
《最简便网站建设流程.ppt》由会员分享,可在线阅读,更多相关《最简便网站建设流程.ppt(41页珍藏版)》请在冰豆网上搜索。
网页设计与网站制作网页设计与网站制作南方医科大学教育技术中心黄粤锋47646为什么要学习网站建设为什么要学习网站建设?
凤凰卫视前主持人,百度凤凰卫视前主持人,百度副总裁梁冬说:
传统媒体是副总裁梁冬说:
传统媒体是一个人或几个人为几十百千一个人或几个人为几十百千万人提供信息,而网络媒体万人提供信息,而网络媒体却是几十百千万人在为你一却是几十百千万人在为你一个人提供信息!
所提供的信个人提供信息!
所提供的信息量对比明显。
正是看到网息量对比明显。
正是看到网络媒体的前景,他毅然的从络媒体的前景,他毅然的从传统媒体翘楚的凤凰卫视,传统媒体翘楚的凤凰卫视,跳槽到了当时还不是太出名跳槽到了当时还不是太出名的百度公司。
的百度公司。
2005年年8月月5日日,百度在百度在美国美国NASDAQ上市上市,股股票发行价票发行价:
27美元美元,上上市当天升破市当天升破150美元美元!
凭借凭借“竞价排名竞价排名”产产品的推出,百度品的推出,百度2006年全年净利润比年全年净利润比2005年增长年增长533.9%,达到,达到约约3.018亿元人民币。
亿元人民币。
随着互联网在人们生活中的地位日渐随着互联网在人们生活中的地位日渐重要,尤其是校园、医院信息化的普及,重要,尤其是校园、医院信息化的普及,我们不难想象,掌握网络知识,懂得网页我们不难想象,掌握网络知识,懂得网页设计与网站建设技术的医学复合型人才将设计与网站建设技术的医学复合型人才将在未来的就业竞争中有更广阔的前景!
在未来的就业竞争中有更广阔的前景!
一、主要内容网页设计与网站建设概述网页设计与网站建设概述FLASHFLASH软件运用基础软件运用基础网页网页FLASHFLASH动画动画设计设计PHOTOSHOPPHOTOSHOP软软件运用基础件运用基础PHOTOSHOPPHOTOSHOP在网页制作的运用在网页制作的运用DreamweaverDreamweaver软件知识软件知识ASPASP语言基础与动态网页的制作语言基础与动态网页的制作站点管理与网站维护站点管理与网站维护第第1章章概述概述1.11.1网站设计网站设计流程流程1.21.2网页设计的基本方式网页设计的基本方式1.31.3网页中的常见元素网页中的常见元素1.41.4网页元素的创作与编辑工具网页元素的创作与编辑工具1.5HTML1.5HTML基础知识基础知识1.61.6动态网页的支持技术动态网页的支持技术1.1.1网站功能与定位网站的功能可以有很多,包括各类宣网站的功能可以有很多,包括各类宣传网站、资料库、信息或商务平台等。
传网站、资料库、信息或商务平台等。
在设计网站前,要对所要制作的网站在设计网站前,要对所要制作的网站的特点进行分析并选择相应的设计思的特点进行分析并选择相应的设计思路。
路。
做网站选材也有误区做网站选材也有误区!
(一)以宣传为目的的网站,要求设计
(一)以宣传为目的的网站,要求设计美观,能够在网站视觉效果上表达创美观,能够在网站视觉效果上表达创意和使所要宣传的内容一目了然。
如意和使所要宣传的内容一目了然。
如各类企业的宣传型网站,就需要表现各类企业的宣传型网站,就需要表现该企业的企业文化和特色。
这种网站该企业的企业文化和特色。
这种网站特点是页面大量运用图片和动画。
特点是页面大量运用图片和动画。
如:
如:
SeptimeSeptime企业网站企业网站、MAKMAK打印耗材企业打印耗材企业
(二)以信息传递为目的的形式
(二)以信息传递为目的的形式主要强调信息量和信息搜索的方便快主要强调信息量和信息搜索的方便快捷,主要以文本为表现形式。
捷,主要以文本为表现形式。
如新浪如新浪,搜狐等门户网站等搜狐等门户网站等(三三)其他功能性网站其他功能性网站强调网站的功能强调网站的功能,具有一定的用户针对性和具有一定的用户针对性和功能针对性。
功能针对性。
如各类商务网站(如各类商务网站(BtoBBtoB,BtoCBtoC等);等);;;各类学习网站,网络词典,网络图书馆:
各类学习网站,网络词典,网络图书馆:
如如;1.2网页程序的制作方式1.2.11.2.1手工编码方式手工编码方式1.2.21.2.2可视化工具方式可视化工具方式1.2.31.2.3编码和可视化工具结合方式编码和可视化工具结合方式1.2.1手工编码方式网页是由网页是由HTMLHTML(HYPERTEXTMARKUPLANGUAGEHYPERTEXTMARKUPLANGUAGE)超文本标记语言编码的文本文档,设计制作网页超文本标记语言编码的文本文档,设计制作网页的过程就是生成的过程就是生成HTMLHTML代码的过程。
在代码的过程。
在WWWWWW(WorldWorldWideWebWideWeb)发展的初期人们制作网页是通过直接)发展的初期人们制作网页是通过直接编写编写HTMLHTML代码来实现的。
代码来实现的。
手工编码制作网页效率低,调试复杂,对设计手工编码制作网页效率低,调试复杂,对设计人员的要求高人员的要求高。
因此,对大多数设计人员来说比。
因此,对大多数设计人员来说比较困难。
但手工编码可以灵活地制作出丰富的网较困难。
但手工编码可以灵活地制作出丰富的网页效果。
页效果。
(浏览器(浏览器查看查看源文件)源文件)1.2.2可视化工具方式随着网页制作技术的发展,出现了如随着网页制作技术的发展,出现了如FrontPageFrontPage、DreamweaverDreamweaver等可视化的网页等可视化的网页编辑工具。
利用这些工具人们在可视环境编辑工具。
利用这些工具人们在可视环境下编辑制作网页元素,由编辑工具自动生下编辑制作网页元素,由编辑工具自动生成对应的网页代码。
成对应的网页代码。
利用可视化工具编辑网页操作简单直观,利用可视化工具编辑网页操作简单直观,调试方便,是大众化的网页编辑方式。
但调试方便,是大众化的网页编辑方式。
但利用可视化工具在制作一些特殊网页效果利用可视化工具在制作一些特殊网页效果上有一定的局限性。
上有一定的局限性。
1.2.3编码和可视化工具结合方式编编码码和和可可视视化化工工具具结结合合是是一一种种比比较较成成熟熟的的网网页页制制作作方式。
图为的代码与设计拆分界面。
方式。
图为的代码与设计拆分界面。
编编码码和和可可视视化化工工具具结结合合具具体体过过程程为为:
一一般般的的网网页页元元素素通通过过可可视视化化工工具具编编辑辑制制作作,一一些些特特殊殊的的网网页页效效果果通通过过插插入入代代码码生生成成。
这这种种方方式式效效率率高高、调调试试方方便便而而且且可可以以实实现现丰丰富富的的网网页页效效果果,但但要要求求设设计计人人员员既既要要熟熟悉悉HtmlHtml语言又能运用可视化工具。
语言又能运用可视化工具。
除除了了上上面面三三种种基基本本网网页页设设计计制制作作方方式式外外,我我们们还还可可以以通通过过修修改改已已有有网网页页代代码码生生成成自自己的网页。
己的网页。
1.31.3网页中的常见元素网页中的常见元素网页中的常见元素主要包括以下几种类网页中的常见元素主要包括以下几种类型:
文本、图象、动画、视频音乐、超链型:
文本、图象、动画、视频音乐、超链接、表格、表单和各类控件等。
接、表格、表单和各类控件等。
一、文本:
文字能准确地表达信息的一、文本:
文字能准确地表达信息的内容和含义,且同样信息量的文本字节往内容和含义,且同样信息量的文本字节往往比图象小,比较适合大信息量的网站。
往比图象小,比较适合大信息量的网站。
二、图像:
在网页中使用二、图像:
在网页中使用GIF,JPEG(JPG),PNGGIF,JPEG(JPG),PNG三种图象格式,其中使用最广泛的是三种图象格式,其中使用最广泛的是GIFGIF和和JPEGJPEG两两种格式。
种格式。
说明:
当用户使用所见即所得的网页设计软件说明:
当用户使用所见即所得的网页设计软件在网页上添加其他非在网页上添加其他非GIF,JPEG,GIF,JPEG,或或PNGPNG格式的图格式的图片并保存时,这些软件通常会自动将少于片并保存时,这些软件通常会自动将少于88位颜色位颜色的图片转化为的图片转化为GIFGIF格式,或将多于格式,或将多于88位颜色的图片位颜色的图片转化为转化为JPEG.JPEG.另外,另外,JPGJPG图片是静态图,图片是静态图,GIFGIF则可以则可以是动态图片。
是动态图片。
三、动画:
主要指由三、动画:
主要指由FLASHFLASH软件制作的动画软件制作的动画,由于由于其是准流媒体文件其是准流媒体文件,加上矢量动画加上矢量动画,文件小文件小,使其在使其在网络运行具有强大优势网络运行具有强大优势,是网页设计者必学的软件。
是网页设计者必学的软件。
四、声音和视频:
用于网络的声音文件的格式非常四、声音和视频:
用于网络的声音文件的格式非常多,常用的有多,常用的有MIDIMIDI、WAVWAV、MP3MP3和和AIFAIF等。
很多等。
很多浏览器不要插件也可以支持浏览器不要插件也可以支持MIDI,WAVMIDI,WAV和和AIFAIF格格式的文件,而式的文件,而MP3MP3和和RMRM格式的声音文件则需要格式的声音文件则需要专门的浏览器播放。
视频文件均需插件(如专门的浏览器播放。
视频文件均需插件(如REALONEREALONE、MEDIAPLAYERMEDIAPLAYER)支持,用于网)支持,用于网络的视频格式主要有络的视频格式主要有ASFASF、WMVWMV、RMRM等流媒体等流媒体格式。
格式。
五、超级链接:
五、超级链接:
从一个网页指向另一个目的从一个网页指向另一个目的端的链接。
端的链接。
六、表格:
在网页中表格用来控制网页中信六、表格:
在网页中表格用来控制网页中信息的布局方式。
这包括两方面:
息的布局方式。
这包括两方面:
11、是使用行和列的形式来布局文本和图像、是使用行和列的形式来布局文本和图像以及其他的列表化数据;以及其他的列表化数据;22、是可以使用表格来精确控制各种网页元、是可以使用表格来精确控制各种网页元素在网页中出现的位置。
素在网页中出现的位置。
七七、表表单单:
用用来来接接受受用用户户在在浏浏览览器器端端的的输输入入,然然后后将将这这些些信信息息发发送送到到用用户户设设置置的的目目标标端端。
表表单单由由不不同同功功能能的的表表单单域域组组成成,最最简简单单的的表表单单也也要要包包含含一一个个输输入入区区域域和和一一个个提提交交按按钮。
钮。
根根据据表表单单功功能能与与处处理理方方式式的的不不同同,通通常常可可以以将将表表单单分分为为用用户户反反馈馈表表单单,留留言言簿簿表表单单,搜索表单和用户注册表单等类型。
搜索表单和用户注册表单等类型。
八、导航栏:
导航栏就是一组超级链接,这组超级八、导航栏:
导航栏就是一组超级链接,这组超级链接的目标就是本站点的主页以及其他重要网页。
链接的目标就是本站点的主页以及其他重要网页。
导航栏的作用就是引导浏览者游历站点,同时首导航栏的作用就是引导浏览者游历站点,同时首页的导航栏,对搜索引擎的收录意义重大。
页的导航栏,对搜索引擎的收录意义重大。
九、网页中除了以上几种最基本的元素之外,还有九、网页中除了以上几种最基本的元素之外,还有一些其它的常用元素,包括悬停按钮,一些其它的常用元素,包括悬停按钮,JavaJava特效,特效,ActiveXActiveX等各种特效。
它们不仅能点缀网页,使网等各种特效。
它们不仅能点缀网页,使网页更活泼有趣,而且在网上娱乐,电子商务等方页更活泼有趣,而且在网上娱乐,电子商务等方面也有着不可忽视的作用。
面也有着不可忽视的作用。
小技巧小技巧:
网站内容的搜集方式网站内容的搜集方式一、文本录入技巧一、文本录入技巧二、搜索引擎使用技巧二、搜索引擎使用技巧三、破解网页禁止复制技巧三、破解网页禁止复制技巧四、四、FLASH及视频下载技巧及视频下载技巧1.41.4网页元素的创作与编辑工具网页编辑工具网页编辑工具:
FrontPage:
FrontPage、DreamweaverDreamweave
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 简便 网站 建设 流程
![提示](https://static.bdocx.com/images/bang_tan.gif)