网页设计

简介: 7.2.1 网页的基本概念 网站是一组相关网页和有关文件的集合,一般有一个特殊的网页作为浏览的起始点,称为主页 (Homepage)用来引导用户访问其他网页。 网站通常位于Web服务器上。Web服务器又称WWW服务器、网站服务器或站点服务器。要浏览Web页面,必须在本地计算机上安装浏览器软件。目前用户使用最多的浏览器是微软的IE、Mozilla的Firefox、苹果的Safari、Google的Chrome和Opera公司的Opera等。 浏览器和服务器之间通过超文本传输协议 (HyperTextTransfer Protocol,HTTP) 进行通信。浏览器/服务器(B/S) 结构是目

7.2.1 网页的基本概念
网站是一组相关网页和有关文件的集合,一般有一个特殊的网页作为浏览的起始点,称为主页 (Homepage)用来引导用户访问其他网页。
网站通常位于Web服务器上。Web服务器又称WWW服务器、网站服务器或站点服务器。要浏览Web页面,必须在本地计算机上安装浏览器软件。目前用户使用最多的浏览器是微软的IE、Mozilla的Firefox、苹果的Safari、Google的Chrome和Opera公司的Opera等。
浏览器和服务器之间通过超文本传输协议 (HyperTextTransfer Protocol,HTTP) 进行通信。浏览器/服务器(B/S) 结构是目前最流行的网络软件系统结构,它正逐渐取代客户机/服务器(C/S) 结构,成为网络软件开发商的首选。
网页一般又称为HTML文件,是一种可以在WWW上传输,能被浏览器认识和翻译成页面并显示出来的文件。
通常用户看到的网页大多是以.htm和.html为扩展名的文件一般来说,网页主要由文字、图片、动画、超链接和特殊组件等元素构成。
静态网页的扩展名
7.2.2 网页制作工具
虽然使用一般的文本编辑器就可以编写HTML文档,但是使用专门的HTML编辑器或Web制作工具往往更加方便。具有所见即所得功能的网页制作工具可以使创作人员直接面对Web页面进行编辑修改,并且能立即看到Web页面的显示效果。
Dreamweaver、Flash、Fireworks被称为网页制作“三剑客”
7.2.3 HTML简介
1.HTML语言概述
HTML语言是由世界性的标准化组织W3C (WorldWide Web Consortium) 制定的,Internet中的每一个HTML文件都包括文本内容和HTML标记两部分。其中HTML标记负责控制文本显示的外观和版式,并为浏览器指定各种链接的图像、声音和其他对象的位置。多数HTML标记的书写格式如下:
<标记名>文本内容</标记名>
标记名写在“< >”内。多数HTML标记同时具有起始和结束标记,但也有一些HTML标记没有结束标记
另外,HTML标记不区分大小写
某些HTML标记还具有一些属性,这些属性指定对象的特性,如背景颜色、文本字体及大小、对齐方式等。属性一般放在起始标记中。

7.2.4 网页制作
3.网页的布局
网页布局设计,是将文字、图片等网页元素,根据特定的内容和主题,在网页所限定的范围中进行视觉的关联与配置,从而将设计意图以视觉形式表现出来。网页的布局一般使用表格或框架来实现。
表格布局是最常用的一种页面布局技术。表格最大的好处在于可以根据需要将页面分成任意大小的单元格,并且在单元格内可以嵌入任何网页对象,包括表格本身。另外,在对每个单元格中的对象单独操作时,不会影响其他单元格中的对象。相比于框架布局,表格布局虽然也将页面分隔成互不重叠的区域,但实际上还是一个整体的页面不会像框架一样出现滚动条
7.2.4 网页制作
框架布局就是将浏览器分成多个框架,每个框架中显示一个页面。框架布局最大的好处在于可以随意调整各个框架在页面中所占的比例,并且在网页显示时,拖动一个框架的滚动条只会滚动该框架的页面而不会影响其他框架但是框架也有一个缺点,就是当框架所对应页面的内容超过它的范围时,会自动出现滚动条,这非常容易破坏页面的美观。
7.2.5 网页的发布
所谓发布网站,就是把网站中的内容上传到Web服务器上。要发布站点,首先要申请域名和网页空间,设置好站点服务器,然后把制作好的本地网站文件上传到网页空间中。
7.2.1 网页的基本概念
网站是一组相关网页和有关文件的集合,一般有一个特殊的网页作为浏览的起始点,称为主页 (Homepage)用来引导用户访问其他网页。
网站通常位于Web服务器上。Web服务器又称WWW服务器、网站服务器或站点服务器。要浏览Web页面,必须在本地计算机上安装浏览器软件。目前用户使用最多的浏览器是微软的IE、Mozilla的Firefox、苹果的Safari、Google的Chrome和Opera公司的Opera等。
浏览器和服务器之间通过超文本传输协议 (HyperTextTransfer Protocol,HTTP) 进行通信。浏览器/服务器(B/S) 结构是目前最流行的网络软件系统结构,它正逐渐取代客户机/服务器(C/S) 结构,成为网络软件开发商的首选。
网页一般又称为HTML文件,是一种可以在WWW上传输,能被浏览器认识和翻译成页面并显示出来的文件。
通常用户看到的网页大多是以.htm和.html为扩展名的文件一般来说,网页主要由文字、图片、动画、超链接和特殊组件等元素构成。
静态网页的扩展名
7.2.2 网页制作工具
虽然使用一般的文本编辑器就可以编写HTML文档,但是使用专门的HTML编辑器或Web制作工具往往更加方便。具有所见即所得功能的网页制作工具可以使创作人员直接面对Web页面进行编辑修改,并且能立即看到Web页面的显示效果。
Dreamweaver、Flash、Fireworks被称为网页制作“三剑客”
7.2.3 HTML简介
1.HTML语言概述
HTML语言是由世界性的标准化组织W3C (WorldWide Web Consortium) 制定的,Internet中的每一个HTML文件都包括文本内容和HTML标记两部分。其中HTML标记负责控制文本显示的外观和版式,并为浏览器指定各种链接的图像、声音和其他对象的位置。多数HTML标记的书写格式如下:
<标记名>文本内容</标记名>
标记名写在“< >”内。多数HTML标记同时具有起始和结束标记,但也有一些HTML标记没有结束标记
另外,HTML标记不区分大小写
某些HTML标记还具有一些属性,这些属性指定对象的特性,如背景颜色、文本字体及大小、对齐方式等。属性一般放在起始标记中。

7.2.4 网页制作
3.网页的布局
网页布局设计,是将文字、图片等网页元素,根据特定的内容和主题,在网页所限定的范围中进行视觉的关联与配置,从而将设计意图以视觉形式表现出来。网页的布局一般使用表格或框架来实现。
表格布局是最常用的一种页面布局技术。表格最大的好处在于可以根据需要将页面分成任意大小的单元格,并且在单元格内可以嵌入任何网页对象,包括表格本身。另外,在对每个单元格中的对象单独操作时,不会影响其他单元格中的对象。相比于框架布局,表格布局虽然也将页面分隔成互不重叠的区域,但实际上还是一个整体的页面不会像框架一样出现滚动条
7.2.4 网页制作
框架布局就是将浏览器分成多个框架,每个框架中显示一个页面。框架布局最大的好处在于可以随意调整各个框架在页面中所占的比例,并且在网页显示时,拖动一个框架的滚动条只会滚动该框架的页面而不会影响其他框架但是框架也有一个缺点,就是当框架所对应页面的内容超过它的范围时,会自动出现滚动条,这非常容易破坏页面的美观。
7.2.5 网页的发布
所谓发布网站,就是把网站中的内容上传到Web服务器上。要发布站点,首先要申请域名和网页空间,设置好站点服务器,然后把制作好的本地网站文件上传到网页空间中。

相关文章
|
UED SEO
常见的网页设计布局有哪些?优秀的网页设计都有的8个特点
网页布局在很大程度上决定了网站的用户如何和网页内容进行交互,好的网页设计具有很强的实用性和适应性,在进行网页设计时的更应该遵循网页布局的最佳实践效果,给观者带来最前沿最全新的网页体验,接下来一起来看看常见的网页设计布局及特点吧。
314 0
常见的网页设计布局有哪些?优秀的网页设计都有的8个特点
|
Web App开发 搜索推荐 UED
网页设计需要注意什么?详解网页设计的8大注意事项
一个合理的布局和清晰的网页可以让访问者感到舒适,并愿意花时间去了解更多的内容,网页设计的设计风格、色彩、页面层次、实用性、交互性、兼容性以及SEO布局等方面,企业在进行网页设计前都是需要考虑的。
542 0
|
存储 前端开发 JavaScript
网页设计入门学习
我从B站黑马程序员pick老师学习了部分前端知识,在这里对已学知识进行归纳总结。本篇主要介绍HTML的相关内容。
177 0
网页设计入门学习
|
前端开发 JavaScript
网页设计与制作
网页设计与制作
309 0
|
移动开发 前端开发 HTML5
盘点2013年那些最优秀的网页设计作品【系列五】
  这个系列的文章向大家展示2013年最优秀的国外网页设计作品,这些都是过去的一年在图片,纹理,导航等等各个方面的优秀网站。2013年,网页设计领域出现了几个新的流行趋势,最热门的就是响应式设计(Responsive Design)和扁平化设计(Flat Design)了,另外大图片背景、视频背景设计也被越来越多的设计师采用。
792 0
|
移动开发 前端开发 HTML5
盘点2013年那些最优秀的网页设计作品【系列三】
  这个系列给大家展示一下2013年最好的网页设计作品,这些都是本年度在布局设计,图片和纹理的应用以及导航设计等等各个方面的优秀网站。过去的一年里,网页设计领域出现了几个新的流行趋势,最热门的要数响应式设计(Responsive Design)和扁平化设计(Flat Design)了,另外大图片背景、视频背景设计也被越来越多的设计师采用。
872 0
|
移动开发 HTML5 前端开发
2013年值得我们学习的网页设计作品【系列二】
  2013年,网页设计领域出现了几个新的流行趋势,最热门的要数响应式设计(Responsive Design)和扁平化设计(Flat Design)了,另外大图片背景、视频背景设计也被越来越多的设计师采用。
820 0
|
Linux Windows
amaya网页设计.
下载地址: http://www.w3.org/Amaya/User/BinDist.html   w3c出的网页设计的GUI工具.在多个系统上面都可以应用.是个不错的东西.   正在使用中..     使用手册在:     菜单:helo -&gt; amaya help ...    ....   英文的...支持操作系统是windows linux mac   都可以运行.用的图标
881 0
网页设计心得
困难一,用dreamware 设计的网页代码混乱,很难控制 困难二,手写的代码很难控制兼容而且设计参数时一次次的试很吃力,效率底   解决访问: 第一步:手写大概代码 第二步:用dreamware来精细调节
678 0