Forpersonaluseonlyinstudyandresearch;mercialuseForpersonaluseonlyinstudyandresearch;mercialuse蒃前言肈1课程的重要性膈2课程内容分为两部分:蒄(1)理论24学时,内容包括:第一章HTML语言、第二章CSS、第三章Dreamweaver制作网页、第四章JavaScript脚本语言。袁(2)实验12学时,制作一个简单的网站。膁3考核方法:试卷+实验+考勤芈4网页设计前沿:袅(1)网页编写方法:薂利用可视化网页编辑工具袀利用记事本等工具编写源代码。芈(2)网页设计相关技术:芆制作静态网页需要的技术有:HTML、CSS、客户端脚本、DOM(文档对象模型)肀制作静态网页的技术有:CGI、ASP、PHP、JSP等。蚈(3)企业网站制作情况:莈无后台静态网站莂前后台均为动态的网站(利用ASP等动态网页制作技术编写)螂前台静态后台动态的网站(利用内容管理系统制作网站,网站带后台发布系统,前台生成静态页面,这种网站有利于企业网站提高速度和搜索引擎推广。)蒇(4)企业网站制作流程蒈业务人员与客户沟通签订合同,付定金。螃美工设计效果图,客户审核。芀审核通过后,由技术人员根据效果图制作网站。蒀网站制作完成后,客户审核,一般需要修改。薈通过审核,付余款。膄第一章HTML语言羂第一节HTML文档的基本结构艿HTML文档的结构蚇<HTML>薅<HEAD>莀<TITLE>网页标题</TITLE>羈<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">螇<metaname="Description"content="网页描述"/>羆<metaname="Keywords"content="关键词"/>膂</HEAD>肁<BODY>袇网页内容膃</BODY>袄</HTML>螀其中,<HTML>和</HTML>表示网页的开始和结束,<BODY>和</BODY>表示网页页面内容的开始和结束,<HEAD>和</HEAD>内部是需要设置的一些头部信息。袇<TITLE>和</TITLE>之间是网页标题,它有两个作用:(1)在浏览器的左上角显示网页标题(2)搜索引擎收录网页时使用薄<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">的作用是指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。根据这一行代码,浏览器就可以识别出这个网页应该用中文简体字符显示。类似地,如果将“gb2312”替换为“big5”,就是我们熟知的中文繁体字符了。芁<metaname="Description"content="网页描述"/>中content="网页描述",是对一个网页概况的介绍,这些信息可能会出现在搜索结果中,因此需要根据网页的实际情况来设计,尽量避免与网页内容不相关的“描述”,另外,最好对每个网页有自己相应的描述(至少是同一个栏目的网页有相应的描述),而不是整个网站都采用同样的描述内容,因为一个网站有多个网页,每个网页的内容肯定是不同的,如果采用同样的description,显然会有一些网页内容没有直接关系,这样不仅不利于搜索引擎对网页的排名,也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。蕿<metaname="Keywords"content="关键词"/>中content="关键词"也是用来描述一个网页的属性,只不过要列出的内容是“关键词”,而不是网页的介绍。这就意味着,要根据网页的主题和内容选择合适的关键词。在选择关键词时,除了要考虑与网页核心内容相关之外,还应该是用户易于通过搜索引擎检索的,过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计,要注意不要堆砌过多的关键词,罗列大量关键词对于搜索引擎检索没有太大的意义,对于一些热门的领域(也就是说同类网站数量较多),甚至可能起到副作用。羇网页的编写方法羄利用可视化网页编辑工具编写羃利用记事本编写源代码莇步骤如下:<hi>标记用于定义段落标题的大小级数。最大的标题级数是<h1>,最小的标题级数是<h6>。该标记的align属性可控制文字的对齐方式,其取值是left(左对齐)center(居中)right(右对齐)。芄例题1-1:莃<html>羁<head>蒆<title>我的花店</title>蚅</head>螁<body>蚀<h1>欢迎您访问我的花店!</h1>蒆<h2>欢迎您访问我的花店!</h2>肆<h3>欢迎您访问我的花店!</h3
网页设计 来自淘豆网m.daumloan.com转载请标明出处.
