了解与设计网站
一、网站与网页
网站是一个整体,而网页是一个个体,一个网站是由很多网页构建而成。
网页与网站的区别简单的来说:网站是由网页集合而成的,而大家通过浏览器所看到的画面就是网页,网页说具体了是一个html文件,浏览器是是用来解读这份文件的。也可以这样说:网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站,这可就没有规定了,即使只有一个网页也能被称为网站。
二、网站的结构
常见的网站结构有树形、星形、混合形。
树形:主页上的超级链接指向一级子页,一级子页的超级链接指向二级子页,依次类推。
星形:是指在每个页面上都设置一个共同的超级链接枢纽,所有的页面都可以通过该枢纽保持链接,这个超级链接枢纽就是所有页面的入口。
混合形:采用这种结构,访问者可以方更快捷地到达自已需要的页面。
三、网页的基本构成元素
1.文本
一般情况下,网页中最多的内容是文本,可以根据需要对其字体、大小、颜、底纹、边框等属性进行设置。
2.图像
丰富多彩的图像是美化网页必不可少的元素,用于网页上的图像一般为JPG格式和GIF格式。
3.超级链接
超级链接是Web网页的主要特,是指从一个网页指向另一个目的端的链接。
4.导航栏
导航栏是一组超级链接,用来方便地浏览站点。导航栏一般由多个按钮或者多个文本超级链接组成。
5.网站开发建设动画
动画是网页中最活跃的元素,创意出众、制作精致的动画是吸引浏览者眼球的最有效方法之一。但是如果网页动画太多,也会物极必反,使人眼花缭乱,进而产生视觉疲劳。
6.表格
表格是HTML语言中的一种元素,主要用于网页内容的布局,组织整个网页的外观,通过表格可以精确地控制各网页元素在网页中的位置。
7.框架
框架是网页的一种组织形式,将相互关联的多个网页的内容组织在一个浏览器窗口中显示。
8.表单
表单是用来收集访问者信息或实现一些交互作用的网页,浏览者填写表单的方式是输入文本、选中单选按钮或复选框、从下拉菜单中选择选项等。
网页中除了上述这些最基本的构成元素外,还包括横幅广告、字幕、悬停按钮、日戳、计算器、音频、视频、Java Applet 等元素。
四、静态网页和动态网页的工作原理
1、静态网页:
简单地讲,网站建设中静态页面就是一些由HTML代码组成的Web页面,这些代码可以用Windows自带的记事本打开查看,并且编辑保存。在打开静态页面时,网页设计者已经使用HTML代码确定了页面想表现网站建设的内容,浏览者通过因特网浏览看到。
静态网页非常容易识别,网站建设静态页面的内容包括文本、图像和超链接,它的外观总是保持不变,用户在任何时候都会看到相同的网页,除非网页的作者改变了内容。静态网页的另外一个特点是,它并不记录到底是谁在访问网页、用户是通过什么方式访问网页等信息的。
静态网页非常容易识别,网站建设静态页面的内容包括文本、图像和超链接,它的外观总是保持不变,用户在任何时候都会看到相同的网页,除非网页的作者改变了内容。静态网页的另外一个特点是,它并不记录到底是谁在访问网页、用户是通过什么方式访问网页等信息的。
2、动态网页:
动态网页是与静态网页相对应的,也就是说,网页 URL的后缀不是.htm、.html、.shtml
、.xml等静态网页的常见形动态网页制作专家式,而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。
动态网页的工作原理与静态网页比较类似,但是在服务器端有很大差别。服务器端接到客户端发出的请求后,首先会到所要浏览的动态网页文件,然后解释执行其中的程序代码,将含有程序代码的动态网页转化为标准的静态网页,然后将静态网页发送给客户端。
五、常用的网站建设技术
1、HTML:超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。
2、Javascript: JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。
3、DHTML: DHTML是Dynamic HTML的简称,就是动态的html,是相对传统的静态的html而言的一种制作网页的概念。
4、CGI: CGI脚本简单地讲是个运行在Web服务器上的程序, 有浏览器的输入触发. 这个脚本通常象服务器和系统中其他程序如数据库的桥梁。
5、ASP: ASP是Active Server Page的缩写,意为“动态服务器页面”。
6、PHP: PHP,是英文超文本预处理语言Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言,是一种在服务器端执行的嵌入HTML文档的脚本语言,语言的风格有类似于C语言,被广泛地运用。
7、JSP: JSP(Java Server Pages)是由Sun公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。
六、网页策划与设计
1、网站主题和内容的选择与定位
2、网站栏目的设计
3、网站的风格设计
4、网站内容的收集和筛选
5、网站结构和超级链接的设计
6、网页的布局
7、网站建设技术和工具的选择
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论