网站与网页概述

时隔两个月我终于写下了第二篇博客 :huaji2: :huaji13:  (ps:要不是作业我可能连写都不写)

好,废话少说,我们进入正题

我按照《网页制作案例教程》一书中吧重点内容分成7个
教材使用软件是DreamweaverCC2015,软件过于老旧,不建议新手一上来就用这个
前期可以用Notepad++或者Visual Studio Code哪怕记事本也行,其目的就是为了让你记住基本代码,让你多敲多练,当基本代码都记会后就不在局限于软件了
要灵活,不要把自己局限到一个软件里 :huaji13:

系列目录

1.网站与网站概述
2.HTML5入门
3.网页基本编辑
4.多媒体与超链接
5.表格与嵌入式框架
6.css概述
7.DIV+CSS网页布局

网站,网页与主页

         看标题也知道了,今天要讲的是开局第一章,也就是最基本的东西

        网站(Website)就是指在Internet上向全世界发布信息的站点。它是根据一定的规则,使用HTML等工具制作的,建立在网络服务器上的一组相关网页的集合。网站是一种信息平台,它通常提供网页服务(WebServer)、数据传输服务(FtpServer)、邮件服务(MailServer)和数据库服务(DatabaseServer)等多种服务。

       网页(WebPage)是网站提供信息服务的主要形式。网页主要用于展示网站中特定的内容,要使用网页浏览器来阅读。网页尽管可以有多种格式,但通用标准是超文本标记语言(HyperTextMarkupLanguage,HTML)。这种语言可以用于创建辅以图像、声音、动画和超级链接的格式化文本。另一种比较流行的语言是XML,它是HTML的衍生语言。当使用HTML和XML制作静态网页不能满足需求时

       网站是一组相关网页的集合,而网页是网站中的一个页面。如果将Internet上的资源看成一个大型的图书馆,那么“网站”就像图书馆里各式各类的书,而“网页”则是书中具体的某一页。在温迪Internet中,每个网页都具有唯一的地址,即“网址”。网址由统一资源定位器(UniformResourceLocator,URL)指定其在Internet上的位置。

       主页(Homepage)是网站中最重要的页面,是整个网站的导航中心,它提供全面的网站信息链接,能够使访问者快速地了解网站的概貌。除主页外,网站中由主页链接的其他网页称为“内页”或“栏目页”。进入一个网站时看到的第一页是首页,许多网站的首页就是主页,但有些网站将首页与主页分开,此时首页与主页就像一本书的封面与目录一样。

说白了,网站就像一个发射塔,网页就是发射出去的内容,主页相当于内容导航 :huaji: 

静态网页与动态网页

根据网页制作的技术及网页功能,网页通常分为静态网页和动态网页。

静态网页及动态网页的区别并非指网页上是否存在“动态视觉效果”,而是指其网站上是否运用了动态网页生成技术。

       静态网页是指纯粹HTML格式的网页,早期的网站一般都是由静态网页构成的。每个静态网页都有一个固定的URL,其URL以“.htm”“.html”“.shtml”“.xml”等常见形式为后缀,且不含有“?”

       静态并不是指网页中的元素都是静止不动的,而是指网页被浏览时,在Web服务器中不再发生动态改变(没有表单处理程序或者其他应用程序的执行),因此网页不是即时生成的。在静态网页上,仍可以看到一些GIF动画、Flash动画等视觉上的“动态效果”。

       动态网页是与静态网页相对而言的,其显示的内容是可以随着时间、环境或者数据库操作的结果而发生改变的。

       同一个动态网页,不同时间、不同用户或不同地点打开,其显示结果也可能是不同的。动态网页并不是独立存在于服务器上的网页文件,它是服务器依据用户请求临时生成并返回给用户的网页。动态网页中除了普通网页中的元素外,还包括一些应用程序,这些应用程序使浏览器与Web服务器之间发生交互行为,而且应用程序的执行需要应用程序服务器才能够完成。

       动态网页的URL以“.asp”“.jsp”“.php”“.perl”“.cgi”等为后缀,且在动态网页网址中常有一个标志性的符号“?”

网站建立及管理

(关于建立和管理我会另开一篇博客教程)

  1. 注册,购买域名
    1. 这里推荐去阿里云购买
  2. 申请网站空间
    1. 使用免费网站空间(学生可以去阿里云免费申请服务器一个月 )
    2. 租用虚拟机
    3. 租用专用服务器
    4. 使用自己搭建的服务器
  3. 上传网站内容
    1. 使用IE浏览器上传
    2. 使用专业FTP工具上传
    3. ......(方法很多,这里不就不列举了
  4. 网站维护管理方法
    1. 网站文件结构设置
      1. 按照文件类型分类;开发者可将不同类型的文件分别存放在不同的文件夹中,如用“pages”“images”“sounds”“videos”命名文件夹,并分别存放网页、图片、音频、视频等网站文件,这种分类方法适用于中小型网站。
      2. 按照部门,业务或项目分类;对于多业务或多项目的中大型网站,开发者可将网站资源按不同的主题或业务性质进行分类存放。例如企业网站,可用“company”“product”“news”“service”及“market”等命名文件夹,分别存放“公司介绍”“产品介绍”“新闻中心”“服务中心”“销售网络”等不同项目的网页及相关资料。对于较大型的网站,按部分、业务或项目分类后,还可以采用方案一的方式再对同一项目内的文件按类型进一步细分及存储。

网站的开发设计

网站主流类型分为七类;

  1. 咨询门户类网站
  2. 交易类网站
  3. 企业品牌类网站
  4. 搜索类引擎网站
  5. 办公类网站
  6. 互动游戏类网站
  7. 个人网站

剩下的就是网站风格和布局了,这里就不讲了

每个人的布局风格都不一样的,随着慢慢的练习,就会练出自己的风格

随着后来的学习就明白了

结尾=w=


这篇博客是偏向新人看的,大多地方是搬运书上的,可以说是一个归纳了,有不妥之处欢迎评论指正 :huaji14:

点赞
  1. Moeyuame Moeyuame说道:
    Google Chrome Windows 10
    :huaji2:

发表评论