下载

2下载券

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 第1章 网页设计与网站建设

第1章 网页设计与网站建设.ppt

第1章 网页设计与网站建设

李俊可
2013-04-07 0人阅读 举报 0 0 暂无简介

简介:本文档为《第1章 网页设计与网站建设ppt》,可适用于IT/计算机领域

第章网页设计基础如何欣赏网页如何制作网页网页制作工具网络基础知识通过本章的学习将了解到关于网页的基础知识掌握设计网页的基本过程以及网络的基础知识为后续的章节的学习做好铺垫工作。如何欣赏网页分析网页的主题分析网页的颜色搭配、视觉效果分析网页的布局结构分析网页的构成元素及内容填充如何欣赏网页地板上的记事本里的文字内容是网站的内容这个网站用了一个大黑底图然后在上面手绘了几朵云在网页中间是由导航组成的一个圈。两边的是导航条如何制作网页如何制作网页制作网页的一般步骤确定主题网页配色结构布局填充内容如何制作网页如何制作网页网站的主题就是网站所要表达的主要内容作为一个网页设计者在动手制作网站之前首先要考虑的就是自己的网站究竟是要做些什么通过这个网站要表达一些什么内容必须给自己划定一个范围。主题没有好坏之分但在选择时要注意以下几点:如何制作网页如何制作网页主题要鲜明对于任何网站要给浏览者留下深刻的印象必须要有一个鲜明的主题突出自己的个性和特色在内容的深和精上下功夫。对于大杂烩式的网站恐怕很少给人留下什么印象因为许多大的网站已经做得很好了。所以个人网站要有特色选中一个主题做深做透。例如小熊在线它就专做硬件以给用户提供客观、及时、全面的硬件信息而闻名。如何制作网页如何制作网页主题要小而精所谓小就是说可以作为网站题材的范围非常广但是由于个人能力所限不可能做非常大的题材我们要选择一些自己感兴趣的、题材范围较小的内容这样才能在自己的能力所允许的范围内尽量把它做好。所谓精就是网站的内容要精在你选定的主题范围内要尽可能地搜集相关材料把最新、最快、最好的内容奉献给用户。如何制作网页如何制作网页自己感兴趣兴趣是最好的动力网站做好之后并不是一成不变了它还要不断地维护更新内容。如果选择不感兴趣的内容就不会下很大功夫去搜集有关材料。占有的材料少你的网站内容就会很贫乏自然对读者也就没有吸引力同时在以后的维护更新过程中你也不会有更多心思来进行内容的搜集这样的网站是留不住用户的。根据主题确定网页主色调根据主题确定网页主色调在确定主题后要了解哪些颜色适合哪类站点。比如一个影视的站点用黑色或其他较深的色彩为主比较好因为人们看电视、电影一般在黑暗的环境下观看的网页上使用深色较符合人们的视觉习惯反之一个介绍医院、医学的站点就要使用浅色为主色衬托其医学站点的氛围。人的第一印象来自视觉冲击不同的色彩搭配产生不同的效果并可能影响到访问者的情绪。一般来说一个网页的标准色彩不超过种太多则让人眼花缭乱。网页安全色网页安全色网页安全色是指在不同的硬件环境、不同操作系统、不同浏览器中都能正常显示的颜色集合这些颜色在任何终端浏览显示设备上都是相同的所以使用这个网页安全色可以避免原有的颜色失真问题页网页布局类型页网页布局类型国”字型:也可以称为“同”字型是一些大型网站所喜欢的类型即最上面是网站的标题以及横幅广告条接下来就是网站的主要内容左右分列一些两小条内容中间是主要部分与左右一起罗列到底最下面是的一些基本信息、联系方式、版权声明等。拐角型:这种结构与上一种其实只是形式上的区别上面是标题及广告横幅接下来的左侧是一窄列链接等右列是很宽的正文下面也是一些网站的辅助信息。左右框架型:这是一种左右为分别两页的框架结构一般左面是导航链接有时最上面会有一个小的标题或标致右面是正文。我们见到的大部分的大型论坛都是这种结构的有一些企业网站也喜欢采用。这种类型结构非常清晰一目了然。封面型:这种类型基本上是出现在一些网站的首页大部分为一些精美的平面设计结合一些小的动画放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。网页内容网页内容页面标题:每一个网页都有一个标题用来提示页面的主要内容着一信息将出现在浏览器的标题栏中而不是在页面的布局中。网站标识(LOGO):设计制作一个网站的LOGO这如同一个产品的商标集中体现了该网站的特色、内容及其内在的文化内涵和理念。LOGO一般设置在主页面的显要位置或是二级页面的页眉位置。导航:导航是网页设计中的重要部分。一般来说一个网站的导航位置在每个页面中出现的位置是固定的一般有四种标准的显示位置:左侧、右侧、顶部和底部。主体内容:主体内容是页面设计的主体元素一般是文字和图象相结合。它的布局通常按内容的分类进行分栏安排。页面的注意力值一般是按照从上到下、从左到右的顺序排列页脚:页脚是页面底端部分通常用来显示站点所属公司(社团)的名称、地址、版权信息、电子信箱的超连接等。网页制作工具网页制作工具制作网页的专门工具:Dreamweaver、FrontPage。图像处理工具:Photoshop、Fireworks。动画制作工具:Flash、Swish。网络基础知识网络基础知识WWW是环球信息网(WorldWideWeb)的缩写中文名字为“万维网”。WWW是一个由网页构成的资源空间并且每个网页由一个“统一资源定位器”(URL)标识。这些资源通过超文本传输协议(HypertextTransferProtocolHTTP)传送给使用者使用者再通过浏览器(Browser)来浏览网页中的内容。IP地址IP地址IP地址就是给每个连接在Internet上的主机分配的一个bit地址。按照TCPIP协议规定IP地址用二进制来表示每个IP地址长bit例如一个采用二进制形式的IP地址是“”这么长的地址使用起来很麻烦。为了方便人们的使用IP地址经常被换算成十进制的形式中间使用符号“”分开不同的字节。于是上面的IP地址可以表示为“”。域名域名http:百度服务器的IP。域名是Internet网络上的一个服务器或一个网络系统的名字在全世界没有重复的域名。域名的形式是以若干个英文字母和数字组成由""分隔成几部分如BAIDUCOM就是一个域名。如何把域名与网站主机的IP对应起来呢?这是由域名解析来完成的。统一资源定位器(RUL)统一资源定位器(RUL)http:wenwensosocomzqhtm统一资源定位器一般由三部分组成,即协议、主机名与文件名。Server与BrowserServer与BrowserServer即服务器Browser即浏览器。用户必须通过浏览器连接到Web服务器上才能阅读Web服务器上的网页文件。网页网页万维网中的文档又称为网页网页中可以包含文本、图像、动画、音频、视频等信息。网页按其表现形式可以分为静态网页和动态网页。网站网站网站是网页的集合。通过超级链接将网站中多个网页联系起灵形成一个主题鲜明、风格一致的站点。通常网站都有一个主页包括网站的Logo和导航栏等内容。超级链接超级链接浏览网页时我们通过点击网页内的某段文字或图片在另一个页面看到相关的详细内容这就是超级链接。超级链接让网页之间形成一种互相关联的关系。网站正是因为有大量的超级链接才形成一个内容详实丰富的立体结构。★本章小结★本章主要欣赏了几类典型网站的首页通过对这些网站的主题、颜色搭配、布局结构进行分析对网页设计的方法和流程有一个初步的了解。★习题★进一步了解“网页安全色”的相关内容如果让你做一个网站你会选择什么主题?

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/34

第1章 网页设计与网站建设

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利