书上重点
1. 什么是网站
网站是网络中一个站点内所有网页的集合。简单地说,网站是一种借助于网络的通信工具,就像公告栏一样,人们可以通过网站来发布自己的信息,或者利用网站来提供相关的服务。网站由域名、服务器空间、网页3部分组成。
2. 网站建设的一般流程
1网站定位(2)网站域名申请(3)申请服务器空间(4)确定网站主题(5)网站整体规划(6)收集资料与素材(7)设计网页页面(8)切图并制作成页面(9)开发动态网站模块(10)发布与上传
3. 网站整体规划
在设计网站以前需要对网站进行整体规划和设计,写好网站项目设计书,在以后的制作中按照这些规划和设计进行。需要从网站内容、网页美术效果和网站程序的构思3个方面进行网站的整体规划。
4. 发布与上传
网站完成设计和调试以后,需要上传到租用的服务器空间中才能被用户访问。网站的发布就是把自己计算机中网站内容发布到网络上服务器空间的过程上传网站需要使用FTP软件。
5. 网页结构
  <html>
<head>
<title>  </title>
</head>
......
<body>
......
</body>
</html>
6.常见的HTML标签
1)文本类标记:<Font>标签 <Font>标签用来描述文本的一些字体、字号、颜等文本属性。
    size:用来描述字号的大小。取值范围1-7
    color:用来描述文本的颜。用6位十六进制数来表示颜。
    face:设定文本的字体。
    title:提示信息。鼠标光标停留在这个文本上时会显示出一段提示信息。
2)文本类标签:文本加粗、斜体与下划线
    <B>标签:<B></B>表示字体加粗。
    <I>标签:<I></I>表示斜体字。
    <U>标签:<U></U>表示下划线。
3)表格标记:表格的相关标记有<TABTLE><TR><TD>等,分别表示表格、行、列。
  <TABLE>标签表示一个表格的开始。每一个<TABLE>标签需要有一个</TABLE>标签关闭。相关属性如下:
    width:表格的宽度。
    height:表格的高度。
    border:表格边框的线宽。
    cellpaddinf:表格边框之间的填充宽度。
    cellspacing:表格边框之间的间距。
    bordercolor:边框的颜
    background:表格背景的图片。
    bgcolor:表格背景的颜。
    align:表格的对齐方式,可以是leftcenterrighth等值。
  <TR>标签表示表格的一行。具有和<TABLE>相同的高度、宽度、背景等属性。
  <TD>标签表示表格的一个单元格。具有和<TABLE>相同的高度、宽度、背景等属性。
4)超级链接标记:在浏览网页时,单击一个标题会打开另一个网页。这种可以打开一个网页的标题就是网页中的链接。
      属性TARGET表示链接页面的打开方式。属性值如下:
      _BLANK:表示以新建页面的方式打开网页。
      _PARENT:在上级页面中打开网页。
      _SELF:在当前页面中打开网页。
5)段落标记:在网页中需要有一个<P>标签、<DIV>标签等把一些文本作为一个整体,构成一个段落。
<P>标签:用于新起一个段落,HTML代码中<P>标签和<BR>换行标签不同的是新段落前面会有一个空格。<P>标签主要属性如下:
  class:表示段落的样式。
  title:表示鼠标停留在这个段落上时的提示。
  align:表示这个段落的对齐方式。有justify(自我匹配)、leftrightcenter4个值。
<DIV>标签称作容器标签。相关属性如下:
  align:设置或获取对象相对于显示表格的排列方式。
  id:标识对象的字符串。
style:为该元素设置内嵌样式。
class<DIV>标签内部内容的样式。静态网页和动态网页的概念和区别
    <SPAN>标签是指定一个网页内嵌文本容器,当需要把一段文本作为一个整体进行设置而不需要成为一个新段落时,可以使用<SPAN>标签。<SPAN>标签属性与<DIV>标签类似。
6)框架标记
  框架网页的常用属性如下:
        scr:框架页面的地址,可以是详细的URL或本网站相对地址。
        width:框架页面的宽度
        height:框架页面的高度。
        align:框架页面的对齐方式。
        strolling:框架页面的滚动条出现方式,可能是AUTOYESNO等值。
        frameborder:框架页面的边框。可能是10等值。
7)表单与按钮标记
    表单工具栏:任何一个表单元素都有idnametypevalue等属性
        idname:表单的名称,用来标识这个表单元素。表单的idname一般相同。
        type:表单的类型。用来区分表单元素是哪种类型。
        value:表单的值。可能是表单元素的输入值、选择值。默认值等。
    <form>表单标签
        name:表示表单的名称。
        method:表单的发送方式,有postget两种值。
        action:表单的发送页面地址。
    文本框:文本框是用来输入文本的区域。文本框有单行文本框、多行文本框区域和密码3种形式。
    隐藏区域:隐藏区域是表单中的隐藏字段。
    复选框
    单选按钮:在单选按钮组中,用户只能在一组数据中选择一个值。
    下拉菜单:下拉菜单是另一种数据选择方式,用户单击下拉菜单后,可以对一组选项选择一个唯一的值。
    文件选择框:文件选择框可以实现对文件的选择。
    按钮:按钮可以实现用户的鼠标单击功能。按钮有以下3种动作:
        提交表单:单击以后将表单内容提交到服务器。type值为submit
        无动作:单击以后无动作,一般用作JavaScript的事件。type值为button
        重设表单:单击后重设表单,使这个表单中所有值都重设为表单的默认值。type值为reset
8)图片标记
    图片标记的属性如下:width:设置图片的宽度
                        height:设置图片的高度
                        border:设置图片的边框
                        src:设置图片的URL
                        vspave:设置图片的垂直方向边框
                        alt:设置图片的提示文字
                        align:设置图片对齐方式
9)换行标记
      在网页中需要对文字换行需要使用<br>换行标记
10)水平线标记
      网页中可以使用<hr>表示一条水平的直线,属性如下:
          width:水平线的宽度
          noshade:水平线是否有阴影。如果设为noshade,则无阴影。
11)特殊标签:
 :空格标记(dreameaver中空格标记的快捷键是Shift+Ctrl+空格)
:注释标记
<A NAME=“”></A>:命名锚点标记。
7. 网页中代码大小写问题和引号问题
HTML代码是不区分大小写的,所以HTML可以随意用大写或小写字母来写。
  HTML代码中需要区别字符的全角和半角,HTML标签中不可以出现全角字符,特别要注意的是不可以出现全角的引号、单引号、全角空格等内容,否则会导致这段HTML标签无法显示。
  HTML代码中的双引号可以不使用或是用单引号代替。但如果使用引号则必须正确配对。
8.彩的基本概念
  在设计中,颜分为彩和非彩两种。非彩是指只含有灰、白、黑三系的颜。彩是指非彩以外的颜。网页HTML语言中的彩表达即是分别用红、黄、蓝三种颜的直来表示的。分别把红、黄、蓝三种颜分为256个等级,用不同组合形成不同的颜。网页上可以形成224种颜。颜的值用两位十六进制数来表示。红是#FF0000,黑是#000000,白是#FFFFFF
9.网页彩是冷暖视觉
  红、橙、黄等是暖,蓝绿、蓝、蓝紫是冷,黑、白、灰、彩、紫等是中性。
10.网页安全
    网络安全在物理学上是当红(Red)、绿(Green)、蓝(Blue)颜数字信号值为051102153204255时构成的216种颜组合,这其中有彩210种,非彩6种。在Dreamweaver颜板中使用的颜都是网页安全。
11.网站总体彩规划
1)定义网站的彩基调:定义网站的彩基调就是选择一个颜作为网站最主要的风格调。
  网站彩要鲜明网站彩要独特彩需要与网站的内容协调要注意不同的彩可能给网站的内容带来不同的联想,即颜的联想性。
  2)站点内各栏目彩搭配原则
    一般来说,更需要吸引用户注意力的栏目应该使用鲜艳的颜。不同栏目之间有一些颜
的对比,增强网页彩的层次感。
12.网页彩搭配
在网页中一般的处理方法是:主要内容文字用非彩(黑),边框、背景、图片等次要内容用彩。
13.设置文本属性
    文本的格式就是文本的属性。在设置文本属性时,可以设置文本的大小、字体、颜、对齐方式、加粗、斜体等格式。在Dreamweaver设计视图中,单击文本再按住鼠标左键不放拖动,选择需要设置的文本,然后可以在文本的属性标签中设置文本的属性。
14.使用<pre>标签进行排版:<pre>标签可以实现网页文本和源代码文本完全相同的排版,通过文本格式的设置可以设置文本的颜、文字大小、间距等内容。单<pre>标签内文字的排列、换行、空格等排版是不会改变的。
15.输入特殊字符:在特殊符号中,最常见的是换行符<br>和空格符号< >。也可以在“文本”工具栏的最后一个特殊符号工具中插入各种特殊符号。
16.在网页中插入图像
简述在HTML中嵌入图片所用标记的7种属性。
答:嵌入图片的标记是<IMG SRC="#"> #=图片的URL,可以用相对路径和绝对路径表示。此标记常用的属性主要有7项,分别为widthheghthspacevspaceborderalign、及alt属性。(1width属性设定图片的显示宽度;(2heght属性设定图片的显示高度;(3hspace属性设定图片在浏览器的中的显示的水平位置;(4vspace属性设定图片在浏览器中的垂直位置;(5border属性设定图片的边框高度;(6align属性设定与图片相邻文字对图片的相对位置;(7alt属性设定的作用是对图片进行说明。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。