HTML5技术下的旅游网站页面构建:详细解析旅游网站设计流程步骤

HTML5技术下的旅游网站页面构建:详细解析旅游网站设计流程步骤

基于HTML5的旅游网站设计流程有哪些

基于HTML5的旅游网站设计包含哪些步骤?

1. 旅游网站现状概览

2. 项目概要

3. 旅游网站的设计

4. 旅游网站的实现

第一步:与用户交流需求,掌握用户的实际需求,编制需求分析报告(即用户想建立什么样的旅游网站,需要达到什么样的目标)

第二步:依据需求分析报告,对旅游网站进行设计(包括旅游网站的整体架构、网站的硬件需求、以及网站的功能性需求:网站的登录注册、会员管理功能、网站的游客评价、订单查询功能、网站的线路酒店展示旅游攻略、旅游资讯功能。)

急切需求!!!网页设计 HTML代码大全

HTML标签_HTML大全_HTML标签大全_超文本标记语言

网页(WebPage)文件主要是用超文本标记语言(HyperText Markup Language,简称HTML)语句来编写。您可以通过IE浏览器的“查看”菜单中的“源文件”查看该页的HTML代码。HTML语言由一系列元素(element)组成,用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性,属性及其属性值不分大小写。属性名=属性值合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。元素又由标记(tag)的构成,大多数标记是成对出现的,分起始标记<>(start tag)和结尾标记(end tag),以便和页面的内容区分开来。其编写的文件是标准的ASCII文件,不同于一般的编程语言,故称为脚本(Script)更准确一点。其实也很简单,特别是在专门的HTML编辑器的辅助下,您可以迅速地学会HTML,并能很快编写出有自己特色的Homepage来。

需要指出的是:各种浏览器对html元素及其属性的解释不完全相同,如NC与IE是有区别的。

标签内容说明

基本标签所有HTML文件都有的

……

表示文件类型为HTML文档

……设置文档描述及其他不在WEB网页上显示的信息

……

HTML文档的主体(页面的实际内容)

标题标签

……在标题栏中显示的题目(放在内)

扩展属性标签

基址标签,为解决相对编址作参考值

将HTTP命令发给CONTENT=number;url允许,描述不包含在标准HTML里的文档信息。使用详解

提供将现行文档与其它文档或实体关联起来的信息

指明在服务器上提供文档的可以检索的索引

……

允许包含样式表(CSS)信息

页面属性标签……标签的扩展属性。使用详解

设置背景颜色,用名字或十六进制值

设置文本文字颜色,用名字或十六进制值

设置链接颜色,用名字或十六进制值

设置已使用的链接的颜色,用名字或十六进制值

设置正在被击中链接的颜色,用名字或十六进制值

文本标签

……

创建预格式化文本

……

创建最大的标题

……

创建最小的标题

……创建黑体字

……创建斜体字

……创建打字机风格的字体

……创建一个引用,通常是斜体

……加重(通常是斜体加黑体)

……强调(通常是斜体加黑体)

设置字体大小,从1到7

设置字体的颜色,使用名字或十六进制值

链接

创建一个超链接

创建一个自动发送电子邮件的链接

创建一个位于文档内部的靶位

创建一个指向位于文档内部靶位的链接

格式排版

创建一个新的段落

将段落按左、中、右对齐

插入一个回车换行符

……

从两边缩进文本

……

创建一个定义列表

放在每个定义术语词之前

放在每个定义之前

    ……

创建一个标有数字的列表

  • 放在每个数字列表项之前,并加上一个数字

      ……

    创建一个标有圆点的列表

  • 放在每个圆点列表项之前,并加上一个圆点

    一个用来排版大块HTML段落的标签,也用于格式化表

    图形元素

    添加一个图像

    排列对齐一个图像:左中右或上中下

    设置围绕一个图像的边框的大小


    加入一条水平线


    设置水平线的大小(高度)


    设置水平线的宽度(百分比或绝对像素点)


    创建一个没有阴影的水平线

    表格

    ……

    创建一个表格

    ……

    开始表格中的每一行

    ……

    开始一行中的每一个格子

    ……

    设置表格头:一个通常使用黑体居中文字的格子

    表格属性

    设置围绕表格的边框的宽度

    设置表格格子之间空间的大小

    设置表格格子边框与其内部内容之间空间的大小

    设置表格的宽度-用绝对像素值或文档总宽度的百分比

    设置表格格子的水平对齐(左中右)

    设置表格格子的垂直对齐(上中下)

    设置一个表格格子应跨占的列数(缺省为1)

    设置一个表格格子应跨越的列数(默认为1)

    设置一个表格格子应跨越的行数(默认为1)

    禁止表格格子内的内容自动换行回卷

    框架

    ……置于一个框架文档的标签之前,亦或嵌入其他框架文档中

    定义一个框架内的行数,可使用绝对像素值或高度的百分比

    定义一个框架内的列数,可使用绝对像素值或宽度的百分比

    定义一个框架内的单一窗或窗区域

    ……定义在不支持框架的浏览器中显示的提示

    框架属性

    规定框架内显示的HTML文档

    命名框架或区域以便其他框架可以指向它

    定义框架左右边框的空白大小,必须大于等于1

    定义框架上下边框的空白大小,必须大于等于1

    设置框架是否有滚动条,其值可以是"yes"、"no"、"auto",默认时一般为"auto"

    禁止用户调整一个框架的大小

    表单对于功能性的表单,通常需要运行一个CGI小程序,HTML仅是产生表单的外观。

    ……创建所有表单

    ………创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目

    设置每个表单项的内容

    ……创建一个下拉菜单

    创建一个文本框区域,列的数目设置宽度,行的数目设置高度

    创建一个复选框,文字跟在标签后面

    创建一个单选框,文字跟在标签后面

    创建一个单行文本输入区域,size设置以字符计的宽度

    创建一个submit(提交)按钮

    创建一个使用图像的submit(提交)按钮

    创建一个reset(重置)按钮

    附加属性

    ……
    预格式化风格标签用于显示字体宽度固定的文本块,主要用于在表格格式中显示文本

    ……打字机风格用于显示打字机字体宽度固定的文本

    ……示例风格以单倍距显示文本

    ……
    地址风格通常用于文档的开始或结尾处,并以斜体格式显示文本。

    ……
    定义列表风格用于显示术语及其定义

    颜色

    #=rrggbb 16进制RGB数值,或者是以下预定义色彩:

    Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Yellow, white, Silver, Fuchsia, Purple, Green, Aqua[返回本页顶部]

    META标签

    描述不包含在标准HTML中的文档信息。

    本页的关键字和描述。在页面中添加这些定义后,一些搜索引擎就能够让读者根据这些关键字搜索到您的主页,了解您的主页内容。

    浏览器将在30秒后,自动跳转到new.htm。您可用它制作一个封面,在一段时间后,自动带读者来到您的目录页。如果URL项没有,浏览器就是刷新本页。这就是WWW聊天室定期刷新的实现原理。

    描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器中设置。GB2312是指简体中文,而台湾BIG5内码的主页则是用BIG5。

    强制调用网上的最新版本。浏览器为节省时间,在本地硬盘上保存一个临时文件。在重新调用时,便直接显示那个临时文件。如果您想让读者每次都看到最新的版本,可加上句。[返回本页顶部]

    LINK

    显示本文档和其他文档之间的链接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:

    REL参数说明两个文档之间的关系,HREF说明目标文档名。关于层叠样式表,将在后面的课程中详细阐述。[返回本页顶部]

    BASE

    本文档的原始地址。语法:当读者下载您的文档后,由此可以知道是从哪里下载的。[返回本页顶部]

    BODY

    BODY标记有一些属性,用于定义页面内的显示效果。 ALINK、LINK、TEXT、VLINK——文字的颜色。

    ALINK:当前激活的链接的文字颜色。

    LINK:链接的文字颜色。

    TEXT:文字的颜色。

    VLINK:访问过的文字颜色。

    注意:文字的颜色要与背景色有明显的差别,以便读者浏览。

    BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。

    BACKGROUND:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。

    BGPROPERTIES:设置成FIXED,则背景图案不滚动。(只对INTERNET EXPLORER有效)

    BGCOLOR:背景色。

    注意:如果你的背景图案是深色调,因此文字颜色为浅颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白色下很难阅读,所以应该选用一个与你的背景图案颜色一致的背景色。

    请注意:若您的背景色调深沉,因此文字色调需淡,鉴于浏览器加载页面的顺序为“背景色-文字-背景图案”,那么在背景图案尚未显现时,文字在白色背景下可能难以辨识。因此,应选择与背景图案色调相匹配的背景色调。

    LEFTMARGIN、TOPMARGIN——页面边距。(仅对INTERNET EXPLORER适用)

    LEFTMARGIN:左侧页面边距。

    TOPMARGIN:顶部页面边距。

    以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。
    THE END
    分享
    二维码
    < <上一篇
    下一篇>>