网页的制作过程

1. 在QQ空间或者网上论坛中将图文并茂的文章编辑好。2. 手机微信设置--通用--功能，将QQ离线助手打开。3. 将编辑好的文章链接发送到微信绑定的QQ上。4. 手机微信就会收到链接。5. 打开连接内容，点击右上角3个点点。6. 分享到朋友圈，点击发送就可以了。7. 还有就是可以自己注册一个微信公众账号。8. 通过身份证或者已绑定银行卡的微信账号根据注册步骤进行注册。9. 注册成功后，可以自己编辑图文消息，在图文消息中可以有文字、图片、音乐、视频、投票等多种混合功能。10. 公众平台注册需要审核，审核通过后，编辑好的图文消息可以群发，关注的粉丝都可以收到。11. 收到的图文同样打开，就可以分享到朋友圈或者转发给朋友了。

1)首先你要注册一个域名(例如:www.***.com),现在也有免费的二级域名可以申请,到百度搜索一下:免费的二级域名申请,可以找到. (2)你得去申请一个空间(就是你放网页的地方),同样有免费申请的(有WEB和FTP两种上传方式),但是一般免费空间都会在你申请的空间里放他们的广告的,挺烦人的.空间分为:静态空间和动态空间,静态的是只支持html格式的网页,动态的几乎所有的文件格式都可以支持.但是静态的比较不容易受到黑客的攻击,就是编辑时麻烦点. (3)申请完空间就会获得相应的IP地址一个,把域名解析到这个IP上,再把空间跟域名绑定一下(两边都要绑定哦,要不就打不开你的网站了. (4)下载一个网页编辑器编写自己的网页内容(例如:Frongpage.DW2004等) (5)编辑完自己的网页,接下来就是要把他放到自己的空间里了,那么就得找一个上传工具(例如:LEAPFTP等)上传到空间里就OK了(注意:首页的文件名必须为:index.htm或者index.asp等,具体请根据你所使用的语言). (6)告诉朋友你的网址,一起分享网络带来的快乐吧. BB这是需要掌握的技术步骤 第一讲 创建网站步骤 ①在D：盘新建一个文件夹（比如：Myweb） ②单击“开始”→“程序”→“Microsoft FrontPage ” ③单击“文件”→“打开站点”，选择查找范围(比如： Myweb) ④在屏幕窗口右边输入文本或插入图片，然后单击“文件”→“保存”，保存时文件名为index.htm（提示：主页文件名约定为Index.htm） ⑤新建其他网页，请单击“文件”→“新建”→“空白网页”或直接单击工具栏上新建按钮。 注意，除主页以外的其它网页文件名可以自定义，但尽量用英文。 如果已经退出FrontPage，请重复第②～③步，然后双击文件夹列表中的相应文件名可以继续编辑修改。 创建为网站的文件夹 普通文件夹 当前位置 主页>>网页设计与制作>>FrontPage 第二讲 网页的基本编辑 ?? 设置文本格式：在网页视图模式下，使用鼠标左键拖动选择要设置其格式的文本，单击鼠标右键，在所弹出的快捷菜单中选择“字体”命令项，或单击“格式”→“字体”。 插入图片：将光标置于网页编辑区中要插入图片处，单击“插入”→“图片”。 ?? 插入水平线：将光标置于网页编辑区中要插入水平线处，单击“插入”→“水平线”。若需要修改水平线颜色或宽度，请双击网页上的水平线 ?? 插入滚动字幕：将光标置于网页编辑区中要插入字幕处，单击“插入”→“组件”→“字幕”。然后，输入要滚动出现的文本内容（提示：字幕效果必须经过预览才能实现） ?? 这里是滚动字幕演示 网页背景：在网页视图模式下，在网页编辑区中单击鼠标右键，选择快捷菜单中的网页属性命令。出现对话框后，选择背景。 当前位置 主页>>网页设计与制作>>FrontPage 第三讲 表格操作 ?? 创建表格：将光标置于网页编辑区中要插入表格处，单击“表格”→“插入”→“表格”。 ?? 设置表格属性：选中表格后，单击“表格”→“属性”→“表格”。 ?? 设置单元格属性：选中单元格后，单击“表格”→“属性”→“单元格”。 ?? 插入新的单元格：将光标置于单元格中，选菜单栏中的“表格”→“插入”→“单元格” ?? 拆分单元格：选择要拆分的单元格，选菜单栏中的“表格”→“拆分单元格” ?? 合并单元格：选择要合并的一列、一行或一组相邻的单元格，选菜单栏中的“表格”→“合并单元格” 当前位置 主页>>网页设计与制作>>FrontPage 第四讲 创建超级链接 ?? 创建指向站点内的网页或文件的超级链接：在网页视图模式下，键入或选中要用作超级链接的文本，选择菜单栏中的“插入”→“超链接”。 ?? 创建指向一个书签的超级链接：在网页视图模式下，首先在网页内指定的位置插入一个书签，方法是选择菜单栏中的“插入”→“书签”。然后，键入或选中要用作超级链接的文本，选择菜单栏中的插入→超链接。出现创建超链接对话框，在书签框上，选择要将其作为目标的书签。 ?? 使用导航栏：创建导航结构等同于创建超级链接，基本思路是首先创建导航结构，然后在需要的位置插入导航栏，如此同样实现网页之间的链接。具体步骤如下： 第一步，在导航视图模式下，选中文件夹列表里的网页，拖曳导向要起放置的位置，若重命名网页标题，可单击鼠标右键，选重命名； 第二步，在网页视图模式下，将光标置于网页中需要插入导航栏的地方，单击菜单栏“插入”→“导航栏”。 使用共享边框：共享边框内，包含了想要显示在共享边框的每一个网页上的项目。在网页视图模式下，选择菜单栏中的“格式”→“共享边框” 使用主题：选择菜单栏中的“格式”→“主题” CC这是网页运做的步骤 一、复杂方法 在手工制作个人网站的时代，我们可以总结出的网站制作步骤基本为：设计、切割、代码生成、发布。而在此之前，应该规划出网站的结构，包括页面数、栏目设置等。 1.设计 进行页面总体规划，包括风格、布局等。网站制作要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面，常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿，笔者也一直用它做页面设计，它从6.0版开始特别增强了对网页制作的支持，显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手，由于它与Dreamweaver及Flash无缝集成，越来越受到网站制作人的欢迎。 2.切割 做完第1步，我们得到的只是一个图片文件，还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了（如Photoshop中提供的切片工具），不需要专门的软件来处理。 3.代码生成 这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不须要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为，但是很耗时间，而且很难精确地控制格式。这时，便该专门的HTML编辑软件出场了。 HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Homesite、Hotdog等；一类是所见即所得型，典型代表为Frontpage。也有两者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。所见即所得是目前大家最推崇的方式，因为可视化的编辑基本丢弃了代码，方便快捷。 说到Dreamweaver，笔者就不多介绍了，我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。 4.发布 将制作好的页面放到服务器上，以便的人能浏览。发布通常采用FTP的方式，将文件上传到服务器。目前的网页制作工具基本上都有发布工具，可以通过各种方式发布你的页面，如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。

做网站的步骤一、做好网站页面文件二、申请域名（即网址：这个要花钱），有专门的网络公司卖域名三、购买空间（即存放你网站文件的磁盘空间），有专门的网络公司卖域名，这个也要花钱四、网络公司告诉你FTP地址：帐号及密码，你通过在IE地址栏里输入：FTP//地址。上传你做好的网页文件，即可输入通过你购买的域名来访问了五、需要在互联网信息中心备案，备案地址： http://www.miibeian.gov.cn/ ，也可以要求你购买空间的网络公司帮你备案。。以上是做整个网站的步骤。最难的在第一步，下面说第一步，就是如何学习做网站一、首先要有一个网页制作软件，目前用的多的是dreamweaver，免费下载地址： http://www.onlinedown.net/soft/22017.htm ，通过这个的学习，你可以制作出静态的网页了。这是所见即所得的软件，不难学。二、图片处理软件的学习，用PHOTOSHOP对图片进行处理，然后用上面的dreamweaver把图片放在你要的地方三、动画制作：用FLASH可以制作动画，然后用上面的dreamweaver把图片放在你要的地方四、如果要做动态的（所说的动态，不是指上面的FLASH动画，是指和用户交互的，比如用户留言，能马上显示在页面上），还需要学习ASP，JSP，PHP或者.net这几种中的一种就可以做出动态的网站，当然也可以学习几种。五、数据库：可以用ACCESS或者SQL SERVER，和上面的ASP结合使用。这样你就可以制作出完全属于你自己管理的网站了。当然 ，如果要把网站继续做好，需要经验和多看别人做的风格

网页布局一般有七个步骤 如下：1.页面尺寸：页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下的页面范围就变得越来越小。一般，分辨率在1024×768的情况下，页面的显示尺寸为1007×600；分辨率在800×600的情况下，页面的显示尺寸为780×428个象素；分辨率在640×480的情况下，页面的显示尺寸则为620×311个象素。从以上数据可以看出，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因，目前的浏览器的工具栏都可以取消或者增加，那么当显示全部的工具栏和关闭全部工具栏时，页面的尺寸是不一样的。在网页设计过程中，向下拖动页面是惟一给网页增加内容(尺寸)的方法。要提醒家。除非能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么最好能在上面做上页面内部连接，以方便访者浏览。2.整体造型：什么是造型，造型就是创造出来的物体形象。页面的整体形象，应该是一个整体，图形与文本的接合应该层叠有序，有机统一。虽然，显示器和浏览器都是矩形，但对于页面的造型，可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，注意到很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形则代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是结合多个形状加以设计，其中又以某种形状为主。3.页头：页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将涉及到下面的设计和整个页面的协调性。页头常放置站点名字的图片或公司标志以及旗帜广告等。4.文本：文本在页面中多数以“行”或者“块”(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。5.页脚：页脚和页头相呼应。页头是放置站点主题的地方，而页脚则是放置制作者或者公司信息的地方。能看到，许多此类信息都是放置在页脚的。6.图片：图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而布局思维也将体现在这里。7.多媒体：除了文本和图片，还有声音，动画，视频等等其它媒体。虽然不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也变得更重要起来。

以下流程适合于为静态网页初学者 1，软件介绍，建立管理站点 网页网站介绍，网站取名，设计风格，色彩运用，定位方向（理论） 素材收集，软件启用，功能性菜单工具介绍，页面属性设定，预览网页 2，创建新文件，设定文本图片动画格式 文本属性，涉及到HTML样式，图片属性，图文超连接，图文混排。 段落和行，有序无序列表，水平线，日期，特殊字符 图片轮显，导航菜单，插入Flash（.swf） 字体样式的学习 3，创建超级连接 a，文本连接：到网络，到站内；b，图片连接：整图，热点区域； c，邮件地址连接； d，下载打开对话框连接解释； e，书签锚点连接：到同页到不同页。 要求对绝对路径和相对路径的熟练掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格 表格的建立，格式化表格（颜色采用规则） 表格数据，排序表格 行和列的选取，行和列的填加删除 矩形多单元格块的相关操作 标准视图和布局视图，自动伸展表格 表格在网页中的应用~！ 其他花样表格介绍。 5，帧-框架页面 框架的建立，保存，连接--个人站点的起步 以及iframe的运用。 6，层以及时间线的运用 鼠标移到图片时显示隐含图层 & 拖动图层的应用 http://www.pconline.com.cn/pcedu/sj/wz/Dreamweaver/10111/14968.html 点击按钮出现隐含图层 & 下拉菜单的实现 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14982.html 如何赋予文字图层特效 & Timeline 的基本应用 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/14992.html 一个比较复杂的Timeline例子 http://www.pconline.com.cn/pcedu/sj/wz/dreamweaver/10111/15019.html 7，FORM表单相关 8，CSS样式表 9，Head头部属性 以下所有代码全是在...之间，具体内容有： a，标题元素，帮助用户更好识别文件，有且只有一个。 当作为首页或收藏时做文件名。 b， …显示本文档和其它文档之间的关系 c， 可以在文档中包含风格页。 文档本身的内部样式。 d， …为相对路径定义绝对路径url，读者下载你的文档后，也可知道从哪下的 e， 用于包含脚本（一系列脚本语言写的命令）可以是 JavaScript 或 VBScript。 f， 10，动态HTML应用，行为样式 11，模板和库 12，发布设置上传求采纳