汪峰演唱会2017上海:网站制作流程及界面交互设计研究探讨 - OnLing‘s BLOG

很多朋友希望，我能把我做网站的一些流程及经验跟大家分享一下，最近刚好做一次内部培训，所以稍微整理了一下，这些只是针对网页初学者，具有一定平面设计水平的人，对HTML不是很了解，他们可能只是想做一个个人主页而已，所以整体还是趋向于传统的表格布局，这里有很多都是一些我个人刚开学时自己摸索的经验，所以可能不是很专业，但是绝对是比较容易入门的，我一直有这种思想，你只有塌进来了，你才可能往更高的地方爬，我想当初如果没有这段的学习，现在我也不会明白什么W3C，什么CSS，什么ASP，什么XML，一切都是有一个起点，希望能对大家有点小帮助。整体的PPT比较大，没有放这，我把主要内容用文字大致整理了一份，如果需要PPT，可以跟我联系。有不合理的地方，希望大家能指出，可以共同探讨一下。(OnLing‘s blog引用，转摘请联系原作者)

主要内容介绍

一.构成网页的基本要素
二.制作及美化的基本工具
三.网页制作的基本步骤
四.界面设计及交互研究探讨
五、实例制作演示

一.构成网页的基本要素
1.文字（标题、字号、字型...）
2 图形（网页上经常使用的图片格式：jpg、jpeg、Gif、Swf...）
3.交互功能（菜单按钮、链接、表单、数据交换...）
...

超文本标识语言（HTML）
HTML（Hypertext Markup Language）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。

在HTML中，所有的标记符都用尖括号括起来。
例如，表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。
如：…<／HTML> .

2．HTML文档的基本结构
一个典型的HTML文本的基本结构形式如下：