创建网页的步骤(动态网站制作步骤,关键词优化)

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