制作网站的步骤

以下流程适合于为静态网页初学者 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，发布设置上传求采纳

　　不难学！　　只要按照这以下步骤进行就可以了：　　1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。　　2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）　　3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。　　4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）　　5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）　　6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）　　7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。　　8、把网站上传至空间里面，删了准备文件

以下流程适合于为静态网页初学者 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，发布设置上传求采纳

　　自13年以后，互联网行业一直在关注电子商务的发展，12年的时候，几大电器零售商都开发了自己的网上商城系统，推动了电子商务行业的蓬勃发展，现在电子商务，也是最被看好的互联网行业，网购的庞大客户群，也使现在各个企业或个人，都想开发自己是商城系统，做自己的电子商务。　　第一步：网站的规划与设计　　电子商务网站是个较复杂的系统，一开始就要想好需要有的功能，网站的规划也是建所有网站都需要做的事情，在规划设计中需要对网站进行整体的分析，明确网站的建设目标，确定网站的访问对象，网站提供的内容与服务，网站的域名，logo，网站风格和网站目录分类等内容，这一步也是网站建设成功的前提，因为所有的建设步骤都是按规划设计进行实施的。　　第二步：站点的建设　　网站规划设计以后，就开始进入网站的建设阶段，这一阶段主要有域名注册，网站配置，网页制作和网站测试的四个部分。除了网站测试，需要在其他三项完成之后才能进行之外，域名注册，网站配置和网页制作相对独立，可以同时进行。　　第三步：网站发布　　等建设完成之后，网站就可以在因特网中发布，正式上线之后，也就是用户可以通过域名直接对我的网站进行访问了。　　第四步：管理与维护　　网站的管理维护虽然是最好一个步骤，但是实际上从头至尾，只要网站没有停止运行，就一直在对网站进行管理维护，所以这一步，也是最为复杂的一步，网站管理主要是对网站进行安全，性能和内容上三个方面的管理。　　一个电子商务网站的建设最基本的需要这四个步骤，在这四个步骤当中，完成每个步骤的小部分，就可以做出一个庞大复杂的电子商务网站了。

易维

两种选择：一种是找建站公司，全包了大概几千元能搞定，当然要看网站内容多少、需要什么功能等而定了。另一种是自助建站，利用现成的模板，只要自己编辑添加自己需要的内容就可以了。其一、然后通过网站的优化提升排名导入网站的精准客户群。其二、通过所属行业的网站经行推广。其三、通过搜索引擎推广。其四、通过各方面的论坛、博客、网络店铺进行推广。

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客户端软件进行这步操作。

一、打开frontpage二、新建一个网页：单击菜单栏[文件]—[新建]—[网页]三、对网页进行基本设置设置网页标题、背景、背景音乐、左右边距：步骤为：A、网页空白处单击鼠标右键在弹出的菜单中选择“网页属性”，将会弹出一个对话框。B、对话框第一选项“常规”中：设置标题：直接输入你想好的网页标题；设置背景音乐，可以直接输音乐的网址，也可以下载到你的电脑上，通过“浏览……”找到，但下载的音乐要保存到你所建的文件夹里面。C、单击对话框第二选项“背景”，设置网页背景。可以设为图片背景，也可以直接设颜色。设图片为背景时，在“背景图片”前打“√”，然后单击通过“浏览……”(事先把找好的图片放在你建的文件夹里面，)找到图片即可。D、单击对话框第三选项“边距”，可以设置网页的左右边距,一般设置为0。所有设好后，单击“确定”。如果想看效果，可以直接点击网页左下面的“预览”。