先从最简单的 HTML 网页入手；选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具；制作前，粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程，了解这几个软件到底能做些什么；制作你的第一个实验性的网站， 遇到困难，可买本《新编网页制作》的书，找最新版本的，新华书店就有。资料网上也有的是，如果遇到问题难以解决，请将问题提出，让更多高手为你解答； 初级阶段：应初步掌握 三剑客网页工具的基本 *** 作：策划和制作你的第一个网站；不断为你的网站增加内容与功能（例如尝试将一些 Java Script 小程序添加到你的网页中。 进阶阶段：具有一定的网页制作经验，制作一般的网页已经不在话下：根据个人喜好及实际需要，网页制作的方向，你可以学习一些美术方面的知识；锻炼自己在网站策划及信息采辑的技能；尝试制作其他不同类型的网站，从模仿别人开始，逐渐形成自己的设计风格；熟练 *** 作 三剑客网页工具，并至少能读懂 HTML 及 JavaScript的简单语言。 好了！这样，你的网页制作水平就离高手就不远了。 祝你成功！
另外还有
（一）主页的制作：
1、首先进入需要制作网页后，密码进入点击制作网页；
2、进入在线编辑；
3、起动浏览器；
4、进入其他人网页主页；
5、点击其他人网页内容；
6、点击右键出复制；
7、内容编辑（下面）；
8、点击左键粘贴；
9、修改不合适内容；
10、选颜色；
11、输入文件名；index
12、点击完成；
（二）怎样进行超级连接？
一、相对连接：（内部连接）
第一步：先进入进入成员专区，打开网页制作系统；
第二步：如果是连接你本网页著作系统已上传的文件，首先打开需要被连接的文件，点地址栏，变为兰色，再点右键点复制；
第三步：进入第一页（主页）改内容，找到原先设定的目录选中此目标；
第四步：点插入连接，出现对话框，点右键点粘贴，再点OK
第五步：选中背景颜色，点击完成即可。
二、绝对连接：（外部连接）
其他文件（本硬盘已存或别人网站等）怎样进行超级连接？
其他步骤基本相同唯一不同的是：首先选中你所存硬盘或别人网站地址栏内的目录。
（三）怎样把照片搬到自己的网页上
一、上传 选择法：
1、先把要般的相片存在软盘上，（非中文文件名）
2、上传到40兆空间
3、打开网页制作改内容，
4、指定放相片的位置，
5、按插入相片按钮，点“选择”
6、选背景颜色，按完成。
二、复制 粘贴法：
1、选择相片右键点“复制”，
2、进入网页改内容指定位置，
3、点击“粘贴”即可。
动画的提取大体与上相同。
做一些H5特效的动态页面，以前需要专业技术团队和设计师才能制作。现在通过这些简单的平台，你几分钟就能免费创作自己的H5页面。甚至有的你需要做的只是仅仅换上几张图，敲几个字，选自己喜欢的音乐\视频…一个不错的H5页面就出来了。下面介绍几款HTML5工具（排名不分先后；各平台可能会有所变更，介绍如果有不准确之处，还望多理解）！搜狐快海报
快海报是搜狐快站平台上全新推出的免费H5页面制作工具， *** 作也极为简便易学，完全没有技术要求。采用拖拽式 *** 作，属性式设置的模式。一拖一拽，简单配置，所见即所得，一分钟即可学会，三分钟便能完成。还有海量模板即将上线，替换内容即可生成。快海报还支持同一组件的多重动画设置，让画面更丰富更炫酷。
久爱微景秀
久爱微景秀这个平台制作起来非常简单，静态模板和动态模板都有，模板样式丰富，浏览体验不错。有多种动态效果以及交互效果可供选择，多种效果、翻页动画、背景音乐、可统计浏览量，可以获得表单反馈信息。所见即所得的在线实时制作技术，很轻松就可以做出很炫的h5页面。且对于免费用户来说，全部功能也都是开放的，可以不受限制地做出自己的动态页面。还可以提供定制服务。
口袋通微杂志
口袋通是一个免费的微商平台，其场景海报也是为了其电商功能服务，不过免费得版提供的交互较为简单，没有多样的模板。
易传单
编辑器界面比较友好，设计灵活方便，数据统计与表单上也是亮点所在。除了模板较少之外其他的都是相当好。
epub360意派
这不是奇虎360的，意派的交互功能极为强大，可以说更适合专业的设计师打造的交互设计，动画效果出色，虽然简单傻瓜式的模板不多，但自由度相对较高。
易企秀
易企秀有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios移动客户端，在手机上也可创建场景应用，以及数据统计功能。大体上和maka差不多，但是表单和统计是免费也可用，更多功能需要企业会员。
Liveapp场景应用/云来
云来Liveapp是面向企业方的移动场景APP云服务平台，许多企业都在使用，需购买场景应用。不过，现在云来场景应用正式免费开放，所有“认证企业”都可以申请获取。免费体验长达31天，体验结束后，也会永久保存并持续展示你的场景应用。
Vxplo
Vxplo也是专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。使用上相对较为复杂，不过其甚至也可以用来制作响应式网站，有时间可以试试。
最酷网
最酷网也是一个免费H5场景应用制作和发布平台。不用懂设计、不用会编程，1分钟上手制作，平台针对不同的应用场景和内容展现形式，提供海量的模板、丰富的控件、灵活的动画特效。用户可以简单快速的通过图片替换、内容编辑，就可以创建属于自己的、炫酷的云场景应用。
FormFollowsFunction
严格来说，FormFollowsFunction不属于H5制作平台，而是一个预览平台。H5页面到底能实现什么样的动画效果？这一个网站几乎能看到所有H5能够实现的动画效果，引爆你的灵感，并且让你心中有数。
Weebly
Weebly和Wix也是一款HTML5拖放式智能创建器，支持中文，拥有多种优秀网页模板和交互效果，并且有IOS和Android客户端可以管理自己的网页、随时随地跟踪。
Wix
Wix基于H5技术，向用户提供多种网页模板， *** 作简单无需代码，智能拖拽即可实现网页建设。Wix每个类目下有上百的HTML5模板可供使用，响应式设计，在手机端也有很好的展示。
Ceilfire
Ceilfire是一个创建H5游戏并分享的平台，点击进入你就会看到很多的H5页面游戏。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，对于想做简单的H5游戏的朋友可以用这种方式试试手。就算不做也可以看看已有的H5游戏来找找感觉。
平台或可更多，不能尽述，留待留心发现。
HTML文件制作方法如下：
一、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML，不过，复杂的软件有自动格式功能，比较难组织HTML页面。
二、将文件格式改成“网页”（Web Page）、“.html”或“.htm”，存在容易找到的位置。上面三个选择是一样的，没有差别。
三、用网页浏览器打开文件，双击文件，它应该会自动在浏览器打开，但现在还只是个空白网页。
四、更新网页，查看已保存的更改。将<strong>Hello</strong>输入空白的文件。
更新浏览器上的空白网页，你应该可以看到网页上方有个加粗的“Hello”字眼。在本教程中，你随时可以测试新的HTML。只要保存.html文件，然后更新浏览器窗口，就能看到浏览器如何诠释HTML。
六、构建文档。删除HTML文档里的所有东西。这个HTML代码告诉浏览器你使用哪一版HTML，网页所有内容都在<html>和</html>标签之间。
七，添加head和body标签。HTML文档分为2个部分。“Head”部分是特别信息，例如网页标题。“Body”部分则包括网页内容。
扩展资料
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘 *** 作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头而</html>,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
文本标记语言源程序的文件扩展名默认使用htm（磁盘 *** 作系统DOS限制的外语缩写为扩展名）或html（外语缩写为扩展名），以便于 *** 作系统或程序辨认，除自定义的汉字扩展名。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。
超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。
完整的空格可使用特殊符号（实体符）“ （注意此字母必须小写，方可空格）”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。
标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“ （注意此字母必须小写，方可空格）”。
许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行，标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。
HTML注释由"<!--"号开始，由符号”-->“结束结束，例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。
参考资料：百度百科--HTML
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）