‘壹’ 设计WEB站点的一般步骤
(1)对链好Web站点作出具体的规败做划
(2)准备Web站点的素材
(3)创建Web站点和制作网页
(4)测试Web站点
(5)发布棚枯铅Web站点
(6)宣传自己的Web站点
(7)对Web站点进行维护和更新
‘贰’ 如何制作网页
一. 网页制作基本技术
网页制作的基本要点是:学会在网页中插入表格、图片、动画、视频文件等。
下面以“氢气的性质和用途”网页制作为例,简介应用FrontPage制作网页的基本方法。
在“氢气的性质和用途”网页中我们将插入“氢气球”、“氢能汽车”等图片。插入“纯净的氢气安静燃烧,不纯氢气点燃爆炸”等FISAH动画,插入“氢气燃烧”的视频录像。
1.建立文件夹
制作网页前,要收集素材,并将收集的素材放在自建的文件夹中。
这里我们先在E盘建立一个H2文件夹,在H2文件夹中再建立SC文件夹,将收集到的素材放在SC文件夹中(图1)。
2.收集素材
素材可从购买的光盘上复制,也可从网上搜索下载。
2.1视频素材的收集
“氢气的性质”录像是我们从初中化学VCD光盘上复制的。
方法是,用资源管理器打开VCD光盘文件,在MPEGAV文件夹中找到所需的MUSIC07.DAT文件并复制到SC文件夹中,并改文件后缀名为MUSIC07.mpeg(图2)
2.2网上图片的收集
利用搜索引掣可在网上得到所需的图片资料。
这里应用google.com来搜索图片。
在浏览器地址栏中键入google.com,打开页面后再在搜索栏中分别键入关键词“氢气、氢气球、氢电池”等。将找到的图片另存到SC文件夹中(图3)。
2.3网上动画素材的收集:
课件类FLASH动画素材一般要到专题网站去收集。各学科的专题网站很多,例如中小学教育教学网(K12.COM.CN)搜集课件很方便。本网页中应用到的FLASH动画有“氢气的验纯(文件名:geh2.SWF)”、“氢气还原氧化铜微观过程(文件名:hecuo.SWF)”等,收集过程是:进入先得化学资源网(http://www.yeschool.net/phd/),在“搜索”窗中键入“氢气”,在搜索到的“匹配记录中”找到自己想要的素材并下载(图4)。
此时用鼠标右键单击“下载”文字,在弹出的菜单中选择“目标另存为”可将动画文件下载到本机指定文件夹中。
如果FLASH动画素材是在浏览器网页中看到的(嵌入在网页中),选择另存网页的方式,不能把FLASH动画另存下来。这时可打开浏览器工具栏的“工具”菜单,找到“Initernet”选项,在“常规标签”中间部分“Initernet临时文件”中打开“设置”按钮,再在弹出的对话框中选择“查看文件”,即可打开网页浏览器平台自带的“临时文件夹(Temporary Internet)”该文件夹产生的文件是按时间顺序排列的,最后时间内打开的网页,其临时文件在该文件夹的最后部分,所以在该文件夹中的最后部分文件中寻找FLASH动画特有的图标 ,逐一打开看,可找到你需要的动画,再选中该文件复制后,粘贴到素材文件夹中(图5)并重命名文件名。
3.制作网页
3.1打开FrontPage程序
鼠标指向开始菜单,在程序中找到Microsoft FrontPage 程序,单击即打开FrontPage程序。
3.2创建网页
鼠标指向文件,在下拉菜单中单击新建。在弹出菜单中选中普通网页,单击确定。
命名网页文件名为“氢气”,存盘,存盘路径E:\H2\ 。
3.3网页制作
3.3.1插入表格
我们用PowerPoint制作演示文稿时,可以将文本框或图片、表格等放在工作区的任意位置,但用FrontPage制作网页时,就不能将这些对象随心所欲地放在页面上了。
为使各对象能在页面的一定位置上放置,在用FrontPage制作网页时,常用表格的单元格把页面划分成一个个区域,文字或图片等对象就填充在单元格中。即单元格起到了固定对象位置的作用。
单击插入表格按钮,选定行、列数,即可插入表格,有时在大的单元格中,还需插入小的表格,进一步把大单元格的区域分成小的单元格(图8)。
一般情况下表格的框线不需要在页面上出现,可单击鼠标右键,修改表格属性,将单元格边距、单元格间距、粗细都设置为零。
在表格的单元格中可写入文字,调整文字的字体、大小、颜色。也可设置单元格的背景颜色。“氢气的性质和用途”网页上插入的表格及文字排列如图10所示。图中明、暗相间的区间为初始插入的表格的单元格,各区间中的分割线为在此单元格中再插入的表格的单元格。没有文字的单元格中将插入图片或动画。
3.3.2插入图片
网页中可插入后缀名为GIF和JPG等格式的图片。GIF图片又分为静止图片和动画图片。在本网页中的原子模型、红色线条、电视机画面就是GIF动画图片(文件名为052.GIF 、0182.GIF、0354.GIF);网页中气球、氢能汽车、氢气的实验室制法等图片都是JPG格式的静止图片(文件名为qq.JPG 、HYBRIDFO.JPG 、0356.JPG)。
插入图片的操作是将光标停在需插入图片的单元格中,在“文件”栏中选中“插入”,在下拉列表中选中“图片——来自文件”,再在弹出的对话框中找到图片所处的文件夹及文件名,再单击“确定”即可(图11)。
3.3.3插入FLASH影片或视频影片
应用“插入”下拉菜单的“高级”选项,可在单元格中插入后缀名为SWF、AVI、MPEG等影片文件。
在本网页中,我们插入的FLASH影片有“氢气的验纯”(文件名:geh2.SWF)、氢气还原氧化铜微观过程(文件名:hecuo.SWF)。
插入FLASH影片的操作是将光标停在需插入图片的单元格中,在“文件”栏中选中“插入”,在下拉列表中选中“高级——插件”,再在弹出的“插件属性”对话框中单击“数据源”右边的“浏览”,找到需插入的FLASH影片,再单击“确定”即可(图12)。
图12 往文本“氢气的验纯”下方的单元格中插入FLASH影片(文件名:geh2.SWF)
在单元格的位置插入插件后,生成一个插头接口的标记 。
从光盘VCD上拷贝的视频录像(.AVI、.MPEG),要插入网页中时,可在“插入”菜单栏中直接选“影片”选项,在弹出对话框中找到有关文件选择“打开”即可。
AVI、MPEG格式的文件容量一般较大,直接插入到网页中时,会严重影响网页打开的速度,故一般不适宜在网页中直接插入,对这类影片可采用超级链接的方式进行下载播放。
3.3.4超级链接设置
网页制作的一个重要步骤就是对有关的文本、图片设置超级链接。在本网页中看不到的网页、图片、视频、网站等可以应用超级链接的方式发出指令在浏览器窗口中打开。
在本网页中,图片超级链接有:图片“氢能汽车”——链接到另一更大的“氢能汽车”图上(文件名:HYBRIDFO1.JPG)、图片“电视机”——链接到“氢气的性质”录像片(文件名:MUSIC07.MPEG),图片“氢气的实验室制法”——链接到FLASH影片“氢气的实验室制法”(文件名:zh2.SWF),图片“中国新能源网”——链接到中国新能源网(网址:http://newenergy.org.cn),两个放大镜图片分别链接到“氢气的验纯”、“氢气还原氧化铜的微观过程”的FLASH动画上(文件名:geh2.SWF、hecuo.SWF);在本网页中文本的超级链接有:“氢氧混合气点燃爆炸演示”——链接到“氢氧混合气点燃爆炸演示”(文件名:bc1.SWF),“氢氧混合气点燃爆炸微观解释”——链接到“氢氧混合气点燃爆炸微观解释”(文件名:bc2.SWF)。
超级链接是非线性超文本结构的网站及网页的核心。
设置超级链接的方法是:先选中图片或文本,单击鼠标右键,在弹出的菜单中选中“超级链接”,弹出“创建超级链接”窗口,再选中URL窗右边的“制作一个指向您计算机的超级链接”按钮,弹出“选择文件”对话框,选中需链接的文件,或在URL窗口中直接键入网址、文件的路径名,(图13、图14)。
图13 对图片“氢能汽车”进行超级链接设置(指向文件HYBRIDFO1.JPG)
图14 对图片“中国新能源网”设置链接,键入网址:http://www.newenergy.org.cn
这里要注意的是,编辑超级链接时,“目标框架”一般不用“默认值”而是选择“新建窗口”以便网页的浏览(图15)。
最后还想说一下滚动字幕的制作,选中需要滚动的文字,鼠标指向“插入”菜单,在上拉列表中选中“组件——字幕”,单击弹出对话框中的确定按钮即可。
到此,一个网页就基本制作完成了。如何知道网页在浏览器中的浏览效果呢,在FrontPage窗口的左下方有三个窗口切换标签: ,普通窗口就是我们的工作区,HTMH窗口可查看网页源代码,预览窗口可随时查看制作的网页在浏览器中的效果(图16)。
图16 “氢气的性质和用途”网页在浏览器中的图象
4.将存放网页及素材的文件夹转换成WEB文件夹
我们是在H2文件夹中建立的SC文件夹基础上制作网页的,这样的网页的各种链接一般是绝对路径关系,如果把H2文件夹换一个位置(如复制到D盘),再打开该文件夹中的氢气.HTM网页,就可能打开的是一个有一些图片看不到,单击一些链接无响应的缺损网页,这样的网页是不能放在网站上对外发布。这样的文件夹叫非WEB文件夹。
如果把存放网页及素材的自定义文件转换成WEB文件夹,则文件夹中的网页与各链接文件的关系就会变成相对路径关系,这样把该文件夹不管放到什么目录下,该网页在被打开时都不会有缺损,且超级链接都能正确响应。
如何将非WEB文件夹“H2”转换成WEB文件夹呢。操作很简单。
打开在FrontPage 程序后,单击“文件——打开站点”出现打开站点对话框,在“查找范围”窗口中找到E:\H2文件夹,单击“打开”(图17),
图17 以站点形式打开H2文件夹
这时会再弹出一个“向文件夹中添加FrontPage信息”对话框,问:是否向H2文件夹中添加FrontPage信息(图18)?单击“是”,会自动生成文件夹列表并打开网页“氢气.htm”(图19),这时文件夹“H2”就转换成了WEB文件夹,在该文件夹中自动生成四个文件夹:用来存放图片和网页等文件的images和_private文件夹,含有超级链接信息的隐藏文件夹_vti_cnf和_vti_pvt。在本网页制中过程中,我们已经将素材文件放在了SC文件夹中,所以images和_private文件夹可以删除。但_vti_cnf和_vti_pvt切不可删除(图20)。
当H2文件夹转换成WEB文件夹后,其中的网页“氢气.htm”上的超级链接关系即转换成相对路径关系,该文件夹放在任何目录下,网页打开时不会缺损。
5.网页(网站)发布
有时我们要把已经制成的网页或网站存放到特定的文件夹之中。成为可对外发布的网页或网站。例如,我们想把“氢气.htm”网页发布到“氢气”文件夹之中。
“氢气. htm”,网页的路径是E:\H2\氢气.htm,在H2文件夹中还有SC素材文件夹,我们用到的图片、动画、视频文件都放在这个文件夹中。
先在E盘建立一个文件夹,命名为“氢气”,这就是我们将要把网页发布后存放的文件夹。在FrontPage 程序中打开网页氢气. htm,鼠标指向文件,在下拉菜单中选中“发布站点”,弹出“发布站点”对话框,单击“指定站点位置”窗口右边的浏览按钮,找到e:\氢气,选中后,用鼠标单击“打开”,再单击“发布”按钮,出现确认对话框,单击“是”,“H2”文件夹中的有关文件就会导入到“氢气”文件夹中,“发布完成(图21、图22、图23)。
注意有些网站的服务器不支持中文路径,建立文件夹及网页文件时最好用英文名称或数字名称。
图23 成功发布站点
我们在光盘H2文件夹中放了两个网页,一个是“氢气的性质和用途”(文件名:氢气.htm),另一个是“氢气的性质和用途”的表格文件(文件名:氢气网页表格.htm),在第二个文件中有部分图片及链接,是不完整的网页。读者不妨试一试:在FrontPage 程序中打开第二个文件,照着我们前面网页制作的方法介绍,把它制作成与第一个文件画面,链接关系一样的htm文件,并发布。
二. 制作网页的注意事项
应用于课堂教学或专题学习网站的网页与平时在网上浏览的公司网页相比,有较大的区别。
页面设计上,构图要力求简明,图形、标题、文字标注三者并重,不能像公司网站的主页,看得人眼花缭乱。
动画要适当,不要一打开网页到处都在动,让人不知看什么地方是好。
主题要鲜明,一个网页一个主题。
文字不宜多。一个页面不要超过300字,字要大一些。
‘叁’ 如何制作网站 web
第一步:建站系统选择
不懂技术和设计的情况下,你就需要用到自助建站系统了,需要找网页制作公司的模板,这样可以让你零基础做出一个比较美观的网站。后台都是可视化操作,模板设计感强,简洁典雅,做出来的网站效果也非常好。
第二步:头图设计
访客打开你的网站后,浏览顺序一般是从上至下……因此,若想快速吸引访问者注意力,就一定要重视头图banner!让客户感受到视觉上的美观和愉悦,而不是看了你网站一眼就迅速关掉。头图一定要要足够显眼、吸睛。让客户一眼明白你是干什么的,千万不要太啰嗦,免得浪费客户时间。
第三步:详细信息展示
在标题头图之下,一般是企业简介、重要产品展示、团队成员、详细业务介绍、媒体报道等,网站靠后部分则是留言表单、联系方式。中间可以根据需求添加商城、博客等版块。这样的版块排列顺序比较有逻辑,便于客户理解。
如何制作网页,添加这样的功能呢?在上线了网站编辑器点击左侧【添加新版块】,可以添加各种功能——商城、定价表、相册、产品展示、大尺寸媒体、留言表单、横向布局、纵向布局等。版块的布局、顺序均可调整,版块内的文字内容、图片也可随时更改。
第四步:加强客户联系
网站是从互联网引流的好渠道,你可以在网站底部添加自己的社交媒体平台按钮,吸引客户关注你,进而为自己积攒私域流量。
第五步:发布上线
在网站后台的“设置”里你可以设置网站域名、标题、logo等等。全部做好并预览无误后点击左下角的“上线”,就成功发布自己的网站了。
‘肆’ 用火车头采集器WEB发布成功,并可以可以看到发布的文章内容页,可是为什么封面页和内容页中无法看到呀
参考答案 拿的起,放得下。凡事别勉强!
‘伍’ 火车头采集器显示Web发布成功1条,但是在网站后台去看,没内容是怎么回事情呢
可以先看规则第三步设置的发布配置 入库栏目是否正确 , 还有 如果发布模块没有设置判断发布是否成功的提示信息 发布信息时只提示发布成功
‘陆’ 怎么把网页发布到Web服务器
1、远程登录到自己的服务器,进入到存羡运放网页的根目录。我用的是阿里云服务器Ubuntu14.04版本,根目录路径为 /var/www/html。
‘柒’ 紫金桥组态软件web发布流程介绍
Web发布功能,实现了浏览器 /服务器模式的运行功能。客户端只需通过 IE浏览器就可以访问服务器上发布的运行画面,与在服务器端访问运行画面等效。 Web发布功能 降低了维护的复杂度,方便进行统一管理,所有的操作仅需要在服务器端实现。
1、需要安装IIS服务,且确保IIS服务正常运行
2、防火墙安全配置,确保相关端口畅通。
3、工程Web配置及发布
4、网络服务器勾选,确保运行
1、IE浏览器访问,需要配置浏览器相关设置
2、360安全浏览器访问,需要切换到IE内核访问,版本<=IE9
3、建议使用360安全浏览器,方便快捷,无繁杂设置,直接访问。
1、查看IIS是否安装
打开控制面板,打开管理工具,如果有下面画框文件,说明已经安装
双击打开,查看默认网站是否启动:
如果未启动,点击启动运行。
如果IIS未安装,点击控制面板-程序-添加windows功能
2、防火墙配置
如果IIS默认站点是默认80端口,请确认80端口开放,另外1998端口也必须开放(软件数据端口)
3、工程Web配置及发布
打开Web配置,配置相关参数
点击高级,勾选使用IIS,设置虚拟目录。
发布工程页面
确认网络服务器勾选启动
点击运行即可,浏览器输入发布的地址,访问发布页面
演示视频: 演示视频(页面文章最后一节)
更多紫金桥组态软件技术文章,请点击访问参考: 紫金桥知识库
‘捌’ 应该如何制作web流程图
一、设计的任务:设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。 网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。 第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。 第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
‘玖’ javaweb项目如何在局域网内发布
查找到自己的桥斗电脑IP。
‘拾’ 如何发布web服务器
站点上点击右键选择启动,然后在浏览器里输入刚才指向的网址,就可以浏览你自己制作的网页了。
当然这些都是最基本的设置,你还可以配置一些关于性能和安全的设置,例如限制带宽和哪些用户可以访问此Web页等,其实要想建立一个相对安全的网站这些还远远不够,限于篇幅及本文的主题限制在此不再多费口舌,有兴趣与此的朋友可以参阅相关资料。
建立ftp服务器
FTP是File
Transport
Protocol的简称,其作用是使连接到服务器上的客户可以在服务器和客户机间传输文件。除WWW服务外,FTP也算是使用最广泛的一种服务了。在此介绍一下利用IIS建立FTP服务器的方法。
在WWW服务里已经介绍过了,同WWW服务一样,IIS默认有一个默认的FTP站,因此你可以通过修改默认FTP站点来满足你的需要。
在默认FTP站点上点右键:
输入描述:梦幻末世纪,设置IP地址:192.168.1.12,端口默认为21,一般不需要更改。
设置连接,同Web服务器一样注意启用日志纪录。
然后选中主目录对话框
基本上按照上图的设置就可以了,指定目录的访问权限。一般选择读取,你也可以以后再指定访问权限,让管理员具体写入的权限,让一般文章者具有读取的权限。
在安全账户中修改账户信息,根据自己的需要修改
允许匿名连接选项一定要填上。否则用户访问此站点时需要用户名和密码。默认状态下是可以允许匿名访问的。用户名为anonymous,密码为空。
定义用户访问FTP站点和退出站点时的信息以及最大连接数
当然大家也可以根据自己的需要和爱好来设置。
最后测试:
在运行中,打开cmd,然后输入
ftp
192.168.1.12(刚才设置的IP地址)回车,输入用户名anonymous。
然后回车,要求输入密码,因为密码为空,按回车即可!(日后为了网站的安全,可以设置禁止匿名访问,并加强密码,这里为了测试方便所以设置匿名用户)如果一样那么祝贺你,ftp网站配置成功,剩下的就是你丰富自己的站点内容了。
当然基于XP还有很多别的服务器可以架设,但个人网站一般最经常使用的就是这两种服务器,所以其它的就不再多说了,最后提醒一下,建立自己的服务器,必须提高自己的网络安全意识,否则损失不小。