了解CSS技术基础之
网页制作入门篇
专题简要
随着网络时代的爆发,网站成为每个公司或个人不可或缺的宣传方式。越来越多的人想要自己制作一个网站,提到制作网站,就会想要知道怎么制作一个完整的网站。
在互联网行业中,网页制作包括网页设计、页面制作和后台程序设计等。本文主要像大家介绍页面制作的一些基本知识。
选择一个合适的开发工具
制作页面包括制作XHTML页面和CSS样式表,通常可以使用记事本来编辑这些文档,当文档非常大,代码量很多的情况下,使用记事本就不够方便。目前常用于制作页面的工具有几种,我们今天主要应用的是Adobe公司开发的Dreamweaver。 Dreamweaver是集网页制作和管理网站于一身的所见即所得的网页编辑器。利用Dreamweaver可以轻而易举地制作出跨平台限制和跨越浏览器限制充满动感的网页。Dreamweaver是最常用的网页制作软件,其编辑CSS样式的能力只是Dreamweaver其中的一个功能。
打开Dreamweaver,选择“文件”|“新建”命令,弹出“新建文档”对画框,(插入图) 建立一个标准的HTML页面,该页面包含以下代码:
该代码分为四个部分:第一部分是DOCTYPE声明部分,第二部分是命名空间,第三部分是头部文档,第四部分是文档主体。
浏览器与网页文档的关系
网页浏览器是一种软件。用于显示网页文档。在浏览器的地址栏输入网址就能打开一个网站。在浏览器上显示又该网站的图片文字等资讯,用户看到的整个网页就是一个完整的网页文档。
目前流行的网页浏览器有很多,在windows操作系统中,比较常用的是:IE,360,FIRefox。这种浏览器使用的人数占90%以上,随着互联网的飞速发展,浏览器不断升级更新,低版本逐渐退出市场。对于一个网页浏览者来说,使用哪个浏览器并不会有很大差别。但是作为页面制作人员或者学习页面制作的人来说,浏览器是至关重要的。
网页文档是以.htm或者.html作为扩展名的文件。这一类型的文件可以使系统自带的记事本打开,也可以使网页编辑软件Dreamweaver打开,在这些文件中包含的代码就是HTML语言或者XHTML语言。这两种语言能被浏览器解释并渲染成网页,它们是构建网页的基础。
初识CSS的作用
css(Cascading Style Sheets)的中文译名是层叠样式表。Css用于控制网页元素的外观。其主要用于分离页面的样式和结构。Css提供了丰富的样式表功能,如字体、段落、颜色、背景、布局等。使用DIV+CSS布局方式也改变了传统HTML+table的布局方式。
案例代码:
在标签中加入css样式又称为行内样式,
每个HTML标签都含有style属性。利用style属性可以将css样式直接写入HTML文档的某个标签内。
案例:
通常在制作标准的HTML页面时不会使用在标签中嵌入CSS样式的方法。因为这种方法使得HTML文档显得过于臃肿,代码繁多,难以修改。
链入外部css样式表的方法也称为连接式。
使用链入外部样式表的方法是网页制作中最常用的方法。链接式实现了文档内容和样式的完全分离,美工人员可以操作css文件来改变页面样式,后台人员可以操控HTML文档来改变内容,互不干扰。
现在大家对于网页文档、HTML、CSS有了一个总体的认识。这些是一些基础知识。大家想要知道如何完整的制作一个网站,还要更加深入的了解更多css的知识。小编也会继续为大家介绍相关内容。
往期专题回顾
传统营销、互联网营销与移动互联网营销的本质的区别就是宣传方式不同。
专注服务于成长型企业-互联网品牌营销,助力企业微营销。
多年专注于营销型网站建设,服务超过10万余家企业。具有价值的网络营销服务平台,专业为企业营销型网站建设、让您拥有属于自己的营销型网站。
拓展销售新渠道,让更多人帮你卖产品。
生意宝拥有海量微信小程序行业模板并能定制专属于您的小程序,帮助千万商户一键生成微信小程序。
专题新闻