网页制作步骤

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

前台设计步骤：首先了解客户需求，掌握客户做网站的目的，及客户的业务方向，根据客户的的业务方面，确定界面的色调与布局等。其次，根据这些需求，参考同类型的网站，从同类型的网站找到一定的规律，之后用ps先设计大致的出首页界面。设计完成以后给根据你的设计，跟客户再做一次沟通，按他的意见进行修改，达到满意第三、客户满意你的首页设计以后，开始切片，写前台界面div+css结构即可。子页风格也要跟客户做简单沟通，如果客户没有特别要求，要跟首页相随合。第四，在需要加入特效的位置加入特效，在浏览器测试兼容性。第五、做好这些工作之后，就可以把这些交给程序员做后台程序了。

axure做出类似百度经验页面的左侧步骤栏的效果，步骤：1、制作页面为了体现效果，需要做一个比较长（高）的页面，在Axure工作区中拖入4个矩形，分别为顶部标题、菜单、页面内容、底部。设置矩形宽度和高度，让其看起来像是一个页面布局；2、制作随页面滚动的标题为了让效果更加明显，将标题进行区别设置，设置矩形背景色为黄色，也可以通过设置其他属性来进行区别。将标题命名为“标题1”；3、制作固定的标题滚动中固定在顶部的标题并非页面上的标题，是单独制作的。复制“标题1”，将复制的标题命名为“标题2”，设置“标题2”x坐标等于“标题1”的x坐标，y坐标等于0。修改“标题2”背景色为蓝色；4、制作固定的标题右键单击“标题2”，点击“转换为动态面板”，将动态面板命名为“固定菜单”，在元件属性与样式中点击“固定到浏览器”勾选“固定到浏览器窗口”，完成后隐藏动态面板；5、制作固定锚点在工作区中拖入一个动态面板，设置其x和y坐标等于0，调整其宽度和高度分别为60和20，将动态面板命名为“固定锚点”，设置其固定到浏览器；6、制作滚动锚点在工作区中拖入一个热区，设置其x坐标等于0，y坐标等于“菜单1”的y坐标加上固定锚点的高度，设置其宽度等于固定锚点的宽度，高度直接拖动到页面底部，命名为“滚动锚点”；7、设置交互打开页面交互面板，双击“窗口滚动时”事件，添加条件“元件范围 滚动锚点 接触到 元件范围 固定锚点”，确定，设置动作为“显示 固定菜单”。继续在“窗口滚动时”事件上添加动作，添加条件“元件范围 滚动锚点 未接触 元件范围 固定锚点”，确定，设置动作为“隐藏 固定菜单”；8、预览效果

　　学习的话：1、必须学习以下基础脚本：html、css、javascript；　　2、任选以下开发程序的一种学习：asp，php，asp.net；　　3、数据库知识：access，mssql，或者mysql(学php必须掌握这个，其他不需要掌握)　　还有一种简单就是：下载现成的建站系统来改，比如pageadmin系统、worpress系统、discuz系统，可以在自己电脑上安装iis和framework来运行这些系统，也可以购买主机上传到主机上安装。　　网站建设概念简介：　　网站建设是指使用标识语言（markup language)，通过易雅达网站一系列设计、建模、和执行的过程将电子格式的信息通过互联网[1]传输，最终以图形用户界面（GUI[2]）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIF， JPEG，PNG）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。　　网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。类似于博度科技团队常常会分为若干个工作小组，负责网站不同方面的设计。网页设计是设计过程的前端（客户端），通常用来描述的网站，并不是简单的一个页面，一个网站是包括很多工作的，其中包括域名注册设计效果图，布局页面，写代码等工作。　　建设步骤　　一、申请域名（域名备案）；　　二、申请空间 ；　　三、定位网站 ；　　四、分析网站功能和需求（网站策划）；　　五、网站风格设计 ；　　六、网站代码制作；　　七、测试网站；　　八、FTP上传网站；　　九、完善资料；　　十、网站维护　　十一、网站推广　　前期准备　　网站建设前期准备工作相当重要，这决定你建站的目的，以及日后维护网站，让你的网站发挥作用等是相当的重要。网站建设是指使用标识语言（markup language)，通过易雅达一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。在设计网站前，必须先准备好以下工作：　　针对对象　　在设计网站前，必须告诉网站所针对的人群、区域、国家等。如果能提供某种行业的更好，这样帕绍网络在设计上就会针对这种人群的浏览习惯特别定制您的网页。　　频道　　网站频道就是网站的大框架，也就是主体部分，比如：首页，公司简介，新闻动态，产品展示，在线留言，联系我们等，这是标准的企业网站的内容。如果你有特定的框架，请您一一列出，这样方便我们设计。　　风格　　您必须知道您网站的目的，是以广告形式、还是仅给现有的老客户观察？是功能型的，还是展示型的？风格定位要准确，功能型的是，网站在美工设计上可能不适合大块图片，在数据功能上比较强大，比如搜索，会员注册等，一般大型企业网、购物网、大型门户、交友网等都是属于功能型的，如果是展示型的，这种类型的网站可能大部分追求视觉上的美丽，对功能要求不高。那在美工上面，设计上就得有强烈的视觉感了。这种网站一般属于：美容业、女性用品、服饰等。　　布局　　从用户的体验角度来说，企业网站布局时一定要复合用户在浏览时的习惯，想很多网站都有一个网站新闻的分类或者是新闻内容的页面，这些页面在上面最好是添加回到主页或者是回到新闻列表页的链接，用户能方便的返回自己的浏览历史页，在这里最近很多网站都对于自身的页面分页都做了一个细微的调整，就是下一页比上一页的字体大而且width长，为的就是能更加的让用户有下一页的习惯。这是对于用户体验的一种好的做法，也当然也是对于自身网站假设友好性的一个加强。如果你的新闻往往是长篇大论的话，一定要加上右侧是滑动的返回顶部的链接，不然用户在查看你的长文章时会有损体验度。　　最近非常流行瀑布流效果，尤其是对于图片网站或者是购物导航站都纷纷效仿，提醒各位在企业网站中对于图片或者是新闻页面使用瀑布流时最好加上用户在浏览瀑布流的内容时能一直保持在页面一侧的快捷导航或者是置顶的一个导航条，这一点在用户体验效果上能大大的加强瀑布流给浏览者的体验友好度。　　企业网站最好是在每个页面都设置tkd（title、keywords、description），在很多的企业站一直会出现一个这样的问题，就是在新闻内页的title都设置了显示不同的，但是在关键字和描述上每新闻和文章都是一样的，这样对于搜索引擎的抓取和识别对于网站的优化有很大的副作用，有时因为这些会导致网站被k。　　主流代码布局　　构成　　文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。　　在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。　　网站建设流程　　1.需求沟通，客户提出网站建设的基本需求，包括设计要求及功能要求　　2.项目评估及报价，易雅达根据客户提出的需求进行评估，估算出相应的时间与费用　　3.签订合同，合作双方确认费用、工期、合作要求的基础上，双方共同签订合同　　4.提案阶段，完成网站初稿DEMO设计，包括首页风格，内页风格页面　　5.确认与修改，客户对初稿进行审核，然后提出意见，然后进行完善，并最终确认初稿设计风格　　6.制作阶段，完成所有页面的设计，进行程序开发以及前后后台的页面整合　　7.调试阶段，对网站进行调试，调试程序的稳定性，链接和运营的畅通性　　8.网站验收，根据合同条款进行网站验收，并签署网站验收确认单　　9.后续服务，确认后期网站的维护服务，和具体维护区域

怎样制作网页？先说说目前网页制作流行的三类作法： 一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，有兴趣的可以下载网页三剑客Dreamweaver、flash、firework来试试。 二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编辑软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。当然可以去下载强化的HTML工具更好，例如： UltraEdit。 三、其实很多现成网页模版、网站系统已经做好了，而我们不必再次证明“牛顿定律”浪费我们的宝贵时间。就像PHP论坛程序现在别人做的挺好的（例如Discuz!，PHPwind），我们何苦再去编写一个论坛程序呢？简直是费力不讨好，并且Bug特别多。当然学习数据库编程开发的人例外。 怎么做网站呢？首先我们需要了解一下网站的页面组成，网站一般包括以下几部分： 首页：网站的门面，如同公司的形象，特别注重设计和规划。 次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。 普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。 弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。 通过上面的分析，我们可以看出： 从功能上来看，首页主要承担着树立企业形象（当然不仅仅是首页）的作用，次页在导航方面起着重要的作用，比如各栏目内部主要内容的介绍，都可以在次页中体现再进入普通页，让浏览者能够迅速了解网站各栏目的主要内容，择其需要而浏览，而普通页则是主要的信息页面，也是网站的最终页面，对于大型网站，这种结构非常重要，而对于中小型企业，网站规模较小、页面数量不多，有时次页就起着普通页的作用，至于弹出页，建议您不是必要，最好不要用。下面详细介绍各页面的设计技巧： 一、首页设计技巧 网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一种好感，即使您不会购买，也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其产品或服务产生质疑。好，现在说说网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品”。既然如此，我们会因此而得出一个结论：精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提出建设性的意见。 一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设计，我们的目的是营销，在设计过程中一定要牢记这一点！ 另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。 网页设计时注意事项： 1.不要花里胡哨。 2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以了，不要太长，会影响你的网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。 对初次建站的用户来说，制作网页是件头疼的事情；对于由别人帮助建站的用户来说，网站的后期更新维护可能更令人头疼。缺乏专业人才及专业知识，让大家对建站望而生畏。推荐您选购『自助建站专卖店』自助网站系统，由于不需要专业人员制作网站程序，且SOHO个人工作室不像公司那样牵扯分享利益的人多而成本高，我们所提供的网站建设价格在市场上具有很强的竞争力。我们更懂得每一个网站的制作质量都是下一个网站的广告。三大承诺，放心选择：“免费试用满意后再付款”“主机空间正式付款7天内无条件退款承诺”“100%网站及域名所有权”。为进一步免除您的后顾之忧，近期还计划安装支付宝等第三方网上支付手段，让大家放心购买。用户进入网站后台后，自己就可以在现有模板上对网站内容进行更新，不用再为如何制作网页担心，『自助建站专卖店』销售数十种正版品牌建站软件，享受自动升级服务和相关的技术服务(定制模版+内容更新)。

新手入门，制作网页需要注意的事项分个人观点,重要别分有以下几点 1.新手入学阶段，往往会在一开始出现的小问题，把你给绊住，你不知道下一步这样会使你感到很迷茫，会对网页产生恐惧感、没兴趣，感觉学网页是很困难的一件事，要是你曾也遇过这样的事，下次请记得请教老师、请教懂得的同学，当你了解知道了这个步骤之后。你以后便会记得这个步骤。2.于新手阶段，记得开始做自己的网站的时候，因为是新手需要多参考参考别人的网站。就像给了自己样板一样。有了思路之后，第一要准备的是足够的于素材图片、统一风格的素材。还有图片的大小，要之前就得当你建设好自己的站点的时候，布局的时候需要的是，简介别太复杂，内容也别太多，这个看起来比较简介、大方，这样对接下来的操作会比较简单 3 主页、子页排版不要太疏或用太大的字，色彩别太多、免看你的网页时感觉看的眼睛都累，在主页里边顶端的都是最显眼的地方，哪里可以放些fiash，或者gIf图像，可以做到发布的东西多，也不单调。 4 底色、图片、文字、对比度一定要高能给人一种一目了然的感觉，易于阅读，而同时做到这点也别忘了鲜亮的背景华丽的的文字，但背景却要求与主题配合，这是表现你网站风格的第一要点，切忌。 至于一个网要注意的事情诸多，无法一一说清，说太多也会像我开头所说的，一次性理解太多，反而会觉得难 最后一点 没做完一部分的时候 需要保存起来

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

　首先要了解HTML（超文本设计语言），记住使用原理；接着用两三天的时间学习CSS（层叠样式表单）；进而再花些时间了解一下javascript软件。掌握这些基础性知识后，就可试着用“记事本”编写网页，在初试阶段千万不要用那些可视化工具，如FrontPage、Dreamweaver，否则将不利于锻炼实际能力。

1.想要制作动态网页，首先需要了解动态网页的特征，动态网页的第一个特征就是使用动态语言制作而成，例如PHP，ASP，JSP等，用它们制作而成的网页都会以相应的动态语言为后缀名，例如.php，.asp等，我们把这种动态语言制作的网页叫做动态网页。2.动态网页一般以数据库技术为基础，之所以网页有静动之分，就是因为看数据是否能够实时更新，而能够完成这项工作的就是数据库了，使用动态语言实现和数据库的交互，从而达到数据及时更新的目的，同时也大大降低了网站的维护工作。3.动态网页需要服务器作支持，平时见到的以html结尾的文件双击都能够正常的打开，即使没有服务器也不会对浏览页面造成影响，但是动态网页不同，需要服务器作支持，同时服务器还必须支持这种动态语言才能正常浏览。4.首先需要安装服务器，可以使用windows自带的IIS服务器，当然也可以使用比较流行的apache服务器，这需要根据自己的动态语言决定，asp就选择IIS，php就选择apache（当然并非绝对）。5.接着就是数据库的选择，同样需要根据自己的动态语言来选择，如果使用的是ASP动态语言，那么就可以选择ACCESS数据库，如果选择的是PHP，那么就可以选择MYSQL数据库，当然还有其他的数据库选择，根据情况自己决定。6.然后就是把动态语言和服务器数据库相结合了，不同的组合结合方式也是不同的。7.以上的过程又叫做搭配环境，是实现动态网页必须的步骤,可以使用集成环境，windows下可以安装wamp，linux下可以安装xampp。都是一键安装，没有任何难度。8.安装完成后，找到安装目录（以wamp为例子），双击之后会发现一个www目录，这就是网站的根目录，也是以后网页要存放的目录（当然可以更改），然后新建一个以php结尾的文件，打开进行编辑写入<?php echo'我的第一个动态网页';?>然后保存，在浏览器中输入localhost/刚才创建的文件名，如果出现刚才写入的字证明已经成功了.