《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——第1章 网页设计基础知识 1.1 网页基础知识入门

  1. 云栖社区>
  2. 博客>
  3. 正文

《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——第1章 网页设计基础知识 1.1 网页基础知识入门

异步社区 2017-05-02 14:49:00 浏览1250
展开阅读全文

本节书摘来自异步社区《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》一书中的第1章,第1.1节,作者: 何新起 , 任慎存 , 田月梅更多章节内容可以访问云栖社区“异步社区”公众号查看。

第1部分 网页设计基础与HTML篇

■ 第1章 网页设计基础知识

■ 第2章 HTML基础

第1章 网页设计基础知识

为了能够使网页初学者对网页设计有个总体的认识,本章首先将介绍网页的基本知识,接着介绍网页的基本构成元素,最后简单介绍网页设计常用工具Dreamweaver、Flash和Photoshop。通过本章的学习可以为后面设计制作更复杂的网页打下良好的基础。

学习目标

  • 网页基础知识入门
  • 掌握网页的基本构成元素
  • 掌握网页设计的原则
  • 掌握常见的版面布局形式
  • 掌握常用网页设计软件

1.1 网页基础知识入门

1.1.1 认识互联网
因特网是一个全球性的计算机互联网络,中文名称为“国际互联网”或“因特网”。它集现代通信技术和现代计算机技术于一体,是计算机之间进行国际信息交流和实现资源共享的良好手段。互联网将各种各样的物理网络连接起来,构成一个整体,而不考虑这些网络类型的异同、规模的大小和地理位置的差异,如图1-1所示。


94d36f2c5567ed127c2760c79e291e6e998c651c

互联网是全球最大的信息资源库,几乎包括了人类生活的方方面面的信息,如政府部门、教育、科研、商业、工业、出版、文化艺术、通信、广播电视、娱乐等。经过多年的发展,互联网已经在社会的各个方面为全人类提供便利,如电子邮件、即时消息、视频会议、网络日志及网上购物等。

1.1.2 域名与空间
域名是企业或各类机构在因特网上的网络地址。在网络时代,域名是企业和各类机构进入互联网必不可少的身份证明。

国际域名资源是十分有限的,为了满足更多企业、机构的申请要求,各个国家、地区在域名最后加上了国家标记段,由此形成了各个国家、地区的国内域名,如中国是cn、日本是jp等,这样就扩大了域名的数量,满足了用户的要求。

注册域名前应该在域名查询系统中查询所希望注册的域名是否已经被注册。几乎每一个域名注册服务商都在自己的网站上提供查询服务。图1-2所示为在万网申请注册域名。


c7b550d2b4b4a80d0c0fee6a3a25278971ee6a95

网站是建立在网络服务器上的一组电脑文件,它需要占据一定的硬盘空间,也就是一个网站所需的网站空间。

1.1.3 网页与网站
网页是一种可以在互联网上传输,能被浏览器识别和翻译成页面并显示出来的文件,是网站的基本构成元素。一般网页上都会有文本和图片等信息,而一些复杂的网页上还会有声音、视频、动画等多媒体内容。网页通常分为动态网页和静态网页两种。

网站也叫做站点,是提供各种信息和服务的基地。网站是有独立域名、独立存放空间的内容的集合,这些内容可能是网页,也可能是程序或其他文件。网站中不一定要有很多网页,只要有独立域名和空间,哪怕只有一个页面也叫网站。

很多网页链接在一起就组成了一个网站。用户浏览一个网站时,看到的第一个页面叫做主页。从主页出发,可以访问本网站中的每一个页面,也可以链接到其他网站。

1.1.4 静态网页与动态网页
网页又称HTML文件,在网站建设初期经常采用静态网页的形式。网站建设者把内容设计成静态网页,访问者只能被动地浏览网站建设者提供的网页内容。静态网页的特点如下。

  • 网页内容不会发生变化,除非网页设计者修改了网页的内容。
  • 不能实现与浏览网页的用户之间的交互。信息流向是单向的,即从服务器到浏览器。服务器不能根据用户的选择来调整返回给用户的内容。静态网页的浏览过程如图1-3所示。

    2cf8c85b43a4051fecb185bcbc83d1ff30ae5b00

    动态网页是指网页文件里包含了程序代码,通过后台数据库与服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计语言而不同,常见的有.asp、.jsp、.php、.perl、.cgi等形式。动态网页能够根据不同时间和不同访问者而显示不同内容。如常见的BBS、留言板和购物系统通常是用动态网页实现。

    动态网页的制作比较复杂,需要用到ASP、PHP、JSP和ASP.NET等专业动态网页设计语言。动态网页浏览过程如图1-4所示。


    4aa26841bb94bd86d97e2079d0f78834e8011b94

    动态网页的一般特点如下。

    • 动态网页以数据库技术为基础,可以大大降低网站维护的工作量。
    • 采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、搜索查询、用户管理、订单管理等。
    • 动态网页并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页。
    • 搜索引擎一般不可能从一个网站的数据库中访问全部网页,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

    1.1.5 网站的类型
    网站是多个网页的集合,目前还没有一个严谨的网站分类方式。按照主体性质划分,网站可以分为门户网站、电子商务网站、娱乐网站、游戏网站、时尚网站及个人网站等。

    1.个人网站
    个人网站包括博客、个人论坛、个人主页等。网络的大发展趋势就是向个人网站发展。个人网站就是自己的心情驿站。有的是为了拥有共同爱好的朋友相互交流而创建的网站,也有以自我介绍的简历形式的网站,图1-5所示的个人网站。


    0605b844fc5fc89c892496f27a2a047330d53769

    2.电子商务网站
    电子商务网站为浏览者搭建起一个网络平台,浏览者和潜在客户在这个平台上可以进行整个交易/交流过程。电子商务型网站业务更依赖于互联网,是公开的信息仓库。

    所谓电子商务,是指利用当代计算机、网络通信等技术实现各种商务活动的信息化、数字化、无纸化和国际化。狭义上说,电子商务就是电子贸易,主要指利用在网络进行电子交易,买卖产品和提供服务,图1-6所示为购物网站。广义上说,电子商务还包括企业内部的商务活动,如生产、管理、财务以及企业间的商务活动等。

    通过电子商务,可实现如下目标。

    • 能够使商家通过网络将产品销售到全世界,能够使消费者足不出户便买到全世界的商品。
    • 可以实现在线销售、在线购物、在线支付,使商家和企业及时跟踪顾客的购物趋势。
    • 商家和企业可以利用电子商务在网上推广自己的独特形象。
    • 商家和企业可以利用电子商务同合作伙伴保持密切的联系,改善合作关系。
    • 商家可以为顾客提供及时的技术支持和技术服务,降低服务成本。
    • 可以促使商家和企业之间的信息交流,及时得到各种信息,保证决策的科学性和及时性。


    45f9c80fbee5816a4c4c903679b87338de52979e

    3.游戏网站
    游戏是当今网络中的热门话题,许多门户网站也专门增加了游戏频道。游戏网站一般情况下是以矢量风格的卡通插图为主体的,色彩对比比较鲜明。渐变的背景色彩使页面看起来十分明亮,少许立体感的游戏风格使页面看起来十分可爱,带有西方童话色彩的框架设计使网站看起来十分特别。图1-7所示为游戏网站。


    858fab7e4427fb99a1b295e4c4def58ec7d6eae8

    4.新闻网站
    新闻资讯类网站具有传播速度快、传播范围广、不受时间和空间限制等特点,因此新闻网站得到了飞速的发展。并且新闻资讯网站以其新闻传播领域的丰富网络资源,逐渐成为继传统媒体之后的第四新闻媒体。如图1-8所示新闻类网站。

    80a1f195d2992f1a009ab395190b8a4ef3bcaf72

    5.时尚网站
    追求流行是充满活力年轻人秉持的生活态度。时尚则是各种流行文化和设计理念的交汇与碰撞。如图1-9所示的某时尚网,它们体现着时尚、潮流,融合最前沿的文化信息。


    dbf11fcae1f6f2eac7a1ce4fece329c4c4f30365

    6.门户网站
    门户类网站是互联网的巨人,它们拥有庞大的信息量和用户资源,这是这类网站的优势。门户网站将无数信息整合、分类,为访问者打开方便之门,绝大多数网民通过门户网站来寻找感兴趣的信息资源,巨大的访问量给这类网站带来了无限的商机。图1-10所示为门户网站。


    1c51b27c9640a75967a1b1511a295cbd75f2bfa0

网友评论

登录后评论
0/500
评论
异步社区
+ 关注